/*Allgemeine Angaben*/

* {
margin: 0px;
padding: 0px;
}

/* Beginn Typography & Colors */

body {

	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f1f1f1;
	color:#161616;
	font-size:12px;
	}

p{
	margin-bottom:10px;
	}
	
	
/*Layout Struktur*/

#balken_oben{
width:100%;
height:6px;
background-color:#161616;
}

#container{
width:960px;
margin:auto;
margin-top:58px;
}

#header_upper{
width:100%;
height:118px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#7a7a7a;
}

#header_upper h1{
font-size:12px;
margin-bottom:0px;
color:#161616;;
}

#header_upper p{
margin-bottom:0px;
}

#header_upper a:link, #header_upper a:hover, #header_upper a:visited, #header_upper a:active{
text-decoration:none;
color:#7a7a7a;
}

.blackened{
color:#161616;
}

#logo{
float:left;
width:90px;
height:62px;
}

#beschreibungstext{
width:420px;
position:absolute;
margin-top:62px;
margin-left:90px;
}

#kontaktdaten_oben{
margin-top:62px;
float:right;
}

#head_bild{
width:100%;
height:330px;
background-image:url(img/vipro_slice_header.jpg);
background-repeat:no-repeat;
}
#head_bild_ueber{
width:100%;
height:330px;
background-image:url(img/vipro_header_ueber_uns.jpg);
background-repeat:no-repeat;
}

img.alignright {
	border:1px solid #b0b0b0;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	float:right;

	}
#content_container{
width:100%;
padding-bottom:60px;
}

#breadcrumb{
width:100%;
padding-top:30px;
height:20px;
background-image:url(img/grosse_dicke_trennlinie.jpg);
background-position:bottom left;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#a2a2a2;
}

#breadcrumb p{
margin-bottom:10px;
}

#breadcrumb a:link, #breadcrumb a:hover, #breadcrumb a:active, #breadcrumb a:visited{
color:#a2a2a2;
text-decoration:none;
}

#main_content_container{
margin-top:33px;
width:100%;
}


#main_content_container img{
border:none;
}

#sidebar{
width:237px;
float:left;
}

#navi{
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}

#navi li{
list-style-type:none;
display:block;
padding-top:6px;
height:17px;
}

#navi a{
font-weight:bold;
text-decoration:none;
color:#161616;
}

#navi a:hover{
font-weight:bold;
color:#a2a2a2;
text-decoration:none;
}

#navi .aktiv{
font-weight:bold;
color:#a2a2a2;
text-decoration:none;
}

.navi_bottom_strich{
background-image:url(img/sidebar_navi_trennlinie.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}

#navi_grafisch{
margin-top:30px;
width:237px;
}

.grafik_abstand_klein{
margin-top:8px;
}

#social_media{
width:237px;
height:67px;
margin-top:20px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#content{
width:670px;
float:right;
font-size:12px;
}

#content ul{
margin-left:12px;
margin-bottom:10px;
}

#content a:link, #content a:hover, #content a:visited, #content a:active{
color:#008edb;
}

#content p{
line-height:18px;
}



#content h1{
font-family:Helvetica, Arial, sans-serif;
font-size:22px;
margin-bottom:11px;
}

#content h2{
font-family:Helvetica, Arial, sans-serif;
padding-bottom:4px;
font-size:14px;
margin-bottom:11px;
margin-top:22px;
background-image:url(img/trennlinie_inhalt.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}

#content h3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-bottom:10px;
margin-top:22px;
}

#content input{
height:25px;
font-size:14px;
margin-top:3px;
background-color:#ffffff;
border:1px solid #d2d2d2;
}

.storytitle a{
	font-size:22px;
	font-weight:bold;
	color:#161616;
	margin-bottom:11px;
	text-decoration:none;
}

.beitrag{
background-image:url(img/trennlinie_inhalt.jpg);
background-repeat:no-repeat;
background-position:bottom left;
padding-bottom:25px;
margin-bottom:30px;
}

.beitrags-info{
margin-bottom:14px;
color:#a2a2a2;
}

#footer{
width:100%;
height:186px;
padding-top:30px;
padding-bottom:30px;
background-color:#161616;
color:#9e9e9e;
font-size:12px;
}

#footer h1{
font-size:16px;
font-weight:bold;
margin-bottom:16px;
}

#footer a{
text-decoration:none;
color:#9e9e9e;
}

.img_teiler{
margin-left:20px;
}



#footer_inner{
width:960px;
margin:auto;
}


#footer_inner_left{
width:445px;
float:left;
}

#upper{
width:435px;
clear:both;
background-image:url(img/trennlinie_footer.jpg);
background-repeat:no-repeat;
background-position:bottom left;
padding-bottom:20px;
}

#footer_inner_info_upper{
width:237px;
float:left;
}

#footer_inner_partners_upper{
width:140px;
float:right;
margin-right:5px;
}

#lower{
width:435px;
padding-top:22px;
}

#footer_inner_copy{
width:237px;
float:left;
color:#707070;
font-size:11px;
}

#footer_inner_impressum{
width:144px;
float:right;
margin-left:50px;
}

#footer_right{
width:400px;
float:right;
margin-right:3px;
}

#footer_right textarea{
height:70px;
width:180px;
background-color:#626262;
border:#626262;
margin-top:2px;
color:#9e9e9e;

}

.wpcf7-validates-as-required{
width:180px;
background-color:#626262;
color:#9e9e9e;
border:#626262;
height:20px;
margin-top:2px;
}

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

#footer_right .widgettitle{
font-size:16px;
margin-bottom:16px;
}

.left_form{
width:200px;
float:left;
}

.right_form{
width:200px;
float:right;
}

#footer_form{
background-color:#626262;
font-size:12px;
color:#9e9e9e;
border:none;
font-weight:bold;
margin-top:14px;
height:20px;
line-height:20px;
}

table img{
margin-top:20px;
border:1px solid #b0b0b0;
}

.portfolio a{
color:#a2a2a2;
text-decoration:none;
font-size:11px;
}

table p{
margin-bottom:-4px;
}

table{
margin-left:-32px;
margin-top:-20px;
}

table .boldened{
font-weight:bold;
padding-top:12px;
}

.doppelabstand{
margin-top:24px;
}