/* GENERAL LAYOUT COMPONENTS - Checkpoint Seminare */

*{
margin:					0px;
padding:				0px;
}

body{
background:				rgb(178, 211, 67) url(haupt-hg.gif) repeat-y 50%;
font-size:				13px;
font-weight:			300;
line-height:			19px;
font-family:			Lucida Sans Unicode, Bitstream Vera Sans, Verdana, Arial, Sans-Serif;
color:					rgb(51,51,51);
margin: 				0 auto;
padding:				0px; 
}

/*Construction*/

#container{
width:					970px;
text-align:				left;
margin: 				0 auto;
background:				rgb(255,255,255) url(inhalt-hg.gif) repeat-y;
}

#a{
width:					970px;
height:					53px;
background:				rgb(178, 211, 67) url(inhalt-kopf.gif) no-repeat;
text-align:				right;
}

#a p{
color:					rgb(139, 175, 14);
font-size:				12px;
font-weight:			300;
line-height:			12px;
padding:				5px 230px 0px 0px;
}

#a p.text{
color:					rgb(139, 175, 14);
font-size:				12px;
font-weight:			300;
line-height:			14px;
padding:				14px 20px 0px 0px;
}

#a a.druck:link, #a a.druck:visited{
width:					150px;
color:					rgb(106, 138, 37);	
padding:				2px 0px 0px 22px;
text-decoration:		none;
background-image:		url(druck-d.gif);
background-position:	0px 0px;
background-repeat:		no-repeat;
}

#a a.druck:hover, #a a.druck:active{
text-decoration:		underline;
}


#a a.map:link, #a a.map:visited{
width:					150px;
color:					rgb(106, 138, 37);
padding:				2px 22px 0px 22px;
text-decoration:		none;
background-image:		url(map.gif);
background-position:	0px 0px;
background-repeat:		no-repeat;
}

#a a.map:hover, #a a.map:active{
text-decoration:		underline;
}

#aa{
width:					970px;
height:					151px;
background:				rgb(178, 211, 67) url(kopf-1.jpg) repeat-y;
}

div#aa div#aaaa{
width:					100px;
height:					60px;
position:				relative; 
top:					10px; 
left:					150px;
font-size:				8px;
font-weight:			300;
line-height:			8px;
font-family:			Arial, Sans-Serif;
color:					rgb(51,51,51);
text-align:				left;
float:					left;
}

div#aa div#aaa{
width:					95px;
height:					55px;
position:				relative; 
top:					102px; 
left:					114px;
font-size:				10px;
font-weight:			300;
line-height:			12px;
font-family:			Arial, Sans-Serif;
color:					rgb(51,51,51);
text-align:				left;
float:					left;
}

#b{
width:					970px;
height:					25px;
background:				rgb(178, 211, 67) url(inhalt-hg-ohne-grau.gif) repeat-y ;
margin:					0px;
padding:				0px;
}

#b p{	
font-size:				12px;
font-weight:			300;
line-height:			25px;
padding-left:			305px;
color:					rgb(51,51,51);
}

#b a:link,#b a:visited{
color:					rgb(139, 175, 14);
padding:				2px 0px 0px 0px;
text-decoration:		none;
}

#b a:hover, #b a:active{
text-decoration:		underline;
}


#bb{
width:					970px;
height:					1px;
margin:					0px;
padding:				0px;
}

#c{
width:					970px;
height:					100%;
min-height:				100%;
background-image:		url(inhalt-element-124x153.gif);
background-repeat:		no-repeat;
background-position:	bottom left;
}

#cl{
width:					220px;
height:					100%;
min-height:				100%;
float:					left;
padding-bottom:			50px;
background-color:		transparent;
}

#cm{
text-align:				left;
width:					550px;
height:					100%;
min-height:				100%;
float:					left;
background-color:		transparent;
}

#cr{
text-align:				left;
width:					175px;
height:					100%;
min-height:				100%;
float:					left;
background-color:		transparent;
float:					left;
}

#cu{
width:					970px;
height:					43px;
background:				url(inhalt-fuss.gif) no-repeat;
text-align:				center;
clear: 					both;
}

#footer {
padding:				0px;
margin: 				0 auto;
text-align:				center;
width:					950px;
height:					20px;
}


/*Menue #cl*/

#cl p.trenner{
width:					200px;
padding:				0px 0px 0px 0px;
margin:					10px 0px 5px 12px;
}


#cl h1{
color:					rgb(139, 175, 14);
font-size:				12px;
font-weight:			900;
line-height:			14px;
text-transform:			uppercase;
padding:				10px 0px 10px 19px;
}

#cl a.page_item:link, #cl a.page_item:visited{
width:					184px;
height: 				21px;
font-weight:			300;
display:				block;
font-size: 				13px;
line-height: 			20px;
text-decoration: 		none;
text-align:				left;
color:					rgb(51,51,51);
padding:				0px 0px 0px 25px;
}

#cl a.page_item:hover, #cl a.page_item:active{
width:					184px;
color:					rgb(51,51,51);
height: 				21px;
background-image:		url(menue-link-farbe.gif);
background-position:	10px 0px;
background-repeat:		no-repeat;
}

#cl a.page_item2:link, #cl a.page_item2:visited{
width:					184px;
height: 				21px;
font-weight:			300;
display:				block;
font-size: 				13px;
line-height: 			20px;
text-decoration: 		none;
text-align:				left;
padding:				0px 0px 0px 25px;
color:					rgb(139, 175, 14);
background-image:		url(menue-link-farbe2.gif);
background-position:	10px 0px;
background-repeat:		no-repeat;
}

#cl a.page_item2:hover, #cl a.page_item2:active{
width:					184px;
color:					rgb(51,51,51);
height: 				21px;
background-image:		url(menue-link-farbe.gif);
background-position:	10px 0px;
background-repeat:		no-repeat;
}

#cl ul.post-categories{
width:					184px;
margin:					0px;
padding:				0px;
}


#cl ul.post-categories li{
width:					184px;
list-style-type:		none;
line-height:			19px;
margin:					0px;
padding:				0px;
}

#cl ul.post-categories li a{
width:					184px;
height: 				21px;
font-weight:			300;
display:				block;
font-size: 				13px;
line-height: 			20px;
text-decoration: 		none;
text-align:				left;
color:					rgb(51,51,51);
padding:				0px 0px 0px 25px;
}

#cl ul.post-categories li:hover{
width:					184px;
list-style-type:		none;
line-height:			19px;
margin:					0px;
padding:				0px 25px 0px 0px;
color:					rgb(139, 175, 14);
height: 				21px;
background-image:		url(menue-link-farbe.gif);
background-position:	10px 0px;
background-repeat:		no-repeat;
}


#cl ul.post-categories li.current-cat{
width:					184px;
list-style-type:		none;
line-height:			19px;
margin:					0px;
padding:				0px 25px 0px 0px;
color:					rgb(139, 175, 14);
height: 				21px;
background-image:		url(menue-link-farbe2.gif);
background-position:	10px 0px;
background-repeat:		no-repeat;
}

#cl ul.post-categories li.current-cat a{
color:					rgb(139, 175, 14);
}

#cl ul.post-categories li.current-cat:hover{
width:					184px;
list-style-type:		none;
line-height:			19px;
margin:					0px;
padding:				0px 25px 0px 0px;
color:					rgb(51,51,51);
height: 				21px;
background-image:		url(menue-link-farbe.gif);
background-position:	10px 0px;
background-repeat:		no-repeat;
}
#cl ul.post-categories li.current-cat a:hover{
color:					rgb(51,51,51);
}







/*<ul class="post-categories">
		<li class="current-cat">*/


/*Content #cm*/

#cm h1{
width:					525px;
color:					rgb(212, 21, 31);
font-size:				16px;
font-weight:			900;
margin:					15px 0px 15px 10px;
}

#cm h2{
width:					525px;
color:					rgb(139, 175, 14);
font-size:				13px;
font-weight:			900;
margin:					0px 0px 10px 10px;
}

#cm h3{
width:					525px;
color:					rgb(51,51,51);
font-size:				13px;
font-weight:			900;
margin:					0px 0px 10px 10px;
}


#cm p{
width:					525px;
color:					rgb(51, 51, 51);
padding:				0px 0px 10px 10px;
margin:					0px 0px 0px 0px;
}


#cm p.st {
color:					rgb(139, 175, 14);
font-size:				13px;
font-weight:			600;
margin:					15px 10px 15px 10px;
padding:				0px;
}

#cm p.st a:link, #cm p.st a:visited{
color:					rgb(139, 175, 14);
text-decoration: 		none;
}

#cm p.st a:hover, #cm p.st  a:active{
text-decoration: 		underline;
}

#cm p.bild{
color:					rgb(51, 51, 51);
padding:				0px 18px 22px 10px;
margin:					0px 0px 10px 0px;
clear:					both;
}

#cm p.bild img.leftImg{
float:					left;
width:					180px;
margin:					4px 20px 0px 0px;
border-top:				1px solid #eeeeee;
border-left:			1px solid #eeeeee;
border-right:			1px solid #cccccc;
border-bottom:			1px solid #cccccc;
}

#cm p.bild strong.imgLeft{
font-size:				10px;
font-weight:			300;
color:					rgb(51, 51, 51);
float:					left;
clear:					both;
width:					180px;
padding:				0px 20px 0px 0px;
border:					0px;
}

#cm p.bild br{
font-size:				5px;
font-weight:			300;
line-height:			5px;
}


#cm p strong.gruen{
color:					rgb(139, 175, 14);
font-size:				13px;
font-weight:			600;
margin:					15px 10px 15px 0px;
padding:				0px;
}

/*Image 180px*/

#cm p img.leftImg{
float:					left;
width:					180px;
margin:					4px 20px 0px 0px;
border-top:				1px solid #eeeeee;
border-left:			1px solid #eeeeee;
border-right:			1px solid #cccccc;
border-bottom:			1px solid #cccccc;
}

#cm p strong.leftStr{
font-size:				10px;
font-weight:			300;
color:					rgb(51, 51, 51);
float:					left;
clear:					both;
width:					180px;
text-align:				center;
padding:				0px 0px 0px 0px;
text-align:				center;
padding:				0px 0px 0px 0px;
margin-right:			20px;
border:					0px;
}

#cm p img.rightImg{
float:					right;
width:					180px;
margin:					4px 13px 0px 10px;
border-top:				1px solid #eeeeee;
border-left:			1px solid #eeeeee;
border-right:			1px solid #cccccc;
border-bottom:			1px solid #cccccc;
}

#cm p strong.rightStr{
font-size:				10px;
font-weight:			300;
color:					rgb(51, 51, 51);
float:					right;
clear:					both;
width:					180px;
text-align:				center;
padding:				0px 0px 0px 0px;
margin-right:			14px;
border:					0px;
}


/*Image 130px*/

#cm p img.leftImg130{
float:					left;
width:					130px;
margin:					4px 20px 0px 0px;
border-top:				1px solid #eeeeee;
border-left:			1px solid #eeeeee;
border-right:			1px solid #cccccc;
border-bottom:			1px solid #cccccc;
}

#cm p strong.leftStr130{
font-size:				10px;
font-weight:			300;
color:					rgb(51, 51, 51);
float:					left;
clear:					both;
width:					130px;
padding:				0px 0px 0px 0px;
margin-right:			20px;
border:					0px;
text-align:				center;
}

#cm p img.rightImg130{
float:					right;
width:					130px;
margin:					4px 13px 0px 10px;
border-top:				1px solid #eeeeee;
border-left:			1px solid #eeeeee;
border-right:			1px solid #cccccc;
border-bottom:			1px solid #cccccc;
}

#cm p strong.rightStr130{
font-size:				10px;
font-weight:			300;
color:					rgb(51, 51, 51);
float:					right;
clear:					both;
width:					130px;
text-align:				center;
padding:				0px 0px 0px 0px;
margin-right:			14px;
border:					0px;
}


#cm p a:link, #cm p a:visited{
font-weight:			600;
color:					rgb(212, 21, 31);
text-decoration: 		none;
}

#cm p a:hover, #cm p  a:active{
text-decoration: 		underline;
}

#cm p br{
font-size:				7px;
font-weight:			300;
line-height:			7px;
}

#cm li{
background-image:		url(liste.gif);
background-repeat:		no-repeat;
background-position:	0px 6px;
list-style-type:		none;
line-height:			19px;
margin:					0px 18px 0px 0px;
padding:				0px 0px 0px 20px;
}

#cm  ul{
margin-top:				0px;
padding-top:			0px;
margin-bottom:			13px;
margin-left:			25px;
}

#cm ul li a:link, #cm ul li a:visited{
font-weight:			600;
color:					rgb(212, 21, 31);
text-decoration: 		none;
}

#cm ul li a:hover, #cm ul li a:active{
text-decoration: 		underline;
}

#cm ul li.gruen a:link, #cm ul li.gruen a:visited{
font-weight:			300;
color:					rgb(139, 175, 14);
text-decoration: 		underline;
}

#cm ul li.gruen  a:hover, #cm ul li.gruen a:active{
color:					rgb(212, 21, 31);
}

#cm p.trennerCat{
clear:					both;
line-height:			1px;
padding:				0px 0px 0px 10px;
margin:					5px 0px 5px 0px;
text-align:				left;
}

/*SITEMAP*/
#cm ul.site{
margin-top:				0px;
padding-top:			0px;
margin-bottom:			0px;
margin-left:			25px;
}

#cm ul.site li a:link, #cm ul.site li a:visited{
font-weight:			300;
color:					rgb(212, 21, 31);
text-decoration: 		none;
}

#cm ul.site li a:hover, #cm ul.site li a:active{
text-decoration: 		underline;
}

#cm ul.sitemap{
margin-top:				0px;
padding-top:			0px;
margin-bottom:			0px;
margin-left:			55px;
}

#cm ul.sitemap li.s{
list-style-type:		none;
line-height:			19px;
margin:					0px 18px 0px 0px;
padding:				0px 0px 0px 0px;
}

#cm ul.sitemap li.ss{
background-image:		none;
list-style-type:		none;
line-height:			19px;
margin:					0px 18px 0px 0px;
padding:				0px 0px 0px 35px;
}

#cm ul.sitemap li.s a.page_item:link, #cm  ul.sitemap li.s a.page_item:visited{
display:				block;
font-weight:			300;
color:					rgb(212, 21, 31);
text-decoration: 		none;
background-image:		url(liste.gif);
background-repeat:		no-repeat;
background-position:	0px 6px;
padding:				0px 0px 0px 20px;
}

#cm  ul.sitemap li.s a.page_item:hover, #cm  ul.sitemap li.s a.page_item:active{
text-decoration: 		underline;
padding:				0px 0px 0px 20px;
}

#cm ul.sitemap li.s a.page_item2:link, #cm  ul.sitemap li.s a.page_item2:visited{
display:				block;
font-weight:			300;
color:					rgb(212, 21, 31);
text-decoration: 		none;
background-image:		url(liste.gif);
background-repeat:		no-repeat;
background-position:	0px 6px;
padding:				0px 0px 0px 20px;
}

#cm  ul.sitemap li.s a.page_item2:hover, #cm  ul.sitemap li.s a.page_item2:active{
text-decoration: 		underline;
padding:				0px 0px 0px 20px;
}

#cm ul.sitemap  li{
list-style-type:		none;
line-height:			19px;
margin:					0px 18px 0px 0px;
padding:				0px 0px 0px 0px;

}

#cm ul.sitemap  li a:link, #cm  ul.sitemap  li a:visited{
display:				block;
font-weight:			300;
color:					rgb(212, 21, 31);
text-decoration: 		none;
background-image:		url(liste.gif);
background-repeat:		no-repeat;
background-position:	0px 6px;
padding:				0px 0px 0px 20px;
}

#cm  ul.sitemap li a:hover, #cm  ul.sitemap  li a:active{
text-decoration: 		underline;
padding:				0px 0px 0px 20px;
}

/*ENDE SITEMAP*/

/*Spalte recht #cr*/

#cr h2{
color:					rgb(139, 175, 14);
font-size:				13px;
font-weight:			900;
line-height:			14px;
padding:				10px 0px 8px 5px;
}

#cr a:link, #cr a:visited{
width:					160px;
color:					rgb(139, 175, 14);
font-size:				13px;
font-weight:			900;
line-height:			14px;
padding:				10px 0px 8px 5px;
display:				block;
text-decoration: 		none;
}

#cr a:hover, #cr a:active{
color:					rgb(212, 21, 31);
text-decoration: 		underline;
/*color:				rgb(183,201,121);*/
}

#cr a.rot:link, #cr a.rot:visited{
width:					160px;
color:					rgb(212, 21, 31);
font-size:				11px;
font-weight:			600;
line-height:			14px;
padding:				0px 0px 0px 0px;
display:				block;
text-decoration: 		none;
}

#cr a.rot:hover, #cr a.rot:active{
text-decoration: 		underline;
}




#cr a.info:link, #cr a.info:visited{
width:					160px;
color:					rgb(212, 21, 31);
font-size:				12px;
font-weight:			600;
line-height:			14px;
background-image:		url(/sys/info.gif);
background-position:	0px 7px;
background-repeat:		no-repeat;
padding-left:			40px;
display:				block;
text-decoration: 		none;
}




#cr p{
width:					160px;
font-size:				12px;
font-weight:			300;
line-height:			15px;
color:					rgb(51, 51, 51);
padding:				0px 20px 10px 10px;
}

#cr img.image-feedback{
border-top:				1px solid #eeeeee;
border-left:			1px solid #eeeeee;
border-right:			1px solid #cccccc;
border-bottom:			1px solid #cccccc;
padding:				0px 0px 0px 0px;
margin:					0px 0px 5px 0px;
}

#cr p.trenner{
padding:				0px 0px 0px 0px;
margin:					0px 0px 0px 0px;
}

/*FOOTER*/

#footer p {
font-size:				10px;
font-weight:			300;
line-height:			14px;
color:					rgb(106, 138, 37);
margin:					0px;
padding:				0px 0px 10px 0px;
text-align:				center;
}

#footer a:link, #footer a:visited{
width:					150px;
color:					rgb(106, 138, 37);
padding:				2px 0px 0px 22px;
text-decoration:		none;
}

#footer a:hover, #footer a:active{
text-decoration:		underline;
}

/*Paginierung*/

b.page{
color:					rgb(212, 21, 31);
padding:				3px 7px 3px 6px;
background:				rgb(209, 231, 133);
border:					1px solid rgb(106, 138, 37);
}

#cm p.page{
color:					rgb(106, 138, 37);
text-align:				center;
padding-top:			10px;
}

#cm  p.page a.page:link, #cm p.page a.page:visited{
color:					rgb(106, 138, 37);
padding:				3px 7px 3px 6px;
text-decoration:		none;
border:					1px solid rgb(106, 138, 37);
}

#cm p.page a.page:hover,#cm p.page a.page:active{
color:					rgb(212, 21, 31);
text-decoration:		none;
}


#cm  p.page a:link, #cm p.page a:visited{
color:					rgb(106, 138, 37);
padding:				3px 7px 3px 6px;
text-decoration:		none;
}

#cm p.page a:hover,#cm p.page a:active{
color:					rgb(212, 21, 31);
text-decoration:		none;
}

#partner a.page_item{
display:				block;
font-weight:			300;
color:					rgb(212, 21, 31);
text-decoration: 		none;
background-image:		url(ordner.gif);
background-repeat:		no-repeat;
background-position:	20px 4px;
padding:				0px 0px 0px 40px;
}

#partner a.page_item:hover{
text-decoration: 		underline;
padding:				0px 0px 0px 40px;
}

#partner h2{
width:					525px;
color:					rgb(139, 175, 14);
font-size:				14px;
font-weight:			900;
margin:					15px 0px 5px 10px;
}

#wetter a{
display:				block;
font-weight:			300;
color:					rgb(212, 21, 31);
text-decoration: 		none;
background-image:		url(wetter.gif);
background-repeat:		no-repeat;
background-position:	20px 3px;
padding:				0px 0px 5px 40px;
}

#wetter a:hover{
text-decoration: 		underline;
padding:				0px 0px 5px 40px;
}

#webcams a{
display:				block;
font-weight:			300;
color:					rgb(212, 21, 31);
text-decoration: 		none;
background-image:		url(webcams.gif);
background-repeat:		no-repeat;
background-position:	20px 3px;
padding:				0px 0px 5px 40px;
}

#webcams a:hover{
text-decoration: 		underline;
padding:				0px 0px 5px 40px;
}

#cm table.formik{
width:					450px;
border-collapse:		collapse;
border:					1px solid #cccccc;
margin-left:			5px;
}

#cm table.formik td{
width:					100px;
padding:				7px 10px 7px 15px;
border:			1px solid #cccccc;
}
td.td_col{
width:					400px;
padding:				7px 0px 7px 15px;
border-bottom:			1px solid #cccccc;
}

#cm p.t{
width:					400px;
color:					rgb(51, 51, 51);
padding:				5px 0px 0px 0px;
margin:					0px 0px 0px 0px;
}

#cm table.formik td input{
width:					210px;
height:					20px;
}

#cm table.formik td input.klein{
width:					30px;
height:					20px;
}

#cm table.formik td select{
width:					210px;
height:					24px;
}

#cm table.formik td input.rad{
width:					12px;
height:					12px;
margin:					0px 10px -3px 0px;
}

#cm table.formik td input.knopf{
color:					rgb(51,51,51);
width:					120px;
height:					24px;
padding-bottom:			2px;
background:				#FFFBF5;
border:					1px solid #8baf0e;
}