/* Start of CMSMS style sheet 'sgv' */
 /* Seiten-Struktur */

 * {
   padding:0;
   margin:0;
   border:0;
   font-family: trebuchet, helvetica, sans-serif;
   font-size:100%;
 }
 html {
 	min-height: 100%;
 	height: auto;
 }
 body {
 	background-color: #054BA6;
 	height:100%;
   background-image: url(/cmsgrafik/hintergrund_kachel.jpg);
   background-position: left bottom;
   background-repeat: repeat-x;
 }

 a {
   color: #054BA6;
   text-decoration:none;
 }

 a:hover {
   text-decoration:underline;
 }

 div#rahmen {
	background-color: #FFFFFF;
	width:914px;
	position:relative;
	left:50%;
	margin-left:-440px;
	margin-top: 5px;
	 	
 }
 div#seite {
	background-image: url(../bilder/schatten_rahmen.png);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	width:914px;
	float:right;
	
 }
 
 div#fuss
 {
	background-color: #FFFFFF;
	background-image: url(../bilder/seitenrahmen_unten.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:60px;
	width:914px;
	float:right;
 }
 
 div#fussinhalt
 {
 	border-top:1px solid #A9A9A9;
	width:874px;
 	margin: 15px 20px 0 20px;
	float:right;
	line-height:1.5;
	font-size:80%;
	color:#5f5f5f;
	text-align: justify;
 
 } 
 
 div#kopf {
   padding:0 6px 0 4px;
 }
 div#bild_kopf {
   width:914px;
   height:287px;
   
   background-repeat: no-repeat;
 }

.eins {
   background-image: url(../bilder/kopf-1.jpg);
   
 }

.zwei {
   background-image: url(../bilder/kopf-2.jpg);
 }

.drei {
   background-image: url(../bilder/kopf-3.jpg);
 }

.vier {
   background-image: url(../bilder/kopf-4.jpg);
 }

.fuenf {
   background-image: url(../bilder/kopf-5.jpg);
 }

.sechs {
   background-image: url(../bilder/kopf-6.jpg);
 }

.sieben {
   background-image: url(../bilder/kopf-7.jpg);
 }

.acht {
   background-image: url(../bilder/kopf-8.jpg);
 }
 
 .neun {
   background-image: url(../bilder/kopf-9.jpg);
 }
 



 div#bild_kopf img {
   margin: 40px 0 0 20px;
 }
 div#bild_kopf p {
   margin: 0px 0 0 26px;
   font-size: 78%;
   color:#505050;
   line-height:1.2;
   padding-top:165px;
 }
 

 div#inhalt {
	width: 625px;
	float:right;
	line-height:1.5;
	font-size:80%;
	color:#5f5f5f;
	background-color:transparent;
	margin-top:20px;
	margin-bottom:20px;
	margin-right:20px;
	text-align: justify;
 }
 

 div#inhalt h1 {
   font-size:130%;
   background-color: #B0C4DE;
   color:#fff;
   border-bottom:2px solid #A9A9A9;
   padding:2px 5px;
   margin-bottom:10px;
   letter-spacing:1px;
 }

 div#inhalt h2 {
   font-size:120%;
   color:#a9a9a9;
   border-bottom:1px solid #A9A9A9;
   display:block;
   font-weight:bold;
   margin: 20px 0;
 }
 
 div#inhalt h3 {
   font-size:120%;
   color:#5f5f5f;
   background-color:transparent;
   display:block;
   font-weight:bold;
   margin: 10px 0;
   padding: 0 3px 0 3px;
 }

 div#inhalt h4 {
   font-size:120%;
   color:#a9a9a9;
   background-color:transparent;
   display:block;
   font-weight:bold;
   margin: 0px 0;
   padding: 0 3px 0 3px;
 }
 
 
 div#inhalt p {
 padding: 0 3px 3px 3px;
 }

 div#inhalt ul, div#inhalt ol {
 padding: 0 20px 0 0;
 margin-left:17px;
 }

 div#inhalt ul.sitemap,  div#inhalt ul.sitemap ul{
 list-style:none;
 margin-left:8px;
 }

 div#inhalt ul.sitemap li{
 padding: 7px 0;
 }

 div#inhalt ul.sitemap li {
  line-height:2;
 padding: 0 0;
 }

 div#inhalt ul.sitemap li li, div#inhalt ul.sitemap li li li li{
 font-weight:normal;
 }


 div#inhalt ul.sitemap li, div#inhalt ul.sitemap li li li{
  font-weight:bold; 
 }

 div#inhalt .fotobz {
   background:#a9a9a9;
   padding:2px 0 2px 2px;
   color:#FFF;
   display: inline;
 }

 div#fuss  p {
   padding: 40px 0 0 20px;
   font-size:80%;
   color: #FFF;
 }

 div#fuss  p a {
   color: #FFF;
   text-decoration:underline;
 }

 div#fuss  p a:hover {
   text-decoration:none;
 }

 div#linkeseite {
   width: 245px;
   float:left;
 }



 div#navi {
   margin-left:17px;
   padding-top:10px;
   width:240px;
   background: transparent url("../bilder/rahmen_seite.gif") repeat-y;
   }

 div#navi img {
   display: block;
   }

 div#navi ul {
   border-top: 1px dashed #A9A9A9;
   margin: 0px 20px 10px 20px;
   list-style:none;
   }

 div#navi ul li {
   border-bottom: 1px dashed #A9A9A9;
   }

 div#navi ul li a {
   display:block;
   height:1%;
   line-height:2;
   font-size:80%;
   color: #13A527;
   background: transparent url("../bilder/menue_pfeil.gif") no-repeat center left;
   padding-left: 18px;
   }

 div#navi ul li a:hover {
   background: #efefef url("../bilder/menue_pfeil_hover.gif") no-repeat center left;
   text-decoration:none;
 	color: #054BA6;
   }
 div#navi ul li a.used {
   background: transparent url("../bilder/menue_pfeil_hover.gif") no-repeat center left;
 	color: #054BA6;
   font-weight:bold;
   text-decoration:none;
   }

 div#navi ul li ul {
   border-top: 0;
   margin: 0px 5px 5px 18px;
   list-style:none;
   }
 div#navi ul li ul li {
   border-bottom: 0;
   }
 div#navi ul li ul li a {
   display:block;
   height:1%;
   line-height:1.5;
   font-size:80%;
   color: #13A527;
   background: none;
   padding-left: 0px;
   }

 div#navi ul li ul li a:hover {
   background: none;
   text-decoration:none;
 	color: #054BA6;
   }
 div#navi ul li ul li a.used {
   background: none;
   color: #13A527;
   font-weight:bold;
   text-decoration:none;
   }
 div#navi ul li ul li ul{
   border-top: 0;
   margin: 2px 5px 0px 2px;
   list-style:none;
   }
 div#navi ul li ul li ul li a {
   display:block;
   height:1%;
   line-height:1.5;
   font-size:80%;
   color: #909090;
   background: none;
   padding-left: 10px;
   border-left: 1px dashed #13A527;
   }
 div#navi ul li ul li ul li a.used {
   background: none;
   color:  #054BA6;
   font-weight:bold;
   text-decoration:none;
   }



div#inhalt form{
   text-align:left;
   }


 div#inhalt form input[type=submit]{
   margin-bottom: 5px;
   background: #FFF;
   border:1px solid #A9A9A9;
   overflow:hidden;
   font-size:100%;
  padding:2px;
   }
   
   div#inhalt form input.senden{
   margin-bottom: 5px;
   background: #FFF;
   border:1px solid #A9A9A9;
   overflow:hidden;
   font-size:100%;
  padding:2px;
  width:100px;
   }
   
 div#inhalt form input, div#inhalt form select, div#inhalt form textarea{
   margin-bottom: 5px;
   background: #FFF;
   border:1px solid #A9A9A9;
   overflow:hidden;
   font-size:100%;
  padding:2px;
  width:350px;
   }
   
 
 div#inhalt form input.radio{
   margin-bottom: 5px;
   background: #FFF;
   overflow:hidden;
   font-size:100%;
  padding:2px;
  width:15px;
   }
 
div#inhalt form textarea.galerie{
  height: 45px;
   } 
 
div#inhalt form textarea{
  height: 200px;
   }

div#inhalt form .topmargin{
  margin: 15px 0;
   }

 div#inhalt form input.fbsubmit{
	margin: 10px 0 5px 0px;
	background: none;
	border:1px solid #A9A9A9;
	color:  #A9A9A9;
	background: white url("/cmsgrafik/untermenue_dot.gif") 80px center no-repeat;
	padding-right: 18px;
	width: 100px;
   }
 div#inhalt form input.fbsubmit:hover{
   background: #efefef url("/cmsgrafik/untermenue_dot_hover.gif") 80px center no-repeat;
   }

  div#inhalt  div.error_message{
   color:red; }



 /* Klassen */

 .clear {
   clear:both;
   height:1px;
   overflow:hidden;
  }
 .tab {
   display:block;
   width:50px;
   float:left;
 }
 
 .tabrechts {
   display:block;
   width:50px;
   float:right;
 }
 
 .right {
   float:right;
   margin: 0 0 10px 10px;
 }
 .left {
   float:left;
   margin: 0 10px 10px 0;
 }


span.accesskey {
  text-decoration:none;
}

.accessibility {
  position: absolute;
  top: -999em;
  left: -999em;
}

a.external span {
 position: absolute;
 left: -5000px;
 width: 4000px;
}

a.external {
 padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
 color: #054BA6;
 background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
 color: #054BA6; 
 background: url(images/cms/external.gif) no-repeat 100% 0; 
}
a.external:hover {
 color: #054BA6;
 background: url(images/cms/external.gif) no-repeat 100% 0; 
}

#suchfeld  {
width:207px; height:25px; background: url(/cmsgrafik/feld.jpg) no-repeat;margin-left: 20px; margin-bottom:10px;
}
.input-suche {
margin-left:5px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 70%; font-weight: normal; color: #303030; width: 177px; height:14px; border:0px;  background: url(/cmsgrafik/feld-fond.gif) no-repeat;
}
.input-finden{
width:20px; height:20px; cursor:pointer;border: 0px; background: url(/cmsgrafik/trans.gif) no-repeat;
}

#inhalt span.tabulator {float: left;width: 80px;display:block;height: 19px;line-height: 1.5;}
#inhalt span.tabulator_2 {float: left;width: 200px;display:block;height: 19px;line-height: 1.5;}
#inhalt span.fehler {color:#B50000;}
#inhalt span.fehler2 {color:#B50000;}
#inhalt input, #inhalt textarea,#inhalt  select
{border: 1px solid #838383;font-family: Arial, sans-serif;font-size: 90%;color:#838383;}

#inhalt #map0 input.gmapDirButton, #inhalt input.button {
   margin:2px 0 5px 0px;
   background: none;
   border:1px solid #A9A9A9;
   color:  #A9A9A9;
   background: white url("/cmsgrafik/untermenue_dot.gif") 80px center no-repeat;
   padding-right: 18px;
   }
#inhalt input.checkbox {width: auto; border: 0;}
#inhalt span.text {display:block; float:right; width: 400px; padding-bottom: 10px; line-height: 1.5;}
#inhalt .datum_input {width:50px;}
#inhalt fieldset {border:1px solid #808080;padding:15px;  margin-right:40px;}
#inhalt legend  {color:#808080;text-transform:upper-case; letter-spacing: 2px; }


div#schnellkontakt {
   margin-left:17px;
   padding-top:10px;
   width:240px;
   background: transparent url("../bilder/rahmen_seite.gif") repeat-y;
}

 div#schnellkontakt h2{
   color: #A9A9A9;
   font-size: 80%;
   padding: 0px 20px;  
   }

div#schnellkontakt form{
   font-size: 70%;
   color: #A9A9A9;
   padding-top:10px;
   padding-left:20px;
   width:230px;
   text-align:left;
   }

 div#schnellkontakt form input, div#schnellkontakt form textarea{
   margin-bottom: 5px;
   background: none;
   border:1px solid #A9A9A9;
   width:200px;
  }
  
  div#schnellkontakt form input.senden{
   margin: 10px 0 5px 0px;
   background: none;
   border:1px solid #A9A9A9;
   color:  #A9A9A9;
   width:100px;
   
   }
 div#schnellkontakt form input.senden:hover{
   background: #efefef 80px center no-repeat;
   }
  

div#schnellkontakt form textarea{
  height: 100px;
   }
   
div#kalender
{
	background-image: url(../bilder/kalender.jpg);
	background-repeat: no-repeat;
 }   

 div#galerieseite {
	
	background-color: #FFFFFF;
	width:650px;
	float:left;
	
 }


div#galerie {
	width: 640px;
	height: 590px;
	float:right;
	line-height:1.5;
	font-size:80%;
	color:#5f5f5f;
	background-color:transparent;
	margin-top:5px;
	margin-right:5px;
	text-align: justify;
 }
 

 div#galerie h1 {
   font-size:110%;
   background-color: #B0C4DE;
   color:#fff;
   border-bottom:2px solid #A9A9A9;
   padding:2px 5px;
   margin-bottom:5px;
   letter-spacing:1px;
 }

 div#galerie h2 {
   font-size:120%;
   color:#a9a9a9;
   border-bottom:1px solid #A9A9A9;
   display:block;
   font-weight:bold;
   margin: 20px 0;
 }
 
  div#galerie p {
 padding: 0 3px 3px 3px;
 }
 
  div#galeriebutton
  {
  width: 30px;
  height: 30px;
  margin: 5px 5px 5px 0px;
  float: right;
  }
  
  div#galeriebutton:hover
  {
   background: #efefef 80px center no-repeat;
  }