/* /css/layoutgrafiken/ */

* { margin: 0px; padding: 0px; border: 0px none; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; background-color: transparent; }
body { background: url(/css/layoutgrafiken/bg.png) 0% 0% repeat-x; text-align: center; }

h1 { color: #999; font-size: 1.1em; }
h2 { color: #000; font-size: 0.8em; }
h3 { color: #000; font-size: 0.8em; }
h4 { color: #666; font-size: 0.8em; text-transform: uppercase; }
h6 { color: #000; font-size: 0.8em; background-color: #d0cde9; }
p, ul { font-size: 0.8em; margin: 15px 0px 0px 0px; color: #000; }
ul { margin-left: 1.2em; padding: 5px 0px 20px 0px; }
a { color: #333; }
a:visited, a:active, a:link { color: #333; text-decoration:none; }
a:hover { color: #CE0000; text-decoration: underline; }

.images_right { padding:10px; background:none; overflow:hidden; margin-top:5px;}

#CONTAINER { text-align: left; width: 900px; background-color: #fff; margin: 0px auto; }

#header { /*position: relative; z-index:9; overflow:visible;*/ height: 160px; width: 900px; text-align:left; margin: 0px auto; background-color: #fff; }
#header p { font-size: 0.7em; margin: 10px 40px 0px 0px; float: right; color: #999; }
		
#logo { /*position: relative; z-index:10; overflow:visible;*/  width:352px; height:88px; }
#logo img { margin: 30px 0 0 40px; }


#headline { z-index: 12; overflow: visible; width: 421px; height:88px; }
#headline2 { z-index: 12; overflow: visible; width:421px; }
.headline1 { margin: -30px 10px 30px 0px; list-style-position: outside; list-style: none; display: block; font-size:12px; color:#999999; }
.headline3 { margin:0px 10px 30px 0px; list-style-position: outside; list-style: none; display: block; font-size:12px; color:#999999; }

#CONTAINER_header { background: url(/css/layoutgrafiken/bg_header_neu.jpg) 0% 0% no-repeat; width: 822px; height:190px; margin:68px 0px 5px 40px; }
#CONTAINER_picture { position: relative; /*z-index:5;*/	width: 450px; float: left; margin: 2px 12px 0px 0px; }


#NAVI { position: absolute; top: 115px; left: 50%; height: 50px; width: 600px; margin-left: -150px; text-align: right; z-index:17; color: #fff; }
#NAVI a { color:#fff; display: block; padding: 6px 0px 10px 0px; }
.button, .button_high {text-transform: uppercase; float: left; text-align:center; margin-right:1px; height:46px; width:93px; background: url(/css/layoutgrafiken/button_nn.png) 0% 0% no-repeat; }
.button_high { background: url(/css/layoutgrafiken/button_oo.png) 0% 0% no-repeat; }
.button a, .button_high a { font-size: 10px; font-weight: bold; color:#fff; }
.button a:hover {background: url(/css/layoutgrafiken/button_oo.png) 0% 0% no-repeat; }			
.button_high a:hover {background: url(/css/layoutgrafiken/button_o.png) 0% 0% no-repeat; }			


#main_right { float: right; text-align: left; width: 455px; height: auto; margin-right: 40px; background: #fff url(/css/layoutgrafiken/main_bg.gif) 100% 16em no-repeat; }			
#main_left { width: 340px; margin: 0px 0px 50px 38px; padding-top: 60px; }

#box_left { width: 331px; height: auto; margin: 0px 0 0 4px; z-index:5; background: transparent url(/css/layoutgrafiken/box_bottom.gif) 0% 100% no-repeat; }
#box_left h1 { font-size: 0.7em; font-weight: bold; line-height: normal; padding: 12px 0px 0.2em 16px; background: transparent url(/css/layoutgrafiken/box_top.gif) 0% 0% no-repeat; }
#box_left h2 { font-size: 0.7em; color: #333; font-weight: normal; line-height: normal; padding: 0px 10px 10px 16px; }



#images {margin: 10px 0px 0px 0px; font-size:12px; width:320px; background-color: transparent; text-align:left;}

.news { font-size: 1em; margin: 30px 0px 10px 7px; }
.news h4 { letter-spacing: 0.05em; color:#CE0000; }
.news h5 { font-size: 0.6em; color: #CE0000; font-weight: normal; }
.news p { margin: 1.4em 0px; color:#666; line-height: 1.2em; }
.news a { font-weight: normal; }		
.news a:hover 	{ }
.news .news_date { font-weight: bold; color: #666; }
.news .news_date a { color: #666; }
.news .news_date a:hover { color:#000; }
.news .news_preview { margin-top: 0px; }

#main_sub { margin-left:10px; float:left; font-size:12px; min-height:650px; width:750px; color:#666666; }
									
#content, #sitemap { position: relative; left: 10px; top: -4.8em; width: 450px; z-index: 5; }
#content h1, #sitemap h1 { margin: 2em 130px 2em 0px; color: #CE0000; }
#content h2 { margin: 15px 0px 0px 0px; }
#content h3 { margin: 20px 0px 0px 0px; }
#content h4 { background-color: yellow; color:#666; }
#content h5 { background-color: aqua; color: #333; font-weight:normal; }
#content h6 { margin-top: 15px; }
#content a { }
#content a:hover { }
#content .titel_overview { padding: 10px 10px 0px 15px; margin: 15px 0px 0px 0px; font-size: 0.8em; background: transparent url(/css/layoutgrafiken/box_t_content.gif) 0% 0% no-repeat; }
#content .overview { padding: 0px 10px 10px 15px; margin: 0px 0px 10px 0px; background: transparent url(/css/layoutgrafiken/box_b_content.gif) 0% 100% no-repeat; }
#content ul.titel_overview, #content ul.overview { padding-left: 30px; }
#content #icons { width: 450px; margin-bottom: 20px; padding-top: 25px; }
#content #icons a { display: block; width: 57px; height: 36px; float: left; }
#content #icons .last { clear: both; }

#sitemap { width: 400px; }
#sitemap h3 { margin: 5px 0px 0px 0px; }
#sitemap h4 { margin: 5px 0px 0px 20px; }
#sitemap h5 { margin: 5px 0px 0px 40px; }
#sitemap * a { padding-left: 25px; font-size: 0.8em; display: block; }
#sitemap h3 a { font-weight: bold; color: #CE0000; text-transform: uppercase; background: transparent url(/css/layoutgrafiken/link_more_r.gif) 0% 0.35em no-repeat; } 
#sitemap h4 a, #sitemap h5 a { font-weight: bold; color: #333; text-transform: none;  background: transparent url(/css/layoutgrafiken/link_more_b.gif) 0% 0.35em no-repeat; } 

.titel_overview strong a { color: #000000; }
.titel_overview .img_ref { margin-right: 20px; float: left; padding: 0px; }
.text_ref { margin-left: 170px; width: 250px; height: 120px; }

/* LACHANFÄLLE KÖNNEN BEI KORREKTURARBEIT SEHR HINDERLICH SEIN */
/* { background: rgb(239, 239, 239) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: left; } */
/* wegen copyright nicht gelöscht! */
											
#footer	{ clear:both; border-top: 1px solid #999; width:880px; margin:50px auto; background-color: #fff; text-align: center; }
#footer p { font-size: 0.7em; color: #999; margin-top: 5px; }
#footer a { text-transform: uppercase; padding: 0px 5px; color: #999; }

.kontakt_form p { padding: 1px 0px; }
.kontakt_form legend { text-transform: uppercase; padding-top: 20px; } 
.kontakt_form label { float: left; width: 84px; text-align: right; padding-right: 8px; }
.kontakt_form input, .kontakt_form textarea { width: 320px; color: #333333; border: 1px solid #aaaaaa; background-color: #fff; padding: 1px 0px 1px 0.5em; margin-right: 5px; }
.kontakt_form input.m { width: 57px; }
.kontakt_form input.n { width: 250px; }
.kontakt_form p.r { padding-left: 0px; }
.kontakt_form p.r label.fm { padding-left: 0px; display: inline; float: none; text-align: left; }
.kontakt_form p.r input { width: 1.1em; margin-left: 0px; border: 0px; background-color: #ffffff; }
.kontakt_form textarea { font-size: 1.1em; }
.kontakt_form input.sub { display: inline; width: auto; padding: 1px 2em; text-transform: uppercase; color: #888; font-size: 0.9em; } 
.kontakt_form input.sub:hover { background-color: #aaa; color: #fff; } 
				
		
/* UEBER CHARIS STANK */			
.curiculum { clear:both; display:block;  }
.curiculum li {  clear:both; display:list-item; list-style:square; margin:15px 0 0 0;  }					

/*Allgem. Links*/
a.more, .more_current { padding-left: 25px; background: transparent url(/css/layoutgrafiken/link_more.gif) 0px 0.36em no-repeat; }
a.more:hover { background: transparent url(/css/layoutgrafiken/link_more.gif) -608px 0.36em no-repeat; }

.more_current { color: #000; text-decoration: underline; background: transparent url(/css/layoutgrafiken/link_more_b.gif) 0% 60% no-repeat; }

* a.more_r { font-size: 0.8em; font-weight: bold; color: #CE0000; padding-left: 25px; text-transform: uppercase; background: transparent url(/css/layoutgrafiken/link_more_r.gif) 0% 0.35em no-repeat; display: block; margin-top: 10px; }
* a.more_r:visited { color: #CE0000; }
* a.ext { padding-left: 20px; background: transparent url(/css/layoutgrafiken/link_url.gif) 0px 0.25em no-repeat; }
* a.ext:hover { color: #CE0000; background: transparent url(/css/layoutgrafiken/link_url.gif) -546px 0.25em no-repeat; }

#content_editmode { position: relative; left: 10px; width:450px; z-index: 5; }
#content_editmode textarea { width: 400px; }