@charset "utf-8";
/* CSS Document */
@import url("reset-min.css"); /* ------- Reset all CSS Styles */

/* Flashcheck ###############################################################################################################################################################################################*/
#invisible{
	position:absolute;
	top:-1000px;
	left:-1000px;
}
/* END Flashcheck ###########################################################################################################################################################################################*/


/* main layout ##############################################################################################################################################################################################*/
body{
	background:url(../images/design/bg_gradient.png) top repeat-x;
	background-color:#e6e6e6;
}
p{
	padding-bottom:10px;
}
#main_wrapper{
	width:900px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;	
}

h5{
	font-size:14px;
	font-weight:bold;
	font-style:italic;
}
/* Head ---------------------------------------------------------------------------------------------------*/
#header{
	background:url(../images/design/header_bg.png) top repeat-x;
	width:900px;
	height:161px;
}
#header h1{	
	/*Text nach links verschieben - inhalt bleibt für SE lesbar aber nicht sichtbar*/
	text-indent:-100cm;	
}
#header_logo{
	position:absolute;
	top:0px;
	left:600px;
	background:url(../images/design/header_logo.png) no-repeat;
	width:226px;
	height:161px;
}
#header_me{
	position:absolute;
	top:0px;
	left:40px;
	background:url(../images/design/header_me.png) no-repeat;
	width:117px;
	height:161px;
}
#header_edge{
	background:url(../images/design/header_edge.png) right no-repeat;
	width:900px;
	height:161px;
}
/* End Head ------------------------------------------------------------------------------------------------*/


/* Navi ----------------------------------------------------------------------------------------------------*/
#navigation{
	background:url(../images/design/navi_bg.png) -1px 0px no-repeat;
	width:900px;
	height:45px;
}
#navi_list{
	padding: 10px 0 0 20px;
}
#navi_list li{
	float:left;
	padding-right:40px;
	padding-left:40px;
	text-align:center;
	border-right:1px solid #5d5d5d;
	border-left:1px solid #ebebeb;
	height:20px;
}
#navi_list .last{
	border-right:0px solid #000;
}
#navi_list .first{
	padding-left:0;
	border-left:0px solid #000;
}
#navi_list a{
	font-size:14px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
#navi_list a:hover{
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
}
/* END Navi ------------------------------------------------------------------------------------------------*/

/* Content -------------------------------------------------------------------------------------------------*/
h2{
	font-size:24px;
	font-weight:bold;
	margin-bottom:20px;
}

a{
	color:#a4afb6;
	text-decoration:none;
}

a:hover{
	color:#a4afb6;
	text-decoration:underline;
}

#content_head{
	background:url(../images/design/cbox_top.png) -1px 0px no-repeat;
	width:900px;
	height:40px;
}

#content_body{
	background:#fff url(../images/design/cbox_side_overflow.png) right top repeat-y;
	width:900px;
}


/*IE Hack*/
*html #content_body{
/*	border:1px solid blue;
	margin-bottom:0;
	margin:0;
	padding:0;	*/
}

#content_body_edge{
	position:absolute;
	top:246px;
	left:888px;
	z-index:2;
	background:#fff url(../images/design/cbox_side.png) right top no-repeat;
	width:12px;
	height:50px;
	overflow:hidden;
}

#content_foot{
	background:url(../images/design/cbox_bottom.png) -1px 0px no-repeat;
	width:900px;
	height:38px;
}

#content_wrapper{
	margin:0 20px;
}

#main_content_wrapper{
	width:850px;
}

h3{
	background:#ebebeb url(../images/design/sidebox_head.png) left top repeat-x;
	border:1px solid #a6a6a6;
	padding:5px 0 5px 5px;
	font-weight:bold;
	margin-bottom:10px;
}

#main_box_wrapper{
	width:500px;
	float:left;
	margin-right:25px;
}

#side_box_wrapper{
	width:320px;
	float:left;
}

.side_box{
	border:1px solid #a6a6a6;
	margin-bottom:10px;
}


.side_box_content{
	padding:10px 5px 5px 5px;
	background-color:#f7f7f7;
}

.side_box h3{
	background:#ebebeb url(../images/design/sidebox_head.png) left top repeat-x;
	/*height:24px;*/
	border:0px solid #a6a6a6;
	border-bottom:1px solid #a6a6a6;
	padding:5px 0 5px 5px;
	font-weight:bold;
	margin:0;
}

.side_box_l{
	float:left;
/*	border:1px solid red;*/
	margin-right:5px;
	width:110px;
	text-align:center;
}

.side_box_r{
	float:left;
/*	border:1px solid green;*/
	width:180px;
}

.bigfont{
	font-size:1.8em;
}

.clear{
	clear:both;
	height:0px;
	padding:0;
	margin:0;
	font-size:0px;
}

.zitat{
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:16px;
}
.autor{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	display:block;
	margin-bottom:30px;
}

.datum{
	float:left;
	width:320px;
	margin-left:5px;
}
.station{
	float:left;
	width:500px;
	margin-bottom:20px;
}

#content_wrapper ul{
	padding-left:20px;
	list-style-type: disc;
}

#p_datenbox{
	background-color:#f7f7f7;
	border:1px dashed #a6a6a6;
	height:15em;
	padding:5px;
}

.passbild{
	padding-bottom:10px;
}

.float2_l{
	float:left;
	width:30%;
}

.float2_r{
	float:left;
	width:65%;
}

.float3_l{
	float:left;
	width:33%;
}
.float3_m{
	float:left;
	width:30%;
}
.float3_r{
	float:left;
	width:33%;
}

.p_details{
	display:block;
	width:50%;
	float:left;
	padding-bottom:10px;
}

.p_daten{
	display:block;
	width:48%;
	float:left;
	padding-bottom:10px;
}
.skillz{
	margin-left:5px;
	margin-bottom:10px;
	border-bottom:1px dashed #a6a6a6;
}
.lastskill{
	border-bottom:0px solid #a6a6a6;
}
.skill{
	display:block;
	width:49%;
	float:left;
	padding-bottom:10px;	
}
.wertung{
	display:block;
	width:49%;
	float:left;
	padding-bottom:10px;	
}


#main_subnav_box_wrapper{
	width:600px;
	float:left;
	margin-left:25px;
}
#subnavigation_wrapper{
	width:220px;
	float:left;
}


#subnavigation{
	border:0px solid #a6a6a6;
}

#subnavigation ul{
	padding:0;
	margin:5px;
}

#subnavigation li{
	border-bottom:1px dashed #a6a6a6;
	padding:10px;
	margin-bottom:6px;
}

#subnavigation li{
	list-style-type:none;
}

#subnavigation li a{
	padding-left:25px;
	background: url(../images/design/bullet.png) left top no-repeat;
}
#subnavigation li a:hover{
	background: url(../images/design/bullet.png) left bottom no-repeat;
}

/*Download #################################################################################################################*/

#dl_box_wrapper{
	width:100%;
	float:left;
}

.dl_box{
	border:1px solid #a6a6a6;
	margin-bottom:10px;
}


.dl_box_content{
	padding:10px 5px 5px 5px;
	background:#f7f7f7;
}

.dl_box h3{
	background:#ebebeb url(../images/design/sidebox_head.png) left top repeat-x;
	/*border:0px solid #a6a6a6;
	border-bottom:1px solid #a6a6a6;*/
	padding:5px 0 5px 5px;
	font-weight:bold;
	margin:0;
}

.dl_box_l{
	float:left;
/*	border:1px solid red;*/
	margin-right:5px;
	width:110px;
	text-align:center;
}

.dl_box_r{
	float:left;
/*	border:1px solid green;*/
	width:180px;
}

/*END Download #############################################################################################################*/



/*Kontaktformular ##########################################################################################################*/

#kontakt form {
  padding: 20px;
  margin: 10px 0;
  background-color: #fff;
}

#kontakt label {
  margin: 5px 0;
  display: block;
}

#kontakt input {
  border:  1px solid #333;
  background-color:#eeeded;
}

#kontakt textarea{
	width:623px;
	height:200px;
	border:  1px solid #333;
	background-color:#eeeded;	
}

#kontakt input:focus,#kontakt input:hover,#kontakt textarea:focus,#kontakt textarea:hover {
  background-color: #fff;
}

input.knopf {
  padding: 3px;
  margin-top: 10px;
  background-color: white;
  border-color: gray;
}

#kontakt legend {
  border:1px solid silver;
  padding:0 5px;
  margin-bottom:5px;
  font-size:12px;
  color: #5599a7;
}
 
#kontakt fieldset {
  display: block;
  width: 630px;
  padding: 10px;  
  border: 1px solid silver;
  margin-right: 5px;
  margin-bottom: 10px;
}

/*IE hack*/
* html #kontakt fieldset{
	width: 600px;
}

/*IE hack*/
* html #kontakt textarea{
	width:590px;
}

#form_fehler{
	float:left;
	width:70%;
}
#platzhalter{
	float:left;
	width:25%;
	height:200px;
}
/*ENDE Kontaktformular ##########################################################################################################*/


/*Projekte ######################################################################################################################*/

.projekt{
	border-bottom:1px dashed #a6a6a6;
	margin-bottom:20px;
	padding-bottom:10px;
}

.thumb{
	float:left;
	width:110px;
	height:75px;
	margin:0 10px 0 0px;
	border:1px solid  #a6a6a6;
}

.pd_thumb{
	float:left;
	width:157px;
	height:615px;
	margin:0 10px 0 0px;
	border:1px dashed  #a6a6a6;
}
.interface_pic{
	margin:20px 0 20px 0;
}

a.thumb_dyn{
	float:left;
	width:110px;
	height:75px;
	text-indent:-1000px;
	background-image:url(../images/thb_nb.jpg);
	border:1px solid  #a6a6a6;
	margin:0 10px 0 0px;
}



a.thumb_dyn:hover{
	float:left;
	width:310px;
	height:225px;
	text-indent:-1000px;
	background-image:url(../images/thb_nb.jpg);
	border:1px solid  #a6a6a6;
	margin:0 10px 0 0px;
}

.projekt_txt{
	float:left;
	width:476px;
}

.pd_projekt_txt{
	float:left;
	width:419px;
	margin-left:10px;	
}

.pd_projekt_txt h5{
	margin-bottom:10px;
}

/*IE hack*/
*html .projekt_txt{
	float:left;
	width:475px;
}

.subul li{
	padding:0;
	margin:5px 0 5px -20px;
	list-style:none;
}

.still{
	float:left;
	width:400px;
	margin:0 10px 0 0px;
}

.still .smallstill{
	margin-right:10px;
	height:190px;
}

.stream_video{
	float:left;
	width:400px;
	height:350px;
	margin:0 10px 0 0px;
}

.stream_txt{
	float:left;
	width:175px;
	margin-right:10px;
}

.projektlinks{
	text-align:right;
	margin-top:10px;
}

.dokumentlinks{
	margin-left:-20px;
	margin-bottom: 20px;
}

.dokumentlinks li{
	list-style:none;
	display:inline;
}
.dokumentlinks a{
	background:url(../images/link_pdf.jpg) no-repeat;
	padding:5px 5px 5px 25px;
}

.plugin_button{
margin:50px 0 0 0px;
}

.prominent_box{
	padding:0px 0px 0px 0px;
	font-weight:bold;
	color:#666;
	
}

.cd_txt{
	float:left;
	width:386px;
}

.cd_thumb{
	float:left;
	width:200px;
	height:153px;
	margin:0 10px 0 0px;
	border:0px solid  #a6a6a6;
}
/*ENDE Projekte #################################################################################################################*/

/* End Content ---------------------------------------------------------------------------------------------*/

/* Foot ----------------------------------------------------------------------------------------------------*/
#footer{
	background:url(../images/design/footer_bg.png) top center no-repeat;
	width:900px;
	height:50px;
}
#footer_logo{
	float:left;
	width:131px;
	height:75px;
	background:url(../images/design/footer_logo.png) top center no-repeat;
}
#footer_navi a{
	text-decoration:none;
	color:#999999;
}
#footer_navi a:hover{
	text-decoration:underline;
	color:#999999;
}
#footer_navi{
	float:left;
	margin:25px 0 0 0;
}
#footer_navi li{
	float:left;
	padding:0 30px;
}
/* End Foot ------------------------------------------------------------------------------------------------*/

/* END main layout ##########################################################################################################################################################################################*/