/* CSS Document */

* {
       margin:0;
       padding:0;
}

html, body {
       height:100%;
}


#distance { 
	   width:1px;
       height:50%;
       margin-bottom:-280px; 
       float:left;	
} 


body { text-align: center; background-color:#555555; font-family:Verdana, Arial, Helvetica, sans-serif; }

#rahmen { width: 940px; height: 560px; background-color: #FFFFFF; margin: 0px auto; position:relative;   text-align:left; clear:left; }
#clearer { clear:both; }
#greybar { width: 24px; height: 521px; background-color: #E8E8E8; float:right; }

.startseite { width: 940px; height: 521px; float:left; background-image: url(images/startseite.gif); background-repeat: no-repeat;  }

.startfooter { width: 940px; height: 39px; background-color: #555555; background-image: url(images/footer.gif); background-repeat:no-repeat; text-align: center; float: left;  }
.startfooter img { border: 0px; }
.startfooter a { border: 0px; }

.language { width: 916px; height: 17px; font-size: 10px; background-color: #E8E8E8; color:#000000; text-align: right; padding-top: 10px; float: left;}
.language a { font-weight: bold; text-decoration: none; color: #000000; }
.language a:hover { text-decoration: underline; }

.logo { width: 208px; height: 34px; padding: 0px 40px 29px 40px; background-color: #E8E8E8; float: left; }
.logo img { border: 0px; }

.header { width: 628px; height: 34px; padding: 0px 0px 29px 0px; background-color: #E8E8E8; text-align:right;  float: right; }

.menu1 { display: none; width: 628px; height: 34px; padding: 0px 0px 29px 0px; background-color: #E8E8E8; text-align:right;  float: right; }
.menu1 img { margin-left: 8px; border: 0px; }
.menu1 a { border: 0px; }

.sidebar  { width: 160px; height: 431px; background-color: #E8E8E8; text-align: left; float:left; }

.menu2  { }
.menu2 .submenu { width: 160px; }
.menu2 .submenu img { margin-bottom: 5px; border: 0px; }
.menu2 .submenu a { border: 0px; }

.menu2 .submenu .subsubmenu { width: 160px; height: auto; background-color: #E8E8E8; }
.menu2 .submenu .subsubmenu img { margin-left: 20px; margin-bottom: 5px; border: 0px; }
.menu2 .submenu .subsubmenu a { border: 0px; }

.menu2 .submenu .subsubsubmenu { width: 160px; height: auto; background-color: #E8E8E8; }
.menu2 .submenu .subsubsubmenu img { margin-left: 40px; margin-bottom: 5px; border: 0px; }
.menu2 .submenu .subsubsubmenu a { border: 0px; }

.news { margin-right: 10px; background-color: #BBBBBB; font-size: 10px; }
.news h1 { font-size: 12px; color:#FFFFFF; padding: 15px 5px 0 20px; }
.news p { padding: 0 5px 10px 20px; }

.news .header_layout1 { background-color: #FFFF00; border-top: 10px solid #e8e8e8; }
.news .header_layout1 h1, .news .csc-header-n3 h1 { font-size: 12px; color:#555555; }


.headline { width: 360px; height: 35px; margin: 20px 0px 0px 32px; font-size: 12px; font-weight: bold; text-align: left; float: left; }
.headline a {font-size: 12px; font-weight: bold; color: #000000; text-decoration: none;}
.headline a:hover {text-decoration: underline; }

.numeration { width: 300px; height: 35px; margin-top: 20px; margin-right: 32px; margin-left: 0px; font-size: 12px; font-weight: bold; text-align: right; float: right;}
.numeration a {font-size: 12px; font-weight: bold; color: #000000; text-decoration: none;}
.numeration a:hover {text-decoration: underline; }

.einspaltig {  width: 692px; font-size: 12px; }
.einspaltig  .inhalt {  text-align: left; width: 692px;  margin-bottom: 10px; float: left; }
.einspaltig  .inhalt img {  border: 0px; }
.einspaltig  .inhalt a { font-weight: bold; text-decoration: none; color: #000000; }
.einspaltig  .inhalt a:hover { text-decoration: underline; }

.team {  width: 692px; font-size: 10px; }
.team  .teaminhalt {  text-align: left; margin-bottom: 20px; margin-right: 20px; float: left;}
.team  .teaminhalt img {  border: 0px;}
.team  .teaminhalt a { font-weight: bold; text-decoration: none; color: #000000; }
.team  .teaminhalt a:hover { text-decoration: underline; }

.gallery {  width: 692px; font-size: 12px;}
.gallery .galleryinhalt {  text-align: left; width: 692px;  float: left; }
.gallery .galleryinhalt img {  border: 0px; }
.gallery .galleryinhalt a { font-weight: bold; text-decoration: none; color: #000000; }
.gallery .galleryinhalt a:hover { text-decoration: underline; }
.gallery .galleryinhalt .csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }
.gallery .galleryinhalt .csc-textpic-equalheight .csc-textpic-imagerow { margin-bottom: 0px; display: block; }

.zweispaltig { width: 692px;  font-size: 12px; }
.zweispaltig  .inhalt { width: 360px; float: left; }
.zweispaltig  .inhalt img {  border: 0px; }
.zweispaltig  .inhalt a { font-weight: bold; text-decoration: none; color: #000000; }
.zweispaltig  .inhalt a:hover { text-decoration: underline; }
.zweispaltig  .inhalt .tx-slideshow-pi1 {text-align: left;}


.zweispaltig  .inhalt2 {  text-align: left; width: 292px;  float: left; margin-left: 40px;}
.zweispaltig  .inhalt2 img {  border: 0px; }
.zweispaltig  .inhalt2 a { font-weight: bold; text-decoration: none; color: #000000; }
.zweispaltig  .inhalt2 a:hover { text-decoration: underline; }
.zweispaltig  .inhalt2 .csc-header h1 {font-size: 14px; }


.footer { width: 940px; height: 39px; background-image: url(images/footer.gif); background-repeat:no-repeat; text-align: left;}
.footer .fmenu { width: 900px; padding-left: 40px; color: #FFFFFF}
.footer .fmenu img { border: 0px; margin-right: 9px;}

/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/
div#hold	{ 
	position:relative; overflow:hidden;
	width:692px; height:366px; 
  z-index:100; margin-left: 32px;
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:692px; height:366px; 
	clip:rect(0px, 692px, 366px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}
div#wrapper {
  float: left;
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
  position:relative; left:0px; top:0;
  width:10px; height:362px; 
  font-size:1px; z-index:1;
  float: left;
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:10px; height:342px;
  background: none;
  z-index:1;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:8px; height:20px;
  background-color:#BBBBBB;
  z-index:1;
  }  
div#up { position:absolute; width: 12px; left:0; top:0; z-index:2 }  
div#down { position:absolute; width: 12px; left:0; bottom:0; z-index:3 }  

div#up img,
div#down img
	{
	border:none;
	}

div#up a,
div#down a
	{
	border: none;
	background: none;
	}

div#dragBar:hover
	{
	background-color:#666666;
	}
div#up
	{
	background: #FFFFFF url('images/nav/btn-up-bleu.gif') no-repeat; 
	}
div#up:hover
	{
	background: #FFFFFF url('images/nav/btn-up-bleu-o.gif') no-repeat; 
	}
div#down
	{
	background: #FFFFFF url('images/nav/btn-dn-bleu.gif') no-repeat;  
	}
div#down:hover
	{
	background: #FFFFFF url('images/nav/btn-dn-bleu-o.gif') no-repeat; 
}

/* Typo3 CSS-Styles Inhalt */
.csc-textpic-image .csc-textpic-caption { font-size: 10px; font-weight: normal; color: #000000; background-color: #C0C0C0; }
.csc-textpic-image  { padding-bottom: 10px }

.einspaltig .inhalt .fir {font-size: 14px; font-weight: bold;}

.sidebar .csc-textpic-image  { padding-top: 5px; padding-bottom: 5px }

/* Sidebar Kasten schwarz */
.sidebar div.CTypetextpic.header_layout3 {
	background-color: #000000;
	}
	
.sidebar div.CTypetextpic.header_layout3 div.csc-header.csc-header-n1 h3 {
	font-size: 10px;
	color: #FFFFFF;
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 15px;
	}

.sidebar div.CTypetextpic.header_layout3 div.csc-textpic.csc-textpic-center.csc-textpic-below div.csc-textpic-text p {
	font-size: 10px;
	color: #FFFFFF;
	}
	

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border: 1px solid #BBBBBB;
}

.sidebar div.CTypetextpic.header_layout1 .csc-textpic-text p a,
.sidebar div.CTypetextpic.header_layout1 .csc-textpic-text p a:visited {
	color: #58585a;
}

.sidebar div.CTypetextpic.header_layout1 .csc-textpic-text p a:hover {
	color: #000000;
}

/* Sidebar Kasten Anthrazit */
.sidebar div.CTypetextpic.header_layout100 {
	background-color: #58585a;
}

.sidebar div.CTypetextpic.header_layout100 div.csc-frame.csc-frame-frame1 div.csc-textpic-left div.csc-textpic-imagewrap {
	padding-left: 20px;
}

.sidebar div.CTypetextpic.header_layout100 div.csc-frame.csc-frame-frame1 div.csc-textpic-left .csc-textpic-text p {
	font-size: 12px;
	color: #FFFFFF;
}

.sidebar div.CTypetextpic.header_layout100 div.csc-frame.csc-frame-frame1 div.csc-textpic-left .csc-textpic-text p a,
.sidebar div.CTypetextpic.header_layout100 div.csc-frame.csc-frame-frame1 div.csc-textpic-left .csc-textpic-text p a:visited {
	font-size: 10px;
	background-color: #ffed0c;
	padding: 2px;
	color: #58585a;
}

.sidebar div.CTypetextpic.header_layout100 div.csc-frame.csc-frame-frame1 div.csc-textpic-left .csc-textpic-text p a:hover {
	background-color: #BBBBBB;
	color: #58585a;
}