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

body{
	background-color:#d2d2d2;
	margin-top:0px;
	font-family:Verdana;
}

div#main_wrap{
	width:830px;
	background-image:url(../grafik/bg_body.png);
	background-repeat:repeat-y;
	margin:0px auto 0px auto;
	height:100%;
	overflow: hidden;
}

a{
	color:#2BBCE8;
	text-decoration:none;
}
a:hover{
	color:#999999;
}
/*---------------Head-----------------*/

div#head{
	width:646px;
	height:162px;
	margin-left:165px;
	padding-top:20px;
}

div#head_block{
	width:299px;
	height:112px;
	background-color:#2bbce8;
	float:left;
	margin-right:5px;
	margin-left:22px;
}
div#head_block2{
	width:299px;
	height:112px;
	background-image:url(../grafik/bg_logo.gif);
	background-repeat:no-repeat;
	float:left;
}

#logo{
	float:right;
}

#head_headline{
	margin-left:8px;
	margin-top:8px;
	font-family:Verdana;
	color:#ffffff;
	font-size:14px;
}

/*---------------Menue-----------------*/
#menue{
	height:28px;
	width:646px;
	margin-left:22px;
	float:left;
}

.btn a{
	width:291px;
	height:26px;
	float:left;
	margin-right:5px;
	margin-top:5px;
	background-color:#2bbce8;
	text-decoration:none;
	color:#ffffff;
	font-size:14px;
	padding-left:8px;
	padding-top:3px;
}

.btn a:hover{
	background-color:#df56a0;
}

/*---------------Content-----------------*/
#content{
	width:830px;
	height:100%;
}

.block{
	width:830px;
	height:100%;
}

.vorschau_wrap{
	width:646px;
	float:left;
	background-color:#ffffff;
	height:100%;
}

#banner_web{
	width:166px;
	height:28px;
	background-image:url(../grafik/banner_web.gif);
	float:left;
	margin-top:85px;
}

#banner_grafik{
	width:166px;
	height:28px;
	background-image:url(../grafik/banner_grafik.gif);
	float:left;
	margin-top:85px;
}

#banner_sonstiges{
	width:166px;
	height:28px;
	background-image:url(../grafik/banner_sonstiges.gif);
	float:left;
	margin-top:85px;
}

#banner_about{
	width:166px;
	height:28px;
	background-image:url(../grafik/banner_about.gif);
	float:left;
	margin-top:85px;
}

#banner_info{
	width:166px;
	height:28px;
	background-image:url(../grafik/banner_info.gif);
	float:left;
	margin-top:85px;
}

#banner_impressum{
	width:166px;
	height:28px;
	background-image:url(../grafik/banner_impressum.gif);
	float:left;
	margin-top:85px;
}

.vorschau{
	width:183px;
	height:105px;
	float:left;
	overflow:hidden;
	position:relative;
	margin-left:24px;
	margin-top:20px;
}
.vorschau img{
	border:none;
	}
.vorschau_wrap a{
	text-decoration:none;
	}
.lasche{
	width:183px;
	height:105px;
	float:left;
	position:relative;
	background:url(../bilder/vorschau/lasche.png) no-repeat left bottom;
}
.image{
	width:183px;
	height:105px;
	float:left;
	margin-left:20px;
	position:absolute;
}

.titel{
	width:183px;
	height:105px;
	float:left;
	position:absolute;
	text-align:center;
	font-family:verdana;
	color:#2bbce8;
	font-size:12px;
}
.grau{
	color:#a1a1a1;
}
/*---------------Switch-Klassen-----------------*/
.change{
	height:29px;
	width:102px;
	background:url(../grafik/change-sprite.png) top left;
	display:block;
}
.activate{
	background:url(../grafik/change-sprite.png) bottom left;
}
.list{
	width:590px;
}
.hidden-text{
	font-size:12px;
	padding-left:200px;
}
.hl{
	font-size:14px;
	color:#2bbce8;
}

/*---------------Content-About-----------------*/

#foto_wrap{
	width:244px;
	height:285px;
	float:left;
}

#about_txt{
	width:370px;
	font-size:12px;
	color:#2bbce8;
	float:left;
	margin-top:20px;
}
.pfeil{
	background:url(../grafik/pfeil.png) 50px 1px no-repeat;
	padding-left:80px;
}
.txt-padding{
	padding-left:82px;
}
.bookmark{
	width:290px;
	height:32px;
}
.linkedin{
	width:32px;
	height:32px;
	float:left;
	margin-left:16px;
	background:url(../grafik/bookmark-sprite.png) top left;
}
.xing{
	width:32px;
	height:32px;
	float:left;
	display:block;
	background:url(../grafik/bookmark-sprite.png) bottom left;
}
/*---------------Content-Info-----------------*/

#block_info{
	width:646px;
	float:left;
}

#info_wrap{
	width:646px;
	float:left;
}

.foto_wrap{
	margin-left:22px;
	margin-bottom:30px;
	width:603px;
	float:left;
	font-size:12px;
	color:#a6a6a6;
}

.padding_top{
	padding-top:30px;
}
.border_bottom{
	border-bottom:1px dotted #2bbce8;
	padding-bottom:30px;
}
.padding_top{
	padding-top:30px;
}

#info_txt{
	width:422px;
	font-size:12px;
	color:#a6a6a6;
	float:left;
	margin-left:30px;
	margin-top:25px;
}

#info_txt h1{
	font-size:12px;
	color:#2bbce8;
	font-weight:normal;
}

#link_wrap{
	width:646px;
	margin-top:5px;
	margin-left:22px;
	float:left;
	font-size:12px;
	color:#2bbce8;
}

#pfeil_link_wrap{
	margin-top:2px;
	float:left;
}

#link_wrap a{
	margin-left:10px;
	text-decoration:none;
	font-size:12px;
	color:#2bbce8;
}

#link_wrap a:hover{
	text-decoration:none;
	font-size:12px;
	color:#999999;
}

/*---------------Footer-----------------*/

#footer{
	width:830px;
	height:70px;
	float:left;
	background-image:url(../grafik/footer.gif);
}

#impressum_link a{
	float:right;
	text-decoration:none;
	font-size:12px;
	color:#2bbce8;
	margin-right:38px;
	margin-top:32px;
}

#impressum_link a:hover{
	color:#999999;
}