/* CSS Document für Places - Typ Casa de la vida */

body{
margin:5px 0px 5px 0px;
padding:0;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
}

html {scrollbar-face-color:#538A89;
scrollbar-track-color:#EAFBFB;
scrollbar-arrow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;}

a {color: #538A89;}
a:hover {color: #CC3366;}
a:visited {color: #538A89;}


#maincontainer{
width: 745px; /*Breite der gesammten Seite*/
margin: 0 auto; /*Auf Seite zentrieren*/
border:#58D4D4 1px solid;  background-color:#fff;
scrollbar-face-color:#538A89;
scrollbar-track-color:#EAFBFB;
scrollbar-arrow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
}

#topsection{
background: #FFFFFF;
height: 130px; /*Höhe des Kopfes*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 166px; /*Die Weite der linken Spalte wird zum Abstand des Content Containers*/
height: 610px;
}

#leftcolumn{
float: left;
width: 166px; /*Weite der linken Spalte*/
height: 620px;
margin-left: -745px; /*Linke Spalte minus Content Breite*/
background:url(../common/graphic_elements/vert_herz_neu.gif) top right no-repeat #ECFBFB;
}

/*nicht benutzt aber unbedingt nötig fürs Layout!!!!!*/
#footer{clear: left;}

/*navigation oben und Seitentitel*/
.navitube { width:579px; height:34px; border-bottom:#58D4D4 1px solid; text-align:right; margin:0; padding:0; background-color:#ECFBFB;}

/*navigation oben (3 bilder)*/
.head-navi { width:126px; float:right; text-align:right;}

/*Seitenüberschrift*/
.main-titel { width:449px; float:left; text-align:left; color:#006699; font-size:14px; font-weight: bold; line-height:36px; }

/*Inhaltscontainer*/
.innertube{
margin:0; text-align:center;

}

/* Linkes Menu für alle Seiten*/
.left_menu {width: 140px; float:left; text-align:right; font-size:11px; font-weight: bold;}
.headline {width: 140px; float:left; text-align:right; font-size:13px; font-weight: bold;margin-bottom:25px; margin-top:78px; color: #006699; clear:both;}
.left_menu a { color: #006699; display:block; text-decoration:none; margin-bottom:15px;}
.left_menu a:visited { color: #006699;}
.left_menu a:hover {color: #FF0066;}
#active{color: #FF0066;}



/* ---------------- Styles für "Der Platz" ---------------------------*/
/* Bilderrahmen und abstände für "Der Platz"*/
.img {  margin-top:15px; border:#58D4D4 1px solid; margin-right:15px;}
.img1 { margin-top:0px; margin-bottom:20px; margin-right:15px; border:#58D4D4 1px solid; float:
left; border-top:none;}
.img1b { margin-top:0px; margin-bottom:20px; margin-right:5px; border:#58D4D4 1px solid; float:left; border-top:none;}
.img2 { margin-top:0px;  margin-right:10px; border:#58D4D4 1px solid; float:left;}
.img3 { margin:0px; border-left:#58D4D4 1px solid;  border-bottom:#58D4D4 1px solid;}

/* Slogan oben für "Der Platz"*/
.slogan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
    color:  #CC3366;
	width:130px; height:90px; margin-right:10px;}
	
/* Text (scroll) links für "Der Platz"*/
.text_li {margin-top:20px; height:350px; width:260px; overflow:auto; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #538A89;}
/* Text rechts für "Der Platz"*/
.text_re {margin-top:20px; margin-left:8px; height:267px; width:280px; overflow:auto; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #538A89;}
/* Slogan unten für "Der Platz"*/
.slogan2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
    color: #CC3366;
	margin-right:10px;}
/* Abschluss Bild unten für "Der Platz"*/	
.last_img img {border:#58D4D4 1px solid; border-bottom: none;}




/* ---------------- Styles für "Was geschieht" ---------------------------*/

/* Bild mit Rahmen "Was geschieht"*/
.img_was1 { margin-top:15px; border:#58D4D4 1px solid;}

/* Text und Positionierung "Was geschieht"*/
.was {margin-top:15px; overflow:auto; color: #538A89; font-family: Verdana, Arial, Helvetica, sans-serif; height:550px; width:285px}




 




/* Headlines im Text "Was geschieht"*/
.slogan3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
    color: #538A89;
	margin-right:10px;
	}
	

/* ---------------- Styles für "Wer steht dahinter" ---------------------------*/

/* Bild mit Rahmen "Wer steht dahinter"*/
.img_wer1 { margin-top:15px; border:#58D4D4 1px solid;}

/* Positionierung und layout der Links "Wer steht dahinter"*/
.links_wer { margin-top:30px; color: #538A89; font-family: Verdana, Arial, Helvetica, sans-serif;}
.links_titel {color: #538A89; font-weight:bold; font-size:13px;}
.links_wer a {color: #538A89;}
.links_wer a:hover {color: #FF0066;}

/* Text und Positionierung "Wer steht dahinter"*/
.wer {margin-top:15px; overflow:auto; color: #538A89; font-family: Verdana, Arial, Helvetica, sans-serif; height:550px; width:285px; line-height:16px;}



/* ---------------- Styles für "Kontakt" ---------------------------*/
/* Bilder mit Rahmen "Kontakt"*/
.img_kontakt1 { margin-top:15px; border:#58D4D4 1px solid; margin-right:25px; margin-left:5px;}
.img_kontakt2 { margin-top:15px; border:#58D4D4 1px solid; margin-right:25px; margin-left:5px;}
.kontakt {margin-top:15px; overflow:auto; color: #538A89; font-family: Verdana, Arial, Helvetica, sans-serif; width:400px;}
.name {color: #538A89; font-weight:bold; font-size:13px;}
.kontakt a {color: #538A89;}
.kontakt a:hover {color: #FF0066;}