html{ 
 	text-align:center; 
	padding:0px; margin:0px;
	} 
	
#pagewidth{ 
 	width:874px; 
 	text-align:left;  
	margin-left:auto; 
 	margin-right:auto; 
	background:#F9F9F9 url("../pics/layout/bg_cpl01.gif") repeat;
} 
 
#header
	{
 	position:relative; 
 	height:96px; 
	width:874px; 
	background:#ffffff;
	} 
	
/* Logo START */
#header h1
{
background:#ffffff url("../pics/layout/lgo02.gif");
height: 96px;
width: 462px;
text-indent: -999em; 
padding:0; 
margin:0;
cursor:hand;
}

#header .Lgo
{
padding-left: 412px;
padding-top: 0px;
}
/* Logo END */
	
 
#leftcol{
 	width:171px; 
	height:900px;
 	float:left; 
 	position:relative; 
 	}
 
#twocols{
 	width:703px; 
 	float:right; 
 	position:relative; 
 	}
 
#rightcol{
 	width:203px; 
 	float:right; 
 	position:relative; 
 	}
 
/* maincol START */	
#maincol{
	background-color: #F9F9F9;  
	float: left; 
 	display:inline; 
 	position: relative; 
 	width:500px; 
 	}
	

#maincol p {font-size:11.0px; font-weight:normal; text-align:justify;  margin:5px 10px 5px 10px;}	

#maincol .teaser {background-color:#E7E6E6; border-top:1px solid #ffffff; overflow:visible; padding-bottom:5px;}	

#maincol h1 {font-size:11.0px; font-weight:bold; margin:5px 10px 5px 10px;}
#maincol h2 {font-size:11.0px; color:#FF6600; font-weight:bold; margin:5px 10px 5px 10px;}
#maincol h3 {font-size:12.0px; font-weight:bold; margin:5px 10px 5px 10px;}	
#maincol h4 {font-size:12.0px; color:#FF6600; font-weight:bold; margin:5px 10px 5px 10px;}
#maincol h5 {font-size:14.0px; font-weight:bold; margin:5px 10px 5px 10px;}
#maincol h6 {font-size:14.0px; color:#FF6600; font-weight:bold; margin:5px 10px 5px 10px;}	

#maincol A:link {color:#000000; font-size:11.0px;} 
#maincol A:visited {color:#000000;} 
#maincol A:hover {color:#FF6600;} 
#maincol A:active {color:#000000;}

#maincol a.LKextern {padding-left:18px; padding-right:10px; background: url(../pics/layout/but_lkextern.gif) no-repeat left;}
#maincol a.LKextern:hover {padding-left:18px; padding-right:10px; background: url(../pics/layout/but_lkextern_on.gif) no-repeat left;}

#maincol a.LKintern, #maincol a.LKforward, #maincol a.fwd, #maincol a.LKfwd 
{padding-left:13px; padding-right:10px; background: url(../pics/layout/but_fwd.gif) no-repeat left;}
#maincol a.LKintern:hover, #maincol a.LKforward:hover, #maincol a.fwd:hover, #maincol a.LKfwd:hover
{padding-left:13px; padding-right:10px; background: url(../pics/layout/but_fwd_on.gif) no-repeat left;}
#maincol a.LKback {padding-left:13px; padding-right:10px; background: url(../pics/layout/but_back.gif) no-repeat left;}
#maincol a.LKback:hover {padding-left:13px; padding-right:10px; background: url(../pics/layout/but_back_on.gif) no-repeat left;}
#maincol a.LKtop {padding-left:13px; padding-right:10px; background: url(../pics/layout/but_top.gif) no-repeat left;}
#maincol a.LKtop:hover {padding-left:13px; padding-right:10px; background: url(../pics/layout/but_top_on.gif) no-repeat left;}

#maincol .teaser a.LKback {display:none;}

#maincol ul,
#maincol ol {list-style-position: inside; margin-top:0px; margin-bottom:5px; margin-left: 0; padding-left: 1em;text-indent: -1em;
	}

#maincol ul,
#maincol li {margin-left:10px; list-style-type:square;}

#maincol ul.sitemap1st {margin-top:10px;}
/* maincol STOP */		
	

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 	content: "."; 
 	display: block; 
	height: 0; 
 	clear: both; 
 	visibility: hidden;
 	}
 
.clearfix{display: inline-block;}

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


/* infoNewsMain START */	
#infoNews {width:203px; height:298px; background:#989898 url("../pics/layout/head_news02.gif") no-repeat; border-bottom:1px solid #ffffff; overflow:hidden;}	

#infoNewsMain {padding-top:40px; padding-left:10px;	padding-right:10px;	color:#626262; font-size:10.0px; font-weight:normal;}		
	
#infoNewsMain .teaser {margin-bottom:10px;}
#infoNewsMain .teaser p {color:#626262; font-size:10.0px; font-weight:normal; margin:0px 0px 10px 0px;}	
#infoNewsMain .teaser h1 {color:#626262; font-size:10.0px; font-weight:bold; margin:0px 0px 3px 0px;}
#infoNewsMain .teaser a {color:#626262; font-size:10.0px; font-weight:normal;}
#infoNewsMain .teaser a:hover {color:#FF6600; font-size:10.0px; font-weight:normal;}

#infoNewsMain .teaser a.fwd {padding-left:11px; padding-right:10px; background: url(../pics/layout/but_fwd_small.gif) no-repeat left;}
#infoNewsMain .teaser a.fwd:hover {padding-left:11px; padding-right:10px; background: url(../pics/layout/but_fwd_small_on.gif) no-repeat left;}

#infoNewsMain .teaser a.LKback, #infoNewsMain .teaserNav a.LKback, #infoNewsMain .teaserNav a.LKfwd, #infoNewsMain .teaserNav a.LKforward  
{display:none;}

#maincol p {font-size:11.0px; font-weight:normal; text-align:justify;  margin:5px 10px 5px 10px;}	
#maincol h1 {font-size:11.0px; font-weight:bold; margin:5px 10px 5px 10px;}
/* infoNewsMain STOP */	


/* infoEvents START */
#infoEvents {width:203px; background:#cccccc url("../pics/layout/head_events02.gif") no-repeat;	border-bottom:1px solid #ffffff;margin-bottom:10px;}		

#infoEventsMain {padding-top:40px; height:200px; overflow:hidden; padding-left:10px; padding-right:10px; color:#626262; font-size:10.0px; font-weight:normal;}		

#infoEventsMain .EventMain .spalte_1 {color:#626262; font-size:10.0px; font-weight:bold;}
#infoEventsMain .EventMain .spalte_2 a {color:#626262; font-size:10.0px; font-weight:bold;}
#infoEventsMain .EventMain .spalte_2 a:hover {color:#FF6600;}
#infoEventsMain .EventMain .spalte_3 {color:#626262; font-size:10.0px; font-weight:normal; margin-bottom:2px;}
#infoEventsMain .EventMain .spalte_4 {display:none;}
/* infoEvents STOP*/


/* Images START */
#FlashShow {width:500px; text-align:center; overflow:display;}	
#HeadPic {width:500px; text-align:center; height:148px; overflow:hidden;}	
#trenner {clear:both; width:500px; text-align:center; height:11px; overflow:display;}	

.flLeft {float:left; padding:10px 0px 10px 10px;}
.flRight {float:right; padding:10px 10px 10px 0px;}

/* .bild01	{padding:10px;}	 */

#maincol div.image {margin-bottom:0;}
#maincol div.image p {margin:0;}
#maincol div.flLeft {margin-right:10px;}
#maincol div.flRight {margin-left:10px;}
/* Images STOP */


/* Video START */
#VideoShow {width:500px; overflow:display;}	
#VideoMain {text-align:center; padding:0 10px 5px 10px;}	
.VideoTitle {padding-top:5px;}	
.VideoDescr {padding:0 10px 5px 10px;}	
/* Video STOP */

		
/* footer START*/	
#footer{color:#626262; font-size:10.0px; font-weight:normal; height:55px; background:#989898 url("../pics/layout/bg_footer.gif") repeat-y; border-top:1px solid #ffffff;	clear:both;} 
		
#footerLeft {float:left; width:152px; padding:10px;} 
#footerLeft h1 {margin:0 0 3px 0; font-size:10.0px; font-weight:bold;}	
#footerLeft p {margin:0 0 5px 0;}			
#footerLeft a { text-decoration:none;}		
#footerLeft a:hover {color:#FF6600;}	

#footerMain {padding:10px; margin:0px 201px 0 171px;} 
#footerMain p {margin:0 0 5px 0;}			
#footerMain h1 {margin:0 0 5px 0; font-size:10.0px; font-weight:bold;}	
#footerMain a {color:#626262; font-size:10.0px; font-weight:normal; text-decoration:none;}		
#footerMain a:hover {color:#FF6600;}	
#footerMain a.goUp {padding-right:10px; padding-left:15px; background: url(../pics/layout/but_top01.gif) no-repeat left;}		
#footerMain a.goUp:hover {padding-right:10px; padding-left:15px; background: url(../pics/layout/but_top01_on.gif) no-repeat left;}
#footerMain a.drucken {padding-right:10px; padding-left:20px; background: url(../pics/layout/but_print01.gif) no-repeat left;}		
#footerMain a.drucken:hover {padding-right:10px; padding-left:20px; background: url(../pics/layout/but_print01_on.gif) no-repeat left;}
#footerMain a.nachricht {padding-right:10px; padding-left:20px; background: url(../pics/layout/but_email01.gif) no-repeat left;}	
#footerMain a.nachricht:hover {padding-right:10px; padding-left:20px; background: url(../pics/layout/but_email01_on.gif) no-repeat left;}

#footerRight {float:right; width:182px; padding:10px;} 
#footerRight p {margin:0 0 5px 0;}			
#footerRight h1 {margin:0 0 5px 0; font-size:10.0px; font-weight:bold;}	
#footerRight a {color:#626262; font-size:10.0px; font-weight:normal; text-decoration:none;}		
#footerRight a:hover {color:#FF6600;}		
#footerRight a.bg01 {padding-right:5px; padding-left:13px; background: url(../files/bg_tsp01_vorschau.gif) no-repeat left;}		
#footerRight a.bg01:hover {padding-right:5px; padding-left:13px; background: url(../files/bg_tsp01_vorschau_on.gif) no-repeat left;}	
#footerRight a.bg02 {padding-right:5px; padding-left:13px; background: url(../files/bg_tsp02_vorschau.gif) no-repeat left;}		
#footerRight a.bg02:hover {padding-right:5px; padding-left:13px; background: url(../files/bg_tsp02_vorschau_on.gif) no-repeat left;}		
#footerRight a.bg03 {padding-right:5px; padding-left:13px; background: url(../files/bg_tsp03_vorschau.gif) no-repeat left;}		
#footerRight a.bg03:hover {padding-right:5px; padding-left:13px; background: url(../files/bg_tsp03_vorschau_on.gif) no-repeat left;}	
#footerRight a.bg04 {padding-right:5px; padding-left:13px; background: url(../files/bg_tsp04_vorschau.gif) no-repeat left;}		
#footerRight a.bg04:hover {padding-right:5px; padding-left:13px; background: url(../files/bg_tsp04_vorschau_on.gif) no-repeat left;}	
#footerRight a.bg05 {padding-right:5px; padding-left:13px; background: url(../files/bg_tsp05_vorschau.gif) no-repeat left;}		
#footerRight a.bg05:hover {padding-right:5px; padding-left:13px; background: url(../files/bg_tsp05_vorschau_on.gif) no-repeat left;}		
/* footer STOP*/		
 
/* Groupletter START*/		 
#GlMessage {padding-top:10px; padding-left:10px; padding-right:10px; color:#FF6600; text-align:justify;}	

#GlAddUser {padding-left:10px;} 

#GlAddUser .beschriftung { float:left; width: 80px; font-weight:bold; padding-top:8px;} 
#GlAddUser .eingabe {padding-top:4px;} 
#GlAddUser input, 
#GlAddUser select, 
#GlAddUser textarea {border:1px solid #000000; width:200px;}
#GlAddUser input.button {margin:5px 5px 5px 80px; padding:2px 5px; border:1px solid #ffffff; background-color:#626262;
color:#ffffff; font-family:verdana, arial, helvetica, sans-serif; text-align:center; cursor:pointer;}

#GlAddUser input.button:hover {background-color:#FF6600; color:#000;}
/* Groupletter STOP*/		
 
 
/* FORMS START */
#form-module {margin:5px 5px 5px 5px;}
#form-module fieldset {border:0px solid #fff; padding:0px; margin:0px;}
#form-module legend {display:none;}
#form-module p {margin:0;padding:5px;font-size:1em;font-weight:bold;}
#form-module .element {display:block; clear:both;}
#form-module label {display:block; float:left; padding:5px; width:120px; font-weight:bold;}
#form-module label.checkbox {width:372px;}

#form-module input, 
#form-module input.submit, 
#form-module select, 
#form-module textarea {
	float:left;
	margin:2px;
	width:295px;
	border:1px solid #000000;
}

#form-module input.checkbox {width:120px; padding:0;	border:none;}

#form-module input.submit { 
	margin:5px 5px 5px 133px;
	padding:2px 5px;
	border:1px solid #ffffff;
	background-color:#626262;
	color:#ffffff;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover {background-color:#FF6600;color:#000;}

#form-module label.textarea, 
#form-module textarea.textarea {height:96px;}

#form-module-thanks {margin:5px 10px 5px 10px; display:block; color:#000000;}
/* FORMS STOP */


/* RouteMain */	
#routeMain {width:500px;}

#routeMain #routeStart {float:left; width: 249px; display:block;}	
#routeMain #routeZiel {float:left; width: 220px; display:block;}	
#routeMain .button {clear:both; text-align:center;}	

#routeMain input, select {border:1px solid #000000; width:200px;}


#routeMain #routeZiel p {padding-top:4px; padding-bottom:2px;}	
#routeZiel p.Ort {margin-top:7px; margin-bottom:6px;}	

#routeMain input.button { 
	border:1px solid #ffffff;
	background-color:#626262;
	color:#ffffff;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

#routeMain input.button:hover {background-color:#FF6600;color:#000;}
#routeMain div.button {padding:4px;}	
/* RouteMain STOP */	


/* EventsMain */	
#maincol .teaser  {width:500px;}

#maincol .EventMain {background-color:#E7E6E6; height:35px;}	
#maincol .EventMain .spalte_1 {float:left; width:100px; margin: 5px 5px 5px 5px; color: #000000; font-weight:normal;}	
#maincol .EventMain .spalte_2 {float:left; width:190px; margin: 5px 5px 5px 5px; color: #000000; font-weight:bold;}
#maincol .EventMain .spalte_3 {float:left; width:80px; margin: 5px 5px 5px 5px; color: #000000; font-weight:normal;}	
#maincol .EventMain .spalte_4 {float:left; margin: 5px 5px 5px 5px; color: #000000; font-weight:normal;}

#maincol .EventTitel {background-color:#B0B0B0; height:25px; border-top:1px solid #ffffff;}	
#maincol .EventTitel .spalte_1 {float:left; width:100px; margin: 5px 5px 5px 5px; color: #626262; font-weight:bold;}	
#maincol .EventTitel .spalte_2 {float:left; width:190px; margin: 5px 5px 5px 5px; color: #626262; font-weight:bold;}
#maincol .EventTitel .spalte_3 {float:left; width:80px; margin: 5px 5px 5px 5px; color: #626262; font-weight:bold;}	
#maincol .EventTitel .spalte_4 {float:left; margin: 5px 5px 5px 5px; color: #626262; font-weight:bold;}
/* EventsMain STOP */	


/* ProjektMain */	
#maincol .ProjektMain {width:490px; padding: 5px;}
	
.ProjektMain .spalte_1 {float:left; width:160px; margin: 5px 5px 5px 5px; color: #000000; font-weight:bold;}	
.ProjektMain .spalte_2 {float:left; width:300px; margin: 5px 5px 5px 5px; color: #000000; font-weight:normal;}
/* ProjektMain STOP */	


/* dwldMain */	
.dwldMain {width: 500px; height: 50px; border-top: 1px #ffffff solid; background:#E7E6E6;}

a.dwldPic {float:left; padding: 4px 4px 5px 10px;}
a.dwldText {float:left; padding-top: 15px;}
.dwldSize {float:left; padding-top: 10px;}
.dwldDescr , .dwldDescrNo {background:#E7E6E6; padding-left: 55px; padding-right:10px; padding-bottom:10px; font-size:10px;}
/* dwldMain STOP */	

.bild01 {float:left; margin-left:10px;}


/*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


/* Login START ========================================================== */
#logDaten { 
	margin:10px 10px 10px 10px;
}

#leftcol span.besucher {padding-right:10px; padding-left:14px; color:#fff; margin-bottom:5px; text-decoration:none; background: url(but_besucher.gif) no-repeat left;}		
#leftcol a.logout {padding-right:24px; color:#fff; padding-left:14px; text-decoration:none; background: url(but_logout.gif) no-repeat left;}	
#leftcol a.logout:hover {padding-right:24px; color:#000; padding-left:14px; text-decoration:none; background: url(but_logout.gif) no-repeat left;}	

input.logEingabe { 
	width:122px;
	padding:2px 5px;
	border:1px solid #ffffff;
	background-color:#626262;
	color:#ffffff;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}
