/* Basisvorlage CSS
Ferienwohnungen Klagenfurt / Edmund Wallensteiner
Start: 29.4.2009
Letzte Änderung: 29.4.2009 Bernhard Wallensteiner


/* Farbsschema (Farbtöne der Elemente)
-----------------------------------------------------


Schriften: 
 - Schriftfarbe: #23261D
 
Hintergründe:
 - html: 015C60; See, dunkelgrünblau


- - - - - - - - - - - - - - - - - - - - - - - - - - -

*/



/* Reset
----------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
	border: 0;
}



/* Globals und Typo
----------------------------------------------------- */

html {
/* Wahlweise Grid-Hintergrund
Rasterhintergrund, der die Breite bis 1000 Pixel und eine Höhe bis 950 Pixel anzeigt. Die Breite von 960 Pixel ist markiert. Der Hintergrund ist transparent, muss also nicht nur mit #fff verwendet werden. Des wird eine Schriftgröße von 75% oder 12px festgelegt.
background: #fff url('_images/grid.png') top left no-repeat;
*/
	background: #015C60 /*url('images/bg-content-autor.gif') 21px 21px repeat-y*/;

}

body {
/* Wahlweise Linienhintergrund
Linienhintergrund abgestimmt auf eine Schriftgröße von 12px.
background: transparent url ('bilder/line-height.gif') top left;
*/
font-family: Verdana,Arial,Helvetica;
font-style: normal;
font-size: 11px;
color: #23261D;
}

html>body {
	}

a:link {
	color:white;
	}

a:visited {
	color:white;
	}

a:hover {
	color:white;
	}

a:active {
	color:white;
	}

a[href$='.pdf'] {
	padding: 5px 5px 5px 30px;
	background: transparent url('images/icon_pdf.gif') no-repeat center left;
}

.pdf-link { /* weil ie6 die obere definition für pdf nicht versteht; */
	padding: 5px 5px 5px 30px;
	background: transparent url('images/icon_pdf.gif') no-repeat center left;
}


/* Macht die gepunktete Linie um geklickte Links unsichtbar
----------------------------------------------------- */
 a:focus {
	outline: none;
}


/* Vertikaler Rhythmus, basierend auf 12px Basisgröße für den Fließtext
----------------------------------------------------- */
p {
	font: 1.2em/1.7em Arial,Tahoma,Verdana, sans-serif;
	margin-top: 1.0em; 
	margin-bottom: 1.0em;
	padding:5px 20px 5px 20px;
}


h1 {
	padding: 30px 10px 5px 15px;
	font-size: 20px;
	font-weight: bold;
	color:#FFDE00;

}

	
h2 {
	padding: 35px 10px 0px 15px;
	font-size: 15px;
	font-weight: bold;
}


/* Container
----------------------------------------------------- */

#wrapper {
	margin: 0 auto;
	width: 960px;
	border: 0px green dotted;
	background-color:#015C60;
}

#header {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height:320px;
}

#header img {
	float: left;
	}
	
#content {
	min-heigt:600px;
	background-color: #208279;
	color:white;
}

#content ul {
	margin-left: 40px;
	}

	

#content .column-left {
	width:481px;
	/* padding: 40px 20px 20px 20px; */
	float:left;
	/* border: red 1px solid; */
	background-color: #208279;
	color:white;
}

#content .column-right .abstandhalter-oben {
	margin-top:20px;
	width:480px;
}

#content .column-right {
	width:479px;
	/* padding: 40px 20px 20px 20px; */
	float:right;
	/* border: red 1px solid; */
	background:#015C60;
	/* border-left: 1px solid #015C60;  */
}

#content .column-right-1 { /* fotospalte  */
	padding:0px;
	float:left;
	/* background: #fff; */
	/* border: green 1px solid; */
}

#content .column-right-2 { /* fotospalte */
	padding:0px;
	float:left;
	/* background: #fff; */
	/* border: green 1px solid; */
}

#content .column-right-1 img {
	border: 0px solid #015C60;
	margin: 20px 0 0 40px;
	float: left;
	width:154px;
	height:103px;
	}
	
#content .column-right-2 img {
	border: 1px solid #015C60;
	margin: 20px 0 0 40px;
	float: left;
	width:154px;
	height:103px;
	}


#content .grundriss {
	margin: 20px 0 0 40px;
	float: left;
	/* border: green 1px solid; */
}
	
#content .column-right .bildtext {
	/* border: green 1px solid; */
	margin-top:10px;
	width:450px;
	font-size: 11px;
	color: #fff;
}

#content .column-right .bildtext p {
	margin: 0 10px 5px 40px;
	padding: 0 0 0 0px;
}

#content  h3 {
	margin: 0 10px 5px 15px;
	padding: 0 0 0 0px;
	font-size:12px;
}

#links ul li {
	margin-bottom: 5px;
	}
	

#footer {
	background:#9FDEE8;
}

#abstandhalter-unten {
	clear: both;
	position: relative;
	left: 24px;
	top: 26px;
	padding-bottom:20px;
	width:920px;
	background-color:none;
}



/* weitere Container
----------------------------------------------------- */