/* ======================================================================
Stylesheet für das Projekt "Ostseeseite - Ferienwohnung"

Stand: 22.05.2009 - Erstellen der Navigation
       02.06.2009 - Einfügen Klasse .fontWrite
       03.06.2009 - Einfügen Styles für #contenttable, #mailform
       04.06.2009 - Browserkompatibiliät und keine Div-Überlagerungen
       

Aufbau: 	1. Kalibrierung und allgemeine Styles
		2. Styles für Layoutbereiche
		3. Sonstige Styles					

Eingebundene Grafiken:  Bilder/bg_body.jpg,
			Bilder/bg_wrapper.jpg,
			Bilder/bg_head.jpg,
			Bilder/header_image01.jpg,
			Bilder/navi_bg01.jpg,
			Bilder/bg_nav1.jpg,
			Bilder/bg_nav1over.jpg
========================================================================= */
/* 1. Kalibrierung und allgemeine Styles 
   ===================================== */

/* Kalibrierung der wichtigsten Abstände */

*  {padding: 0;margin: 0;} /* Stylesheets der Browser außer Kraft setzen */

h1,h2, h3, p, ul, ol {margin-bottom: 1em;}  /* Abstände setzen: nach unten */

ul ul {margin-bottom: 0;}            /* Verschachtelte Listen ohne Abstand */

li  {margin-left: 3em;}              /* Abstand nach links */

/* Allgemeine Selektoren */

html {height: 101%;}  /* erzwingt Scrollbar im Firefox */

h1  {
     font-size: 170%;
     font-family: "Segoe Print";
}

h2  {font-size: 110%;}

h3  {font-size: 110%;}

body  {
	background-color: #F7DABA;
	background-image: url(../img/bg_body.jpg);
	background-repeat: no-repeat;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	font-size: 100%;
	font-family: Arial, Verdana;
}

/* Hyperlinks allgemein */

a {
	text-decoration: none;
	outline: none;
}
a:link     {color: navy;}
a:visited  {color: navy;}

a:hover, 
a:focus {
	color: #143414;
}
a:active {
	color: #141434;
}

.fltrt { 
    	float: right;
    	width: 250px;
	margin-right: 60px;
	margin-top: 80px;
}

.fltlft { 
    	float: left;
    	margin-right: 8px;
}

.fltlftImg { 
    	float: left;
    	width: 500px;
}

.fltrtImg { 
        float: right;
        width: 286px;
        margin-right: 30px; 
        /*margin-top: 167px; */
}

.verweis {
        font-weight: bold;
        color: white;
        background-color: navy;
        border: 1px solid #000000;
}

.clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
}

/* 2. Styles für die Layoutbereiche 
   ===================================== */
#wrapper {
    	width: 1040px;  
    	background: #FFFFFF;
	background-image: url(../img/bg_wrapper01.jpg);
	background-repeat: repeat-y;
    	margin: 20px auto; 
    	text-align: left; /* Einstellung text-align: center im Body-Element überschreiben. */
}

#headerTop {
	background-image:url(../img/bg_head.jpg);
	background-repeat: no-repeat
}
#header { 
	width: 989px;
	height: 134px;
    	background: #DDDDDD; 
	background-image: url(../img/header_image01.jpg);
	margin-left: 25px;   
} 
#header h1 {
    	margin: 0; 
    	padding: 10px 0; 
} 

#sidebar1 {
    	float: left; 
    	width: 180px;   
	height: 726px;  
	background-image:url(../img/navi_bg01.jpg);
	background-repeat: no-repeat;
    	margin-left: 25px;
}	
#sidebar1 ul {
	width: 150px;
	margin-top: 80px;
	margin-left: 45px;
}
#sidebar1  li {
	list-style-type: none;
	margin: 0 0 35px 0;
}
#sidebar1 a {
	display: block;   /* wird zum Blockelement, ganze Fläche anklickbar machen */
	text-decoration: none;  
	color: navy;
	font-weight: 600;
	background-image: url(../img/bg_nav1.jpg); 
	padding: 9px;
}

#sidebar1 a:focus,
#sidebar1 a:hover {
	color: #141434;
	background-image: url(../img/bg_nav1over.jpg);
}

#mainContent { 
	position: relative;
    	margin: 20px 0 0 240px; 
    	padding: 10px 30px 0 10px; 
    	min-height: 380px;
}

#footer {
	background-image:url(../img/bg_foot.jpg);
	background-repeat: no-repeat;
}

/* 3. Sonstige Styles
   ================== */

#mailform {
        margin-top: 30px;
}  
#mailform label {
	padding-right: 15px;
}
#mailform td {
        padding-bottom: 10px;
}
 
#muscheln {
	position: absolute;
	top: 527px;
	left: 468px;
} 

#moewe {
	position: absolute;
	top: -71px;
	left: 511px;
} 
.fontWrite {
        font-size: 120%;
	font-family: Pristina,Arial;
}
.contenttable {
	width: 740px;
	border: 1px solid #141434;
	text-align: center;
        margin-bottom: 5px;
}
.contenttable caption { 
        text-align: right; 
        padding-bottom: 5px;
}
.contenttable th,
.contenttable td {
	border: 1px solid #141434;
	background-color: #c7c7c7;
}
.contenttable th {
	background-color: #FFF4F2;
}