/*
Theme Name: vtechnik
Theme URI: http://www.rgbmodus.com
Description: Theme for <a href="http://www.vtechnik.de">vtechnik</a> by <a href="http://www.rgbmodus.com/">rgbmodus</a>)
Version: 1.0
Author: rgbmodus
Author URI: http://www.rgbmodus.com
Tags: rgbmodus, pro, business, cms
*/

/* RESET */
/* ----------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
} 

table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }


html, body
{
	height:100%;
	background-color:#0D0E15;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 11px;
	line-height: 17px;
	letter-spacing:0.015em;
	min-height: 600px;
	height: 100% !important; /* IE6 hack */
}

html { 	overflow: hidden; }

#rgbmodus  { text-indent: -1000px;}
#rgbmodus a { color: #181A22;}
#rgbmodus a:hover { color: #181A22;}

a { color: #CCC; text-decoration:none; }
a:hover { color:#FFF; text-decoration:underline;}


#background img{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#background { background-color: #23242B; }
.background-opacity { opacity: 0.5; filter:alpha(opacity=50); zoom: 1; }

#wrapper
{
	position: relative;
	min-height:550px;
	height: 100% !important; /* IE6 hack */
	width: 1000px;
	margin:auto;
/*	width: 100%;
	margin-right: 
*/}

.transparent {
background: url(images/feb_pixel.png) repeat;
z-index: 1;
}


#header-menu
{
	width: 908px;
	height: 85px;
	top: 30px;
	right: 40px;
	position: absolute;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}
#header-menu ul { 
	margin: 0;
	padding: 0;
	width: 89px;
	height: 85px;
	z-index: 100;
	position: absolute;
}

#header-menu a, #header-menu a:hover, #header-menu a:active { color:#FFF; text-decoration: none;} 


.header-titles {
	float: left;
	width: 89px;
	height: 85px;
	margin-right: 2px;
	cursor: pointer;
}

.header-titles span.hover {
		width: 89px;
		height: 85px;
		display: block;
		background: url(images/liniemenue.png) repeat-x;
		position:absolute;
}


#logo.header-titles span.hover {
	width: 362px;
}

.ie-hover { background-color: #00528E; }
.ie-hover:hover { background-color: #00528E; }

#logo
{
	width: 362px;
	font-weight:bold;
}
#logo h1 { 
	margin: 10px 0px 0px 10px; 
	font-size: 14px;
	position: absolute;
	z-index: 100;
	height: 75px;
	width: 352px;
}

#kontakt-title { margin-right: 0px; }

.active-page { background: url(images/liniemenue.png) repeat-x;  background-color: #00528E;}

#content
{
	width: 960px;
	height: 310px;
	bottom: 50px;
	right: 40px;
	position: absolute;
}

.opacity-layer {
	height: 310px;
	width: 100%;
	padding-left: 100%;
	position: absolute;
	right: 272px;
	top: 0px;
}

#opacity-layer-home {
	right: 272px;
}


#home-title
{
	width: 530px;
	top: -126px;
	right: 195px;
	position: absolute;
	color: #00528E;
	font-size: 25pt;
	font-weight:bold;
	line-height: 1em;
	letter-spacing: -0.03em;
	text-transform:uppercase;
	text-align:left;
}

.page-title
{
	width: 435px;
	top: -55px;
	right: 620px;
	position: absolute;
	font-size: 25pt;
	font-weight:bold;
	color: #00528E;
	line-height: 1em;
	letter-spacing: -0.03em;
}

.page-title a { color: #00528E; text-decoration:none; }
.page-title a:hover { color: #093354; }

.page_item
{
	padding: 10px 0px 0px 5px;
}
#date
{
	float: left;
	width: 44px;
	height: 20px;
	top: 20px;
	right: 676px;
	position: absolute;
}
#entry
{
	float: right;
	width: 444px;
	height: 290px;
	font-size: 12px;
	line-height: 18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	overflow-y: auto;
	letter-spacing:0.015em;
	padding-top: 20px;
	margin-right: 50px;
	text-align:justify;
}
#entry p { margin-bottom: 16px; }
#entry p:last-child { margin: 0}

#partners
{
	float: right;
	width: 130px;
	height: 306px;
	margin-right: 5px;	
	font-size: 9px;
	padding-top: 4px;
}

.partners {
	width: 118px;
	position: relative;
	float: left;
	margin: 11px 0px;
	background: url(images/lineforlogo.png) no-repeat;
	padding-top: 14px;
	padding-left: 3px;
	clear: both;
	line-height: 13px;
}

.partners img { 
	margin-top: 10px;
	display: block;
}
#aktuelle-projekte
{
	float: right;
	width: 270px;
	height: 290px;
	margin-left: 2px;
	background: url(images/linie310px.png) repeat-x;
	background-color: #00528E;
	color: white;
	padding-top: 20px;
	line-height: 16px;
}

#aktuelle-projekte h3 {
	margin-top: 17px;
	font-size:14px;
	letter-spacing: 0px;
	margin-left: 44px;
}
#aktuelle-projekte h3:first-child { margin-top: 0px; }


#aktuelle-projekte p { 
	font-size: 9px;
	margin-left: 44px;
}

#page-picture
{
	float: left;
	width: 410px;
	height: 100%;
	top: 0px;
	right: 0px;
	position: absolute;
	background-color: #00528E;
	color: white;
	overflow:hidden;
}
#page-picture img
{

width: 100%;
position: absolute;
top: 0;
left:0;

}

#footer
{
	width: 100%;
	height: 25px;
	bottom: 0px;
	left: 0px;
	position: fixed;
}

* html #footer {
    position: absolute;
}


#footer-links
{
	height: 25px;
	width: 1000px;
	margin:auto;
}

#footer-margin
{
margin-left: 60px;
}

.footer-box {
	float: left;
	height: 20px;
	display: inline;
/*	border-left: 1px solid #999;
*/	padding-right: 30px;
	text-transform:uppercase;
	font-size: 9px;
	font-family:Arial, Helvetica, sans-serif;
}
.footer-box ul { margin: 5px 0px; }
.footer-box-margin { margin: 3px 0px;}

.footer-box ul li { padding: inherit; }
.footer-box ul li a { color: #FFF; }
.footer-box ul li a:hover { color: #00528E; text-decoration:none; }
.footer-box ul li.current_page_item a { color: #00528E; }
.footer-box ul li.current_page_item a:hover { color: #FFF;  text-decoration:none; }

#standort-page-title {
	width: 300px;
	right: 282px;
}

#page-text-leistungen.impressum { width: 850px; height: 400px;}
#page-text-leistungen.impressum p { margin-bottom: 8px; }

#content-impressum { clear:both; float:left; margin-bottom: 20px; }
.impressum_content_right, .impressum_content_left{
	float: left;
	width: 45%;
	}
.impressum_content_left{
	padding-right: 5%;
	}



#search
{
	float: left;
}

#search button {
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font:9px/9px "Avenir LT Std",Helvetica,Arial,sans-serif;
	overflow:hidden;
	padding: 2px 3px 4px;
	text-transform:uppercase;
	width:auto;	
}
#search button:hover { color: #CCC; }
#search button:active { left: 1px; position: relative; top: 1px; }

#search input {
	height: 12px;
	padding: 2px;
	margin-top: 1px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
}

/*UNTERNEHMEN UNTERSEITE STYLES*/
#opacity-layer-unternehmen {
	right: 412px;
}


#unternehmen-titel { 
	width: 300px;
	top: -90px;
	right: 282px;
}

#entry-unternehmen
{
	float: right;
	width: 448px;
	height: 100%;
	font-size: 12px;
	line-height: 18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	overflow-y: auto;
	letter-spacing:0.015em;
	padding-top: 20px;
	margin-right: 40px;
	text-align:justify;
}
#entry-unternehmen p { margin-bottom: 16px; }
#entry-unternehmen p:last-child { margin: 0; text-align: left;}
#entry-unternehmen ul { padding-left: 7px; }
#entry-unternehmen li { 
	text-indent: -7px;
	text-align: left;
}

/*END UNTERNEHMEN UNTERSEITE STYLES*/



/*LEISTUNGEN UNTERSEITE STYLES*/
#opacity-layer-leistungen { 
	height: 400px; 
	right: 60px;
}

#page-title-leistungen { right: 460px; width: 542px;}

#page-text-leistungen
{
	width: 405px;
	height: 40px;
	position: relative;
	margin: 20px 0px 20px 0px;
}
#box-container
{
	width: 898px;
	height: 400px;
	bottom: 50px;
	left: 60px;
	position: absolute;
	font-size: 11px;
	line-height: 17px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	margin-left: 62px;
}

.box {
	float: left;
	width: 200px;
	min-height: 130px;
	height: auto !important;
	height: 130px;
	border-top: 1px solid #999;
	margin: 0px 22px 14px 0px;
	line-height: 17px;
	font-size: 11px;
	text-align:justify;
}
.box h3 { 
	margin: 5px 0px 9px 0px;
}
.box p { 
	color:#999;
	margin-bottom: 9px;
}

/* ENDE LEISTUNGEN UNTERSEITE STYLES*/


/*REFERENZEN UNTERSEITE STYLES*/
#opacity-layer-referenzen { right: 0px; height: 400px;}
#page-title-referenzen { right: 560px; }
#page-text-referenzen
{
	width: 417px;
	height: 50px;
	position: relative;
	margin: 20px 0px 20px 0px;
	font-size: 11px;
	float:left;
	clear:both;
	text-align:justify;
}

#referenzen-box-container
{
	width: 900px;
	height: 400px;
	bottom: 50px;
	left: 0px;
	position: absolute;
	font-size: 10px;
	line-height: 17px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	margin-left: 60px;
}

#posts-in-referenzen {
	float: left;
	width: 897px;
}
.single-post-in-referenzen
{
	position:relative;
	float:left;
	height: 155px;
	width: 149px;
	margin-right: 15px;
	overflow:hidden;
	line-height: 9pt;
}
.single-post-in-category h3 { height: 25px; padding-bottom: 15px; }

.images-in-referenzen
{
	margin: 0px 0 5px 0px;
	width:149px;
	height: 103px;
	background-color: #00528E;
}

#newer-posts-referenzen
{
	position:absolute;
	bottom: 20px;
	right: 920px;
	font-size:30px;
}

.post img { margin-right: 11px; }

/*

.referenzen-box {
	float: left;
	width: 400px;
	min-height: 121px;
	height: auto !important;
	height: 110px;
	border-top: 1px solid #999;
	margin: 0px 40px 30px 0px;
}

.referenzen-box p { color:#999;}
.referenzen-box a { color: #999; }
.referenzen-box a:hover { color: #FFF; }
*/
.referenzen-cat-title { margin-bottom: 15px; padding-top: 5px;}
.referenzen-cat-title a { color: #FFF; }
.single-referenzen-title h3 { width: 300px; border-top: 1px solid #666; float: left; margin-right: 20px;}
.single-referenzen-date { width: 80px; float: left; border-top: 1px solid #666; color: #999;}
/*.mehr-referenzen { 
	border-top: 1px solid #666; 
	width: 300px; 
	margin-right: 20px; 
	float: left;
	padding-top: 5px;
}

.referenzen-box .mehr-referenzen a { color: #FFF; }
.date-line { 
	float: left; 
	width: 80px; 
	border-top: 1px solid #666; 
}
*/
/* ENDE REFERENZEN UNTERSEITE STYLES*/


/*PLANUNGS UNTERSEITE STYLES*/
#opacity-layer-planung { right: 412px; }

#planungs-page-title
{
	left: -34px;
}

#page-text-planungs
{
	width: 417px;
	height: 50px;
	position: relative;
	margin: 20px 0px 12px 0px;
	font-size: 11px;
	float:left;
	clear:both;
	text-align:justify;
}


#planungs-container
{
	float: right;
	width: 444px;
	font-size: 11px;
	line-height: 17px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	overflow: hidden;
	letter-spacing:0.015em;
	margin-right: 42px;
}
#planungs-container p { margin-bottom: 16px; }
#planungs-container p:last-child { margin: 0}

#planungs-container img { margin: 0px 19px 10px 0px; }

.planungs-box {
	float: left;
	width: 444px;
	border-top: 1px solid #999;
	margin: 12px 0px 18px 0px;
	font-size: 10px;
}

.planungs-box p { color:#999;}
.planungs-box a { color: #999; }
.planungs-box a:hover { color: #FFF; }
.planungs-box a:active { color: #FFF; }

.planungs-box li { 
	width: 100%; 
	border-top: 1px solid #666; 
	border-bottom: 1px solid #666; 
	float: left; 
	margin-right: 20px; 
}

.planungs-cat-title { margin-bottom: 15px; padding-top: 5px;}
.single-planungs-title h3 { float: left; margin-right: 20px; color: #CCC; }
.single-planungs-plan {  float: left; margin-right: 20px; }

li span a { text-decoration: none;}

/* ENDE PLANUNGS UNTERSEITE STYLES*/


/*INTERESSANTES UNTERSEITE STYLES*/
#page-title-interessantes { right: 560px;}
#opacity-layer-interessantes {
	height: 400px;
	right: 0px;
}


#interessantes-content
{
	width: 960px;
	height: 400px;
	bottom: 50px;
	left: 0px;
	position: absolute;
	font-size: 11px;
}

#posts-in-category
{
	float: left;
	width: 897px;
	height: 100%;
	top: 0px;
	right: 0px;
	position: absolute;
}
.single-post-in-category
{
	position:relative;
	float:left;
	width: 191px;
	height: 100%;
	margin-right: 28px;
	overflow:hidden;
	line-height: 13pt;
}
.single-post-in-category a { color: #999; text-decoration: none; }
.single-post-in-category a:hover { color: #FFF; }
.single-post-in-category h3 { padding-bottom: 15px; }
.single-post-in-category h3 a { color:#FFF; }
.single-post-in-category h3 a:hover { text-decoration:underline; }
.single-post-in-category p { text-align:justify;}

#entry-single-interessantes {text-align:justify}

#newer-posts
{
	position:absolute;
	bottom: 20px;
	left: -25px;
	font-size:30px;
}
#older-posts
{
	position:absolute;
	bottom: 20px;
	right: 20px;
	font-size:30px;
}
.images-in-category
{
	margin: 28px 0 28px 0px;
	width:191px;
	height: 132px;
	background-color: #00528E;
}
.dates-in-category
{
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #999;
}
#date-in-single
{
	margin-top:30px;
	border-top: 1px solid #999;
	padding: 10px 0px 5px 0px;
}

.mehr-interessantes
{
	display:block;
	margin-top: 8px;
	bottom: 15px;
	position: absolute;
}


/* ENDE INTERESSANTES UNTERSEITE STYLES*/



/*KONTAKT UNTERSEITE STYLES*/
#page-title-kontakt { right: 560px; }
#opacity-layer-kontakt { right: 0px; }

#kontakt
{
	float: right;
	width: 400px;
	height: 100%;
	font-size: 11px;
	line-height: 17px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	overflow-y: auto;
	padding-top: 20px;
	margin-right:67px;
}
#kontakt p { margin-bottom: 16px; }
#kontakt p:last-child { margin: 0}

.kontakt-text {
	font-size:13px;
	margin-bottom: 45px;
	line-height: 19px;
	text-align: justify;
}

#form {
	float: right;
	width: 430px;
	height: 100%;
	font-size: 11px;
	line-height: 17px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}

.screenReader { left: -9999px; position: absolute; top: -9999px; }
.thanks { background: transparent; border: 1px solid #7E8AA2; padding:10px; margin: 20px 20px 0px 0px;}

/*****Forms*****/
ol.forms { float: left; list-style: none; margin: 18px 0px 0px 0px; width: 100%; }
ol.forms li { 
	float: left; 
	margin-bottom: 6px; 
	position: relative;
	width: 200px;
}
ol.forms label {
	cursor: pointer;
	display: block;
	padding-right: 20px;
	width: 100px;
	font-size: 9px;
}
ol.forms input, ol.forms textarea {
	border: 1px solid #7E8AA2;
	font: inherit;
	padding: 2px;
	width: 180px;
}

	
ol.forms li.textarea { clear:both; margin-bottom: 0px; }

ol.forms textarea { height: 100px; width: 380px; }
ol.forms input:focus, ol.forms textarea:focus { background-color: #f2f3f6; border-color: #ff9800; }
.error { color: #f00; }
ol.forms li .error { font-size: 9px; margin-left: 20px; }
ol.forms li.textarea .error {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
}
ol.forms li.screenReader { margin-bottom: 0; }
ol.forms li.buttons button {
	border: none;
	color: #FFFFFF;
	background: transparent;
	cursor: pointer;
	font: 11px/11px "Avenir LT Std", Helvetica, Arial, sans-serif;
	overflow: hidden;
	padding: 0px 2px 2px 2px;
	text-transform: uppercase;
	width: auto;
	clear:both;
	float: right;
	margin-right: 44px;
}

ol.forms li.buttons { width: inherit;}


ol.forms li.buttons button:hover { color: #CCC; }
ol.forms li.buttons button:active { left: 1px; position: relative; top: 1px; }
ol.forms li.buttons, ol.forms li.inline { float: right; }
ol.forms li.inline input { width: auto; }
ol.forms li.inline label { display: inline; float: none; width: auto; }

/* ENDE KONTAKT UNTERSEITE STYLES*/



/* SINGLE UNTERSEITE STYLES*/
#opacity-layer-single {
	right: 412px;
}
#page-title-single-interessantes { 
	right: 148px;
	text-transform:uppercase;
}

#entry-single-interessantes
{
	float: right;
	width: 444px;
	height: 290px;
	top: 0px;
	right: 0px;
	margin-right: 40px;
	position: absolute;
	font-size: 11px;
	line-height: 17px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	overflow-y: auto;
	letter-spacing:0.015em;
}
#entry-single-interessantes p { margin-bottom: 16px; }
#entry-single-interessantes p:last-child { margin: 0}

.post h2 {
	font-size: 12px;
	margin-bottom: 15px;
}


/* ENDE SINGLE UNTERSEITE STYLES*/


/* SUBCATEGORIES REFERENZEN STYLES*/

#opacity-layer-referenzen { right: 0px; height: 400px;}
#page-title-category-referenzen { right: 560px; text-transform:uppercase;}
#category-referenzen-box-container
{
	width: 900px;
	height: 400px;
	bottom: 50px;
	left: 0px;
	position: absolute;
	font-size: 10px;
	line-height: 17px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	margin-left: 60px;
}

.category-referenzen-box {
	float: left;
	width: 400px;
	min-height: 121px;
	height: auto !important;
	height: 110px;
	border-top: 1px solid #999;
	margin: 40px 40px 30px 0px;
}

.category-referenzen-box p { color:#999;}
.category-referenzen-box a { color: #999; }
.category-referenzen-box a:hover { color: #FFF; }

/* SUBCATEGORIES REFERENZEN STYLES*/


/* SEARCH STYLES*/

#opacity-layer-search { right: 0px; height: 300px;}
#page-title-search { right: 560px; text-transform:uppercase;}
#search-box-container
{
	width: 900px;
	height: 300px;
	bottom: 50px;
	left: 0px;
	position: absolute;
	font-size: 10px;
	line-height: 17px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	margin-left: 60px;
}

.search-box {
	float: left;
	width: 627px;
	min-height: 121px;
	height: auto !important;
	height: 110px;
	border-top: 1px solid #999;
	margin: 40px 40px 30px 0px;
}

.search-box p { color:#999;}
.search-box a { color: #999; }
.search-box a:hover { color: #FFF; }


.search-item-title h3 { width: 360px; border-top: 1px solid #666; float: left; margin-right: 20px;}
.search-item-category { width: 145px; float: left; border-top: 1px solid #666; color: #999; margin-right: 20px;}
.search-item-date { width: 80px; float: left; border-top: 1px solid #666; color: #999; }

.post-line { 
	border-top: 1px solid #666; 
	width: 360px; 
	margin-right: 20px; 
	float: left;
	padding-top: 5px;
}

.category-line { 
	float: left; 
	width: 145px; 
	border-top: 1px solid #666; 
	margin-right: 20px; 
}
.date-line { 
	float: left; 
	width: 80px; 
	border-top: 1px solid #666; 
}

#search-navigation { float: left; clear: both;}

/* SEARCH STYLES*/


#content.large-margin, #box-container.large-margin, #referenzen-box-container.large-margin, #interessantes-content.large-margin { bottom: 100px;}
#header-menu.large-margin-top { top: 60px;}