/*zentrale elemente der seite*/

body{
	background-color : #474747;
	margin : 0px;
	padding : 0px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-style : normal;
	font-weight : normal;
	font-variant : normal;
}

table{
    font-size:10px;	
}


/* HAUPTLAYER fŸr gesamte Seite */
/* zentriert, setzte Hintergrundgrafik fŸr Subnavigation */
#site{
	width : 794px;
	margin-top:0px;
	margin-bottom:28px;
margin-left:auto;
margin-right:auto;
	
	border : 0px;
	text-align: left;
	background: #FAFAFB url(../pics/navigation/background.png) repeat-y;
	    
   	border-color:#000000;
    border-width:0px;
    border-style:solid;	

}
.spacer_siteheight{
	position:relative;
	width: 0px;
	height: 295px;
	
	border-color:#000000;
    border-width:0px;
    border-style:solid;	
}
.spacer_galerie{
	position:relative;
	width: 0px;
	height: 450px;
	
	border-color:#000000;
    border-width:0px;
    border-style:solid;	
}

/* aktuelle Seite */
#position_in_site{
	position: relative;
	top: -35px;
    right: 20px;

	width: 794px;
	height: 15px;
	background-color : transparent;
	text-align: right;
	padding: 0px;
	margin: 0px;
	border : 0px;
	z-index:3;
}

/* HAUPTINHALTS-Bereich */
#content_container{
	position: relative;
	top: -28px;
	left: 0px;
	width: 604px;
	
	background-color : #FAFAFB;
	text-align: left;
	
	margin-left:150px;
	margin-top: 0px;
    margin-bottom: -28px;

    padding-left:20px;       
    padding-right:20px;
    padding-bottom:0px; 

}

/* eigentlicher Text im HAUPTINHALT; als linke Spalte einer Tabelle */
.textbereich_mit_bild{
    width: 54%;
    height: 35px;    
    vertical-align: top;
}

.textbereich_ohne_bild{
    width: 73%;
    height: 35px;
    vertical-align: top;
    	border-color:#000000;
    border-width:0px;
    border-style:solid;
}

/* BILDBEREICH im HAUPTINHALT; als rechte Spalte einer Tabelle */
.bildbereich{
    width:46%;
    text-align: right;
    vertical-align: top;  
	border-color:#000000;
    border-width:0px;
    border-style:solid;    
}

/*Bildbereich ohne Bild*/
.bildbereich_ohne_bild{
    width: 27%;
    vertical-align: top;
}

.ablauftabellenzelle
{
    width: 18%;
    padding: 2px;
    vertical-align: top;
}



/*** Anmeldeformular ***/

#table
{
    border-color:#BBC7D1;/*#C7C7C7;#FFEDAB;*/
    border-width:3px;
    border-style:solid;
    vertical-align:center;
    width: 100%;
}
.tableLeft
{
    background-color:#BBC7D1;/*#C7C7C7;#FFEDAB;*/
    width:316px;
    vertical-align:middle:
}

.tableRight
{
    background-color:#E3E8ED;/*#EDEDED;#FFF8DF;*/
    width:274px;
}

.formularschritt{
    position: absolute;
    top: 13px;
    right: 20px;
    color: #474747;
    text-align: right;
    font-size:9px;
}


/*** IMPRESSUM ***/
#impressum{
   position: relative;
   top:50px;
	width: 794px;
	height: 45px;
	padding-top: 0px;
	margin-top: 0px;
	border : 0px;
	text-align: center;
	vertical-align: bottom;
	
	border-color:#000000;
    border-width:2px;
    border-style:solid;	
}



/*** Bildbehandlung ***/

.bg_img{
	border: 0px;
}

.img_layout{
	border: 0px;
}

.img_subnav{
	border: 0px;
	padding-bottom: 7px;
}

a img{ 
    border:none;  
}




/*** TYPOGRAFIE ***/

.fliesstext{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	padding-bottom: 7px;
	color : #000000;
}

.siteposition{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	text-align: right;
	margin: 0px;
	padding-bottom: 0px;
	color : #000000;
}

.fliesstext_emph{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-style : normal;
	font-variant : normal;
	font-weight : bold;
	padding-bottom: 7px;
	color : #000000;
}

.bildunterschrift{
    text-align:right;
    font-size:10px;
    padding-top:2px;
    padding-bottom:20px;
    
}

/* Teilüberschrift mit Unterstrich */
.titel_mitUnterstrich
{
	font-size: 10px;
	width: 100%;
	border-bottom: 1px solid black;
	padding-top: 0px;
	clear:both;
}

/* Feedbackdatum mit Unterstrich */
.feedbackdatum
{
	font-size: 10px;

	width: 100%;
	border-bottom: 1px solid black;
	padding-top: 0px;
	clear:both;
}

h1{
	
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-style : normal;
	font-variant : normal;
	font-weight : bold;
	padding-top: 0px;
	padding-bottom: 0px;
	color : #000000;
}

h2{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-variant : normal;
	font-weight : bold;
	padding-bottom: 0px;
	color : #000000;
}

li{
	padding-bottom: 7px;
}


/* Linkbehandlung */
a{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	color : #990000;
	text-decoration : none;
}

a:hover{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	color : #ED1B23;
	text-decoration : none;
}

a.emph{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-style : normal;
	font-variant : normal;
	font-weight : bold;
	color : #990000;
	text-decoration : none;
}

a.emph:hover{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-style : normal;
	font-variant : normal;
	font-weight : bold;
	color : #ED1B23;
	text-decoration : none;
}

a.impr{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-style : normal;
	font-variant : normal;
	font-weight : bold;
	color : #E84E4E;/*#CC0000;*/
	text-decoration : none;
}

a.impr:hover{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-style : normal;
	font-variant : normal;
	font-weight : bold;
	color : #ED1B23;
	text-decoration : none;
}

.impr{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	text-align: center;
	color : #C7C7C7;
	padding-top: 8px;
	padding-bottom:16px;
}




/*** Bildergalerie ***/
/*Thumbnailübersicht - mit horizontalen Bild- und Indizesreihen*/
.thumbnailuebersicht
{
	text-align: center;
	width: 100%;
	border: solid 0px;
}
.thumbnailuebersicht td
{
	width: 104px;
	padding-left: 9px; 
	padding-right: 8px;
}
.thumbnailuebersicht td img
{
/*	height: 78px;*/
}
.indizes
{
	height: 20px;
	vertical-align: top;
	font-size: 0.8em;
}

/*Thumbnailnavigationsleiste links*/
.thumbnailuebersicht_links
{
    text-align: center;
	width: 145px;
	border: solid 0px;
	
}
.thumbnailuebersicht_links tr
{
	
	padding-left: 0px; 
	padding-right: 0px;

}
.thumbnailuebersicht_links td
{
	height: 65px;
}
.thumbnailuebersicht_links td img
{
/*	height: 60px;*/
}
.thumbnailuebersicht_indizes_links
{
	font-size: 0.8em;
	font-weight: bold;
	text-align: right;
	width: 60px;
}


dt
{
	font-weight: bolder;
}


/****Scrollbar fuer die Bildergalerie***/
/* Styles for scrolling layers and scrollbars  */
div#holder1 { 
  position:absolute;  top:22px;  
  width:163px; height:450px; 
  	margin-left: auto;
	margin-right:auto;
	margin-left:-10px;

  overflow:hidden; z-index:100;
  border: solid 0px;}
div#wn1  { 
  position:absolute; left:0; top:0;
  width:145px; height:450px; 
  clip:rect(0, 145px, 450px, 0); 
  overflow:hidden; z-index:1
  }
/* op7 needs width set here too (?) */  
div#lyr1 { width:145px }
div.content { 
  position:absolute; visibility:hidden; 
  left:0; top:0; z-index:1 
  }  

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar1 { 
  position:absolute; visibility:hidden;
  left:149px; top:0;
  width:11px; height:450px; 
  font-size:1px; z-index:2;
  }
div#track1 { 
  position:absolute; left:0; top:12px;
  width:11px; height:426px;
  background: url("/images/track.gif") #336 repeat;
  z-index:1
  }
div#dragBar1 {
  position:absolute; left:0px; top:0px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:1
  }  
div#up1 { position:absolute; left:0; top:0; z-index:2 }  
div#down1 { position:absolute; left:0; bottom:0; z-index:3 }  




/***slidender Bildwechsel in der Bildergalerie (Hauptlayer)***/
/* Styles for scrolling layers. Specify width and height in hold and wn, and in clip for wn */
div#hold{ 
	position:relative; overflow:hidden;
	width:600px; height:450px; z-index:100;
	
	}
div#wn2	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:600px; height:450px; 
	clip:rect(0px, 100%, 450px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div#lyr2{ 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:1; 
	}
  
/* table containing images. adjust according to your images' sizes and numbers */
table#t1 { width: 600px }
table#t1 td { width:600px; vertical-align:middle; text-align:center }  


/* Styles for demo, not necessary for scrolling layers */  
table.mainimg { 
  width:600px; 
  margin:auto;
   
  }
td.arrows a { padding:0 1em }
td.spacer { width:400px }




/* Icons vor Links setzen */
a[href$=".pdf"]:before {
content: url(../pics/icons/pdf.gif);
	padding-right : 2px;
}
a[href$=".wmv"]:before {
content: url(../pics/icons/video.gif);
	padding-right : 2px;
}
a[href$=".mp4"]:before {
content: url(../pics/icons/video.gif);
	padding-right : 2px;
}
a[href$=".mp3"]:before {
content: url(../pics/icons/music.gif);
	padding-right : 2px;
}
a[href$=".ppt"]:before {
content: url(../pics/icons/powerpoint.gif);
	padding-right : 2px;
}
a[href$=".zip"]:before {
content: url(../pics/icons/zip.gif);
	padding-right : 2px;
}


/*** HEADER mit Navigation***/
#logo{
	padding: 0px;
	margin-left: auto;
	margin-right:auto;
}

#top_balken{
	position: relative;
    top:-80px;
    left:75px;

	width: 644px;
	padding: 0px;
	
	margin-left: auto;
	margin-right:auto;
}

#haupt_navigation{
    position:relative;
	top:-80px;
	background-color : #C7C7C7;
	text-align: left;
	padding: 0px;
	
	margin-left: auto;
	margin-right:auto;
}

#sub_navigation{
	position: relative;
	top: 0px;
	left: 0px;
	width: 150px;
	
	margin: 0px;
	text-align: left;
	border: solid 0px;
}

#sub_nav_content{
	position: absolute;
	top: 0px;
	left: 40px;
	width: 90px;
	
	background-color : transparent;
	text-align: left;
	padding: 0px;
	margin: 0px;
	border: solid 0px;
} 

.spacer_hauptnav_left{
	border: 0px;
	width: 166px;
	height: 25px;
}

.spacer_hauptnav_topics{
	border: 0px;
	width: 47px;
	height: 25px;
}

.spacer_subnav_top{
	border: 0px;
	width: 150px;
	height: 85px;
}

.spacer_content_top{
	border: 0px;
	width: 644 px;
	height: 35 px;
}

.spacer_content_top2{
	border: 0px;
	width: 644px;
	height: 50px;
}
/* Ende HEADER mit Navigation */



/*Ablauf Popups*/
#pupupMain{
position: absolute;
width: 100%;
height: 100%;
background: #FAFAFB;
	font-size: 12px;
}

/*Fußzeile*/
a.footer {color:#cccccc; text-decoration:none;}
a.footer:hover {color:#666666; text-decoration:none;}


div{
	text-align: left;
	padding: 0px;
	margin: 0px;
	border : 0px;
}

.formular-block{
	width: 328px;
	background-color : #EDEDED;
	text-align: left;
	padding: 5px;
	margin: 0px;
	border : 0px;
}

.formular_links{
	width: 150px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	border : 0px;
}

.formular_rechts{
	width: 168px;
	text-align: right;
	padding: 0px;
	margin: 0px;
	border : 0px;
}