/* --- CSS Gruber Events -----------

	--- Blick ins Netz ---------------
	--- Tanja Weissenberger -----------

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

*/

* {
	margin: 0;
  	padding: 0;
	
  }


html, body {
	height: 100%;/* Required */
	margin:0;
	padding:0;
	}

body { 
	margin: 0; 
	padding: 0; 
	font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif; 
	font-weight:normal;
	background-color: #99ccff;
	background: #9cf url(../bg/bg.jpg) repeat-x left 100px; 
	color:#666666;
	line-height:1.3em;
	}

a.bottom { color:#CCCCCC; font-weight: normal; text-decoration: none; }
a.bottom:activ {font-weight: normal; text-decoration: underline;}
a.bottom:hover { color:#FFFFFF; font-weight: normal; text-decoration: underline; }
a.bottom:link {font-weight: normal; text-decoration: none;}

a.links  { color: #666666; font-size: 9pt; font-family: verdana, arial, helvetica; font-weight: bold; font-style: normal; line-height: 1.5em; text-decoration: none;}
a.links:link { color: #666666; }
a.links:hover { color: #900; }
a.links:active { color: #900; }
a.links:visited { color: #369; }

h1 {
	color: #333;
	font-family: verdana, arial, helvetica; 
	font-weight: bold;
	font-size:9pt;
	line-height: 1em}
	
.rotBold {
	color: #900;
	font-weight:600;}

#wrapper {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	

} 

#content {
padding: 2.5em 1em 7.5em 6em;

}
/* linke Spalte */

#spalte_li {
  height: 600px;
  width:620px;
  overflow: auto;
  background: #ffffff;
  
 
 }

/* rechte Spalte */

#spalte_re {
	position: absolute;
	width: 255px;
	right: 70px;
	margin:0px;
	top: 60px;
	
  
}

#home {
  /*margin-top: 80px;*/
  color: #666666;
  font-size: 0.8em;
  text-align:right;
}

#home a {
  text-decoration: none;
  color: #666666;

}

#home #akt {
	color: #CC0000;
	text-decoration: none;
	font-weight: 600;
}


#home a:hover {
  text-decoration: underline;
  color: #ffffff;

}


#logo {
	margin-top: 80px;
	
	
}

#navi {
	margin-top:120px;
	text-align:right;

}

.navi a { color: #990000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none;   }
.navi a:hover { color: #990000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none;  }
.navi a:link { color: #990000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none;  }
.navi a:active { color: #990000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none;  }


/* Inhalte - Texte */

#inhalt_li_spalte {
	width:290px;
	margin-top:25px;
	margin-left:20px;
	position: absolute;}



#inhalt_li_spalte ul {
	list-style-type:none;
	margin-left: 30px;	
	margin-top: 15px;
}

#inhalt_li_spalte li {
	color: #333333;
	line-height:24px;
}

#inhalt_li_spalte .punkt { 
	color: #990000; 
	font-size: 18px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	
	}

#inhalt_platz {
	margin-left: 298px;
	background-image:url(../platz/grau_225.gif);
	width: 2px;
	height: 330px;
	margin-top:10px;
	position:absolute;
}

#inhalt_li_spalte_rest {
	width:290px;
	margin-top:5px;
	margin-left:10px;
	position: absolute;}
	
#inhalt_li_spalte_rest ul {
	list-style-type:none;
	margin-left: 30px;	
	margin-top: 15px;
}

#inhalt_li_spalte_rest li {
	color: #333333;
	line-height:24px;
}

#inhalt_li_spalte_rest p {
	margin-top: 20px;
}

#inhalt_li_spalte_wide {
	width:600px;
	margin-top:5px;
	margin-left:10px;
	position: absolute;}

#inhalt_li_spalte_wide h5{
	font-size: 14px;
	font-weight:600;
	color:#666666;
	line-height:normal;}

#inhalt_li_spalte .rechts {
	margin-left:70px;
	margin-top: 30px;
}


#inhalt_re_spalte {
	float:right;
	width:300px;
	margin-right:10px;
	margin-top:5px;
}

* html #inhalt_re_spalte {
	float:right;
	width:290px;
	margin-right:10px;
	margin-top:5px;
	
}

.textMaerkte { color: #333; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; }
.textMaerkte1 { color: #333; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 11px; }

a.naviMaerkte { color: #666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold;font-weight: bold;  text-decoration: none;}
a.naviMaerkte:hover {color: #990000; font-weight: bold;}
a.naviMaerkte:link {font-weight: bold;}
a.naviMaerkte:active {font-weight: bold; }
a.naviMaerkte:visited {font-weight: bold;color: #990000; }



/* stylesheet für Unternavigation - linke Spalte*/
#content_veran    { background-color: transparent; text-align: left; padding: 0px; width:200px; min-height:190px; height: auto; }
ul#listmenu    { background-color: transparent; margin-left: 0px; padding: 0px;  width:200px;}

ul#listmenu li {
float: left;
padding:0px;
background:#ffffff;
list-style-type:none;
text-align:left;
height: 30px;}

ul#listmenu li#li-active {
float: left;
width:15em;
padding:0px;
text-align:left;
list-style-type:none;}

ul#listmenu a {
display:block;
width:15em;	
background: #fff;	
text-decoration: none;}

ul#listmenu span {
display:block;	
color:#990000;
text-decoration: none;}
	
ul#listmenu a:hover  {font: 13px Verdana, sans-serif; color:#990000; }
	
ul#listmenu a, ul#listmenu a:hover, li#li-active, span {font:bold 13px Verdana, sans-serif;}
ul#listmenu a,  span {color:#666666;}	


/* Start der Bildergalerie*/
#gallery { left: 380px; top: 310px; position: absolute; width: 550px; visibility: visible; }
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;

/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: solid 0 white;
margin: 0 10px 10px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0px solid ;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute; background-color: #ffffff; padding: 0; left: -1000px; border: 0 ; visibility: hidden; color: black; text-decoration: none; }

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible; top: 0; left: 0; /*position where enlarged image should offset horizontally */
height: 310px; z-index: 50; }

/* ende der bildergalerie*/


/*  Bilder im #inhalt*/
#pic_index {
	margin-left:10px;
	margin-top: 10px;
	padding:0;
}
#pic_headline_index {
	margin-left: 10px;
	margin-top:5px;
}

#pic_li_spalte_headline {
	margin-left:10px;
	margin-top: 10px;
	
}

/* Footer */

	
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height:70px;
	line-height: 1.5em;
	background: #369;
	color:#CCCCCC;
	text-align:center;
	
} 

#footer p {
	padding-left:70px;
	padding-right:70px;
	padding-top:10px;
}


#footer .lft {
	float:left;
	
}

#footer .rgt {
	float:right;
}