/* Stylesheet von www.follmann-riehl.de - validiert */

/*************  reset */

body,div,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,th,td { 
	margin:			0;
	padding:		0; }	

p	{
	padding:		3px;}

table {
	border-collapse:collapse;
	border-spacing:	0; }
	
fieldset,img { 
	border:			0; }

address,caption,cite,code,dfn,em,th,var {
	font-style:		normal;
	font-weight:	normal;}

caption,th {
	text-align:		left;}
	
h1,h2,h3,h4,h5,h6 {
	font-size:		100%;
	font-weight:	normal;}
	
q:before,q:after {
	content:		''; }

abbr,acronym { 
  border:			0;} 

/* Überschriften*/

h1 { font-size:1.2em; font-weight:bold;   color:#666; margin:0; padding:  3px 15px 15px 0px; }
h2 { font-size:1.15em; font-weight:bold;  color:#666; margin:0; padding:  3px 15px 9px 0px; }
h3 { font-size:1.10em; font-weight:bold;  color:#666; margin:0; padding:  3px 9px 3px 6px; }
h4 { font-size:1.0em; font-weight:bold;   color:#666; margin:0; padding:  3px 15px 3px 24px; }
h5 { font-size:1.0em; font-weight:bold;   color:#666; margin:0; padding:  9px 1px 1px 1px; }

#left h1 {
  text-align: 		center;
  font-size:		14px;}
  
#right h1 {
  text-align: 		center;
  font-size:		14px; 
  padding: 			0 0 10px 0;
  color: 			#ea4f00;} 
 
#right h2 {
  color: 			#666;
  font-size:		13px;  
  padding: 			5px 0;} 
  
#right h3 {
  color: 			#ea4f00;
  font-size:		12px;  
  padding: 			5px 0;}   

/************* main */

HTML, BODY {
	margin: 		0;
	padding: 		0;
	background: 	#fff;
	color: 			#333;
	font: 			12px Arial, Helvetica, sans-serif;}

A {
	color: 			#333;
	outline:		none;
	text-decoration:none;}	

A:hover, A:active, A:focus {
	color: 			#ea4f00;
	font-weight:	normal;}

/************* structure */

#header {
  height: 			175px;
  width: 			950px;
  padding: 			15px 15px 0 15px;
  background: 		url(../_logos/bg1.png) no-repeat;
  margin: 			auto;}

#navi {
  height: 			23px;
  overflow: 		hidden;
  border-bottom: 	2px solid #888;
  background: 		url(../_logos/navibg.png) no-repeat; }

#main {
  width: 			950px;
  padding: 			20px 15px 0px 15px;
  background: 		url(../_logos/bg2.png) repeat-y;
  margin: 			auto;}

#verlauf {
  background: 		url(../_logos/verlauf1.png);
  height: 			2px;
  width: 			950px;
  overflow:			hidden;}

#left, #right {
  width: 			175px;
  float: 			left;}

#content {
  width: 			725px;
  min-height:		375px;
  padding: 			0 20px 20px 20px;
  float: 			left;
  line-height: 		145%;}

.startseite #content {
  width: 			555px;}

#footer {
  height: 			16px;
  width: 			944px;
  padding: 			5px 18px 19px 18px;
  background: 		url(../_logos/bg1.png) 0 100% no-repeat;
  margin: 			auto;  
  font-size: 		10px;
  color: 			#ea4f00;}

#footer div a {
  color: 			#ea4f00;
  text-decoration: 	none;}

#footer div {
  margin: 			0 130px;
  text-align: 		center;}

#footer a.impressum {
  display: 			block;
  width: 			130px;
  float: 			left;
  text-decoration: 	none;}

#footer span {
  display: 			block;
  width: 			130px;
  float: 			right;
  color: 			#333;
  text-align: 		right;}

/* Galleria */

#galleria { 
  margin-left:		65px;
  width:			600px;
  height:			375px; }

/* Klassen */

.digit {
	font-size:		3px;
	font-weight:	bold;
	line-height:	125%;
	letter-spacing:	1px;
    color:			#CCCCCC; }

.img {
	margin:			9px;
	padding:		1px;
	border:			1px solid #999;}

.imgK {
	margin:			0px 9px 0px 1px;;
	padding:		1px;
	border:			1px solid #999;}	
	
.imgT {
	margin:			0px 9px 9px 9px;
	padding:		1px;
	border:			1px solid #999;}	

.text {
	color:			#333333;
	margin:			0px 25px 1px 25px;
	text-align: 	justify;}

.text-klein {
	font-size:		0.90em;
	color:			#333333;	}

.tab-text {
	font-size:		1.0em;
	font-weight:	normal;
    color:			#333333;
	padding:		1px;	}

.letter {
	font-size:		1.35em;
	font-weight:	bold;
	font-style:		italic;}	

.liste {
	color:			#333333;	
	font-weight:	normal;
	list-style-type:circle;
	margin-left: 	6px;	}	

.link-text {
	color:			#E37006;
	font-size:		1.0em;
	text-decoration: none;	}
	
.toplink {
	padding:		5px;
	font-size:		1.0em;
	text-decoration: none;	}	

/* navi */

#navi ul {
  list-style: 		none;
  margin: 			0;
  padding: 			0;}

#navi li {
  display: 			block;
  float: 			left;
  width: 			136px;
  height: 			23px;
  padding-top: 		1px;
  background: 		url(../_gifs/pipe.png) 100% 50% no-repeat;}

#navi li.last {
  width: 			132px;
  background: 		none;}

#navi a {
  width: 			133px;
  display:			block;
  height: 			23px;
  line-height:		22px;
  overflow: 		hidden;
  font-size: 		13px;
  font-weight:		bold;
  color:			#DDD;
  text-align: 		center;
  text-decoration: 	none;}

#navi a:hover, #navi a.active {
  color:			#fff;
  font-weight:		bold;
  text-decoration: 	none;}

#left ul {
  list-style: 		none;
  margin: 			0;
  padding: 			0;}

#left a {
  display: 			block;
  padding:			3px 10px;
  border-bottom: 	1px solid #888;
  text-decoration:	none;}

#left .first a {
  border-top: 		1px solid #888;}

#left a:hover, #left a.active {
  background: 		#ea4f00;
  color: 			#fff;}

#left .subsubnavi a {
  border:			none;
  padding: 			2px 0 2px 25px;}

#left .subsubnavi .last a {
  border-bottom: 	1px solid #888;}

#left .subsubnavi a:hover, #left .subsubnavi a.active {
  background: 		#ccc;
  color: 			#fff;}

#right .news {
  padding: 			10px 0;
  font-size:		11px;
 border-bottom:		1px solid #CCCCCC; }
  
#right .date {
  display:			block;
  font-size: 		10px;}


/************* clearfix */

.clearfix:after {
	content: 		".";
	display: 		block;
	height: 		0;
	font-size: 		0;
	clear: 			both;
	visibility: 	hidden;}

.clearfix {display: inline-block;}

/* hide from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end hide from IE-mac */

/* LightBox */

#lightbox{
	font-size:			0.9em; 
	font-style:			verdana, Arial, Helvetica;
	background-color:	#eee;
	padding: 			10px;
	border-bottom: 		2px solid #666;
	border-right: 		2px solid #666;	} 
	
#lightboxDetails{
	font-size: 			0.9em;
	padding-top: 		0.5em;	}
		
#lightboxCaption{ 
	float: 				left; }

#keyboardMsg{ 
	float: 				right; }

#closeButton{ 	
	top: 				5px; right: 5px; }

#lightbox img{ 
	border: 			none; clear: both;} 
	
#overlay img{ 
	border: 			none; }
	
#overlay{ 
	background-image: 	url(_gifs/overlay.png); }

* html #overlay{
	background-color: 	#333;
	back\ground-color:	transparent;
	background-image: 	url(_gifs/blank.gif);
	filter: 			progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");	}

/* Ende */