@charset "utf-8";
/* -- CSS fuer Design -- */

/* -- Farbendefinition: 
	
	logo-farbe: #497a7a
	logo-farbe dunkel:
	logo-farbe hell:
	text-farbe: #555
	text-farbe hell: #777

--*/

/* -- Imports -- */
@import url("reset.css");
@import url("lightbox.css");		

/* -- Layout -- */
#center{left: 50%; margin-left: -450px; position: absolute; top: 20px; width: 900px;



} /* -- top: abstand von oben -- */
	#container{background-color: #fcefd9; width: 100%;}
		#header{height: 150px;}
			#wide_left{float: left; height: 150px; width: 580px;}
			#narrow_right{float: right; height: 150px; width: 320px;}
		#navigation{float: left; height: 25px; width: 575px;}
		#content_container{}
			#breadcrumb{position: absolute; height: 12px; left: 77px; top: 200px;}
			#content{background-color: transparent; clear: left; padding: 50px 85px 20px 85px;}
			#sidebar{float: right; padding: 67px 50px 20px 50px; width: 220px;}
			#sidebar_image{float: right;  width: 320px; height: 400px; } /*height: 400px; */
	#footer{margin-top: 10px;} /* -- margin: abstand zum container und nach links -- */
	
/* -- Design -- */
.clear{clear: both; height: 1px; margin-top: -1px; text-indent: -9999px;}
.clear_content_container{clear: both; font-size: 0px; height: 0px; text-indent: -9999px; width: 0px; height:0px;}



body{background: #676767 url(../files/body_bg.gif) top left repeat-x; font: 12px "Arial", sans-serif; line-height: 18px;}

#wide_left{background: url(../files/headerleft.gif) top left no-repeat;}
#narrow_right{background: url(../files/headerright.gif) top left no-repeat;}
	
#navigation ul {line-height: 1;}
	#navigation a, #navigation span.link {color: #cc285a; display: block; font-weight: bold; height: 17px; padding: 8px 20px 0 20px;}
		#navigation a:hover, #navigation span.link:hover{color: #cc285a;}
	#navigation li {float: left;}
		#navigation li ul{background: #cc285a; left: -999em; overflow: visible; padding: 4px 0; position: absolute; min-width: 116px;}
		#navigation li li{clear: left; float: none; margin: 0 8px;}
		#navigation li ul a{color: #FFF; padding: 4px 0 0 4px; text-align: left; font-weight: normal;} /* -- link farbe im submenu -- */
			#navigation li ul a:hover{color: #f2afc3;} /* -- link-hover im submenu -- */
	#navigation li:hover ul, #navigation li.sfhover ul {left: auto; margin-left: 20px;}
	#navigation li:hover, #navigation li.sfhover {position: static;}

/* -- Breadcrumb Navigation -- */
#breadcrumb{font-size: 10px;}
#breadcrumb a{background: url(../files/breadcrumb_separator.gif) bottom right no-repeat; color: #676767; padding: 0 12px 0 7px;}
#breadcrumb a:hover{text-decoration: underline;}
#breadcrumb li{display: inline;}
#breadcrumb li a{color: #676767; text-transform: uppercase;}
#breadcrumb li a:hover{text-decoration: none;}
#breadcrumb li.last a{background: none;}
	
#content_container{color: #555;min-height: 400px;   } /* min-height: 400px; */
#content{}
	#content h2, #content h3, #content p, #content ul, #content_list h2, #content_list h3{width: 460px;}
	#content strong, #content_list strong{font-weight: bold;}
	#content em, #content_list em{font-style: italic;}
	#content h2{color: #cc285a; font-size: 16px; font-weight: bold; margin-bottom: 18px;}
	#content h3{color: #cc285a; font-size: 12px; font-weight: bold;}
	#content h4{color: #cc285a; font-size: 16px; font-weight: bold; margin-bottom: 18px;}
	#content h5{color: #cc285a; font-size: 16px; font-weight: bold; margin-bottom: 18px;}
	#content p, #content ul{margin-bottom: 12px;}
	#content ul{list-style-image: url(../files/list_type.gif); margin-left: 12px;}
		#content li{list-style-image: url(../files/list_type.gif);}
	#content a{color: #cc285a; font-weight: bold;}
		#content a:hover{color: #cc285a; text-decoration: underline;}
	#content a.extern{background: url(../files/link_extern.gif) top right no-repeat; padding-right: 7px;}
			#content a.extern:hover{background-image: url(../files/link_extern_hover.gif);}

/* -- neue styles fuer content, der ueber die ganze breite geht (mit foto) -- */
#content_list{clear: left; padding: 50px 85px 20px 85px;}
	#content_list h2{color: #cc285a; font-size: 16px; font-weight: bold; margin-bottom: 18px;}
	#content_list h3{color: #cc285a; font-size: 12px; font-weight: bold; text-transform: uppercase;}
	#content_list h4{color: #cc285a; font-size: 16px; font-weight: bold; margin-bottom: 18px;}
	#content_list h5{color: #cc285a; font-size: 16px; font-weight: bold; margin-bottom: 18px;}
	#content_list p, #content_list ul{margin-bottom: 12px; width: 490px;}
	#content_list ul{list-style-image: url(../files/list_type.gif); margin-left: 12px; width: 478px;}
		#content_list li{list-style-image: url(../files/list_type.gif);}
	#content_list a{color: #cc285a; font-weight: bold;}
		#content_list a:hover{color: #cc285a; text-decoration: underline;}
	#content ul ul a{color: #555; border-bottom: 1px solid #497a7a; font-weight: normal;}
		#content ul ul a:hover{color: #cc285a; text-decoration: none;}
	#content_list a.extern{background: url(../files/link_extern.gif) top right no-repeat; padding-right: 7px;}
			#content_list a.extern:hover{background-image: url(../files/link_extern_hover.gif);}
	.text_list{border-top: 1px solid #d8d8d8; padding-top: 25px; margin-top: 25px;  width: 725px;}
		.text_block{float: left; width: 480px;}
		.text_list img{float: right;}
		#content_list .text_list a.extern{background-image: none; padding-right: 0;}
		.text_list a img{border: none;}
		
	/* -- Formularfelder -- */
	.element{clear: both; overflow: auto; margin-bottom: 5px;}
	legend{display: none;}
	.element label{display: block; float: left; font-weight: bold; width: 100px; margin-right: 0; padding-top: 3px;}
	.element input, .element textarea, .element select{background-color: #FFF; border: 1px solid #676767; color: #777; float: right; font: 12px "Arial", sans-serif; height: 18px; padding: 2px; width: 250px;}
	.element textarea{height: 100px;}
		.element input:focus, .element textarea:focus{border-color: #676767; color: #555;}
	.element input.submit{background-color: #676767; border-color: #676767; color: #FFF; float: right; font-weight: bold; width: 150px; height: 22px;}

        .element2{clear: both; overflow: auto; margin-bottom: 5px;}
        legend{display: none;}
        .element2 label{display: block; float: left; font-weight: bold; width: 200px; margin-right: 0; padding-top: 3px;}
        .element2 input, .element2 textarea, .element2 select{background-color: #FFF; border: 1px solid #676767; color: #777; float: right; font: 12px "Arial", sans-serif; height: 18px; padding: 2px; width: 250px;}
        .element2 textarea{height: 100px;}
        .element2 input:focus, .element2 textarea:focus{border-color: #676767; color: #555;}
        .element2 input.submit{background-color: #676767; border-color: #676767; color: #FFF; float: right; font-weight: bold; width: 150px; height: 22px;}


	
	/* -- Sprunglink zum Begin der Seite  -- */
	p.to_top{color: #497a7a; clear: left;}
	p.to_top a{background: url(../files/back_to_top.gif) bottom left no-repeat; padding-left: 12px;}
	p.more{text-align: right;}
		
			
			
#sidebar{}
	#sidebar h3{color: #777; font-size: 12px; font-weight: bold; margin-bottom: 7px;}
	#sidebar p{margin-bottom: 18px;}
	#sidebar a{color: #497a7a;}
		#sidebar a:hover{color: #497a7a; text-decoration: underline;}
	#sidebar a.extern{background: url(../files/link_extern.gif) top right no-repeat; padding-right: 7px;}
			#sidebar a.extern:hover{background-image: url(../files/link_extern_hover.gif);}
			
			
#footer{margin-bottom: 18px;}
	#footer ul{padding-top: 3px;}
	#footer li{display: inline; padding-right: 15px;}
	#footer a{color: #ffffff; text-transform: uppercase;}
	#footer a:hover{color: #cdcece;}
	#search_form{float: right; width: 225px;}
	#search_form input{background-color: #808080; border: 1px solid #808080; color: #777; font: 12px "Arial", sans-serif; float: right; height: 18px; padding: 2px; width: 160px;}
	#search_form label{color: #ffffff; display: block; float: left; padding: 3px 15px 0 0;}
		#search_form input:focus{border-color: #ffffff; color: #ffffff;}
		
/* SES */

#content_container{color: #555; min-height: 400px; } /*min-height: 400px; */
#content_container_msie{color: #555; min-height: 400px; height:400px; } /* min-height: 400px; height:400px; */