@charset "utf-8";
/* CSS Document */


BODY{

margin:0;
padding:0;
background-color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
border:0 none;
outline:0 none; 
vertical-align:baseline;

}


A{
color:#ec267b;
text-decoration:none;
}

a:hover{
border-bottom:1px dotted #ec267b;

}

H3{
	width:990px;
	margin-top:24px;
	padding-bottom:10px;
	font-size:24px;	
	font-weight:bold;	
	text-align:center;
	line-height:110%;
}


H1 {
	line-height:130%;
}


.box_overall{
position:relative;
width:100%;
}


#sprachwechsler{
position:absolute;
width:auto;
height:auto;
border:0px dotted #ccc;
background-color:transparent;
top:50px;
left:200px;

}

#logo{
position:absolute;
top:0;
left:810px;
width:auto;
height:auto;

}

#logo_foto{
position:absolute;
top:0;
left:805px;
width:auto;
height:auto;
display:none;
}





.hp_top_image_big{
	width:800px;
	border-bottom:1px solid #fff;
}


.hp_top_image_small{
	float:left;
	border-right:1px solid #fff;
	height:133px;

}

#hp_top_image_small_4{
	float:left;
	border-right:0px solid #fff;
	}


.hp_menue_box{
	width:990px;
	margin:5px auto;
	position:relative;
	border:0px solid #fff;		


}


.hp_menue{
	float:left;	
	width:auto;
	padding-bottom:1px;
	margin:0 auto;
}

.hp_menue a{
	font-size:12px;	
	font-weight:bold;	
	margin-right:20px;
}

.hp_menue a:hover{
	color:#fff;
	border-bottom:1px dotted #fff;		
}



.hp_menue_act{
	float:left;	
	width:auto;
	padding-bottom:1px;
}

.hp_menue_act a{
	font-size:12px;	
	font-weight:bold;	
	color:#fff;
	font-weight:bold;
}

.hp_menue_act a:hover{
	color:#fff;
	border-bottom:1px dotted #fff;		
	color:#fff;
	font-weight:bold;

}




.hp_content{
	width:800px;
	margin-top:24px;
	padding-bottom:10px;
	font-size:24px;	
	font-weight:bold;	
	text-align:center;
	line-height:110%;
}


.us_content, .ref_content{
	width:980px;
	margin-top:36px;
	padding-bottom:1px;
	line-height:130%;
	text-align:left;
}

.us_content a img{
margin-left:12px;
margin-bottom:12px;
margin-top:4px;
	
}


.ref_title{
	color:#ec267b;
	font-size:18px;
	font-weight:bold;
	padding-bottom:2px;
	margin-top:12px;
	margin-bottom:12px;
	border-bottom:1px dashed #ec267b;  			
	
}


.ref_content a:hover{
	border-bottom:0px solid #fff;			
	
}


.hp_footer{
	width:100%;
	height:65px;
	margin-top:36px;
	margin:0 auto;
	padding-bottom:1px;
	font-size:10px;	
	text-align:center;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	background:url(../images/header.jpg) no-repeat center 0;			
}




.ref_box{
	border:1px solid #fff;
	margin-bottom:8px;			
	margin-top:20px;
	cursor:pointer;
	height:123px;				
	}


.ref_txt{
	width:590px;
	padding-left:10px;
	padding-right:10px;
	float:left;	
	}
.ref_txt_title{
	font-size:14px;
	font-weight:bold;
	margin-bottom:4px;
}

.ref_pic{
	width:180px;
	float:left;	
	}





.schrift {
	position: absolute;
	left: 38px;
	top: 75px;
}

.text{

font-size:9px;
color:#999;
margin-top:20px;
margin-left:-100px;
width:800px;


}







.csc-textpic{
	clear:both;
	border-top:0px solid #fff;
	border-bottom:0px solid #fff;
	height:auto;;
	/*background-color:#434343;*/
	/*margin-bottom:12px;*/
}



.width {
width:980px; 
margin: 15px auto;
}




/*  Stylesheet for the Meteor Slides 1.3.2 slideshow
	
	Copy "meteor-slides.css" from "/meteor-slides/css/" to your theme's directory to replace
	the plugin's default stylesheet.
	
	If you have navigation enabled, be sure to copy the "buttons.png", "next.png",
	and "prev.png" files to your theme's images folder and update the image paths below,
	or create new graphics to replace them.
	
	Learn more about customizing the stylesheet for Meteor Slides: 
	http://www.jleuze.com/plugins/meteor-slides/customizing-the-stylesheet/
*/

/* =Slideshow
-------------------------------------------------------------- */

.meteor-slides {
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 1;
}

.navpaged,
.navboth {
	padding: 0 0 15px 0;
}

/* =Slide
-------------------------------------------------------------- */

.meteor-slides .slide {
	display: none;
	margin: 0;
	padding: 0;
}

.meteor-slides .slide-1 {
	display: block;
}

.meteor-slides.slide a {
	border: 0;
	margin: 0;
	padding: 0;
}

.meteor-slides .slide img {
	border: 0;
	display: block;
	margin: auto !important;
	padding: 0;
}

.meteor-slides.slide img[src$='.png'] {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE7 */
	zoom: 1;	
}

/* =Previous/Next Navigation
-------------------------------------------------------------- */

.meteor-slides ul.meteor-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

body .meteor-slides ul.meteor-nav {
	display: none;
	*display: block;
	_display: block;
}

.meteor-slides:hover ul.meteor-nav {
	display: block;
}

ul.meteor-nav li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meteor-nav .prev a {
	left: 0px;
	border-bottom: none;
}

.meteor-nav .next a {
	right: 0px;
	border-bottom: none;
}

.meteor-nav a {
	display: block;
	outline: none;
	position: absolute;
	text-indent: -9999px;
	width: 25px;
	height: 100%;
	z-index: 50;
	border-bottom: none;
}

.navboth .meteor-nav a {
	top: -7px;
	border-bottom: none;
}
	
.meteor-nav .prev a {
	background: url('../images/prev.png') no-repeat center right;
	border-bottom: none;
}

.meteor-nav .prev a:hover {
	background: url('../images/prev.png') no-repeat center left;
	border-bottom: none;
}

.meteor-nav .next a {
	background: url('../images/next.png') no-repeat center left;
	border-bottom: none;
}

.meteor-nav .next a:hover {
	background: url('../images/next.png') no-repeat center right;
	border-bottom: none;
}

/* =Paged Navigation
-------------------------------------------------------------- */

.meteor-buttons {
	bottom: 0px;
	left: 46%;
	margin: 0;
	position: absolute;
}

.meteor-buttons a {
	background: url('../images/buttons.png') no-repeat bottom left;
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	margin: 0 2px;
	outline: none;
	text-indent: -9999px;
	border-bottom: none;
}

.meteor-buttons a:hover {
	background: url('../images/buttons.png') no-repeat bottom right;
	border-bottom: none;
}

.meteor-buttons a.activeSlide {
	background: url('../images/buttons.png') no-repeat bottom right;
	border-bottom: none;
}

#slider { background:url(../images/header-bg.jpg) repeat-x scroll 0 0; margin:0px 0px 0px 0px; border-bottom:1px solid #333333;}
#slider-bg { background:url(../images/header.jpg) no-repeat center 0; height:550px;}