html {margin:0;padding:0;background-image:url(../pix_layout/verlauf.html);background-color:#e3e3e3;background-repeat:repeat-x;color:#707172;	font-family: Arial;font-size:12px;}

img {border:none;display:block;}
ul {list-style-type:disc;margin-left:15px;}
a { color:#555555; text-decoration: none; }

a:visited {text-decoration: none;}
ul li a:hover {text-decoration: none;color:#900;}
a:active {text-decoration: none;}
h1 {font-weight:bold;font-size:12px;}
.slogan {width:490px;font-size:17px;float:left;margin-left:3px;margin-top:32px;margin-bottom:10px;}


h2 {font-size:12px;width:300px;margin-bottom:20px;}
body {margin:0; padding:0;}

#center { float:none; margin:auto; text-align:left; width:905px; background-color:white; border: solid 1px #dddbdb; -moz-border-radius:10px; }

#linker-bereich { float:left; width:328px; margin-top: 10px; }
#rechter-bereich {float:left;width:577px;}

#linke-spalte { border-right:1px solid #dedede; width:310px; margin-top: 20px; }


#navi-links { width:220px; margin-left:58px; font-size:15px; margin-bottom: 30px; }
#navi-links ul {list-style:none;margin:0;padding:0;}
#navi-links ul li{ background-color:#dedede; margin-bottom:14px; height:19px; color:#707172; width:220px; float: left; -moz-border-radius:5px; }
#navi-links ul li a { text-indent: 5px; padding-left:5px; position:relative; top:1px; float: left; }
#navi-links .neu { position: relative; top: -5px; float: right; }
#navi-links .letztes-element {  }



#teaser { width: 230px; height: 100%; margin-left:58px; padding-top: 10px; padding-bottom:10px; padding-left:8px; border-bottom: 1px solid #dedede; display: inline-table; }
#teaser-overflow { color: #939598; width: 230px; height: 450px; overflow: auto; padding-top: 10px; padding-bottom: 10px; }
/* TagCloud */

#tagcloud { margin-left:58px; width:220px; line-height:17px; text-align: left; margin-top:20px; border-top-color: #dedede; }

#tagcloud a { color: #646d74!important; text-decoration: none; text-align: left; padding: 0 4px; }
#tagcloud a:hover { font-weight: bold; text-decoration: none; text-align: left; }
#tagcloud a.bold { font-weight: bold; text-align: left; }
#tagcloud a.tagXS {
	font-size: 12px;
}
#tagcloud a.tagS {
	font-size: 15px;
}
#tagcloud a.tagM { font-size: 18px; vertical-align: bottom; }
#tagcloud a.tagL { font-size: 21px; line-height: 120%; }
#tagcloud a.tagXL { font-size: 25px; }

/* TagCloud */


#top-navi { width:571px; margin:94px 0 0; padding:0; height:20px; font-size:16px; }
#top-navi ul { margin:0; padding:0  }
#top-navi ul li { background-image: url(../pix_layout/strich.gif); background-repeat: no-repeat; background-position: left top; float:left; list-style:none; margin:0; padding:0; }
#top-navi ul li a {float:left;margin:0;padding:0;padding-left:15px;padding-right:17px;position:relative;bottom:2px;}

#top-navi-spacer { width:571px; margin:25px 0 0; padding:0; height:20px; font-size:13px; }

#content { line-height: 17px; margin-top: 2px; margin-left: 4px; width: 490px; float: left; }
#referenz { font-size:10px; }
#headline-image { text-align: left; width: 490px; float: left; padding:0; margin-top:74px; }

#voiceover_top { text-align: left; position: fixed; width: 490px; float: left; clear: left; padding:0; }

#footer { font-size: 15px; text-align:right; clear:both; background-color:#dedede; height:24px; margin: 45px 58px 20px; -moz-border-radius:5px; }

#footersocial { position: relative; top: 4px; left: 6px; float: left; }

#footer ul{text-align:right;}

#footer li{ background-image: url(../pix_layout/strich.gif); background-repeat: no-repeat; background-position: left center; float:right; list-style:none; margin:0; padding:6px 0 0; }

#footer li a {float:left;margin:0;padding:0;padding-left:15px;padding-right:17px;position:relative;bottom:2px;}

#content a:link {text-decoration:underline;color:#900;}
#content a:visited {text-decoration:underline;color:#900;}
#aktuell-overflow { line-height: 17px; margin-top: 2px; margin-left: 4px; width: 490px; height: 260px; overflow: auto; float: left; }
#copy {text-align:center;font-size:10px;margin-bottom:20px;}



.relief  { margin: 0; padding: 0; border-color: gray; border-style: outset; border-width: 1px 1pt 1pt; }

.ref-table { vertical-align:top; height: auto; }
.linie {width:492px;background-image:url(../pix_layout/linie-bg.gif);height:1px;margin-bottom:20px;margin-top:20px;padding:0;font-size:1px;}
.cleaner {clear:both;height:1px;font-size:1px;border:0px none;margin:0;padding:0;background:transparent;}
.active { color:#900; font-weight: bold; }
.ref-text_a{ width:290px; height: auto; padding-right:10px; }
.ref-text_b{ width:490px; height: auto; padding-right:10px; }
.ref-bild { text-align: center; width: 200px; height: 200px; float:right; }

#referenz { height: auto; }
.ref-bild-detail { margin-bottom: 10px; }


/* Formular */
label

{width:200px;line-height:13px;float:left;margin-left:0;}

input, textarea, radio {width:250px;}

.mailform {border:none;margin-left:0px;}

.mailform-field { margin-bottom:11px; }

#select { width: 255px; height: auto; }

.mailform-submit { color: white; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #999; text-align: center; padding: 2pt; border-style: solid; border-width: medium 1px 1px medium; border-color: #999 #000 #000 #999; width: 100px; -moz-border-radius:5px; }

.mailform-cancel { 
margin-left:0; 
color: white; 
font-weight: normal; 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
background-color: #999; 
text-align: center; padding: 2pt; 
border-style: solid; 
border-width: medium 1px 1px medium; 
border-color: #999 #000 #000 #999; 
width: 90px; margin-right: 10px; 
-moz-border-radius:5px; }



#form-center { float:none; margin:auto; text-align:left; width:400px; background-color:white; height: 370px; border: solid 1px #dedede; }
/* Formular */



/* LISTEN */
#list_item_01 a:link, #list_item_01 a:visited, #list_item_01 a:active{ background:			url(../pix_content/arrow_b1.gif) no-repeat 0 3px; text-decoration: none; padding:			0 0 0 8px; display:			block; }

#list_item_01, #list_item_02{ height: auto; padding:			5px 0 5px 11px; border-top: 		1px solid white; list-style:		none; margin-left: 		10px; }	 
#list_item_01.first, #list_item_02.first{ background: 		transparent; height: auto; margin-top: 10px; border-style: none; }
#list_item_01.last{ height: 20px; margin-bottom: 		10px; }
-#list_item_01 p, #list_item_02 p{
		 margin: 			5px 0 0 0;
}	 
-#list_item_01 h1 a:link, #list_item_01 h1 a:visited, #list_item_01 h1 a:active, #list_item_02 h1 a:link, #list_item_01 h2 a:visited, #list_item_02 h1 a:active{
		font-weight:		normal;
}
-#list_item_01 a:link, #list_item_01 a:visited, #list_item_01 a:active, #list_item_02 a:link, #list_item_02 a:visited, #list_item_02 a:active{
		margin: 			0;
}
/* PLAYER */
/* zuerst allgemeine CSS Angaben */
#player { margin-top: 15px; margin-bottom: 20px; }

      
      
      
      .rahmen h1 {
              font-size: 1.4em;
              margin:0;
      }
/* spezielle CSS Anweisungen f?r den "Player" :  */


/* achtung, ton muss sich im sichtbaren bereich befinden, sonst funktioniert der player unter mozilla nicht  */



#ton {
   float:right; 
   width:6.35em; 
   height:2em;
   
}



/* browserweiche mozilla / safari  */


:root #ton { 


	
	display: block;
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 6.35em;
	height: 2em;
	max-height: 75px;
	background-color: transparent;

	
}

/* browserweiche ie  */


* html #ton { 

 display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 6.35em;
	height: 2em;
	max-height: 75px;
	background-color: transparent;
	
	
	
}


 


        
        img {border:0;}
        
        .klein {font-size: 85%;}

        .rahmen a:link,
        .rahmen a:visited {
                text-decoration:none;
                font-weight:bold;
        }


        .rahmen ul {
                list-style-type:none;

                padding: 0;
                margin:0;
        }

        .rahmen li {padding: .5em 1em;}
        
        /* der Hintergrund fuer jede zweite Zeile */
        .row1 { background-color: #efbcb1; border: solid 2pt white; -moz-border-radius:10px; }
        .row2 { background-color: #f2f2f2; border: solid 2pt white; -moz-border-radius:10px; }
        .row3 { background-color: #def2df; border: solid 2pt white; -moz-border-radius:10px; }
        .row4 { background-color: #f2c2df; border: solid 2pt white; -moz-border-radius:10px; }
        .row5 { background-color: #cadcf2; border: solid 2pt white; -moz-border-radius:10px; }
        .row6 { background-color: #eff2b3; border: solid 2pt white; -moz-border-radius:10px; }
        .row7 { background-color: #fac5ff; border: solid 2pt white; -moz-border-radius:10px; }
        .row8 { background-color: #71faf3; border: solid 2pt white; -moz-border-radius:10px; }
        
        .a.link_kat_b { color: gray; font-size: x-small; font-weight: normal; font-style: normal; text-decoration: none; }


        /* der Stop button  */
        a:link.stopbutton,
        a:visited.stopbutton { color: red; margin-left: 2em; padding: 0 10px; background-color: #f2f2cc; background-image: url(../pix_layout/stop.gif); border: outset 1px #eee; }


        /* zus?tzliche versteckte Stop buttons f?r SR wie den WF, die per DHTML nicht aktualisieren */
        /* Nachteil: f?r Optiker beim Durchtabben ein "Geistertab" */
      
     .hideperm {
        	position:absolute;
        	left:-1000px;
        	/* top:-1000px; um Springen zu vermeiden?  */
        	width:0;
        	height:0;
        	overflow:hidden;
        	display:inline;
        }
        
      
      
        


        .pl, .pl span {
                color: red;
        }