@charset "utf-8";
/* CSS Document 
Stylesheet getestet für:
Opera 9
IE7, IE6
Firefox
*/

body, html	{
			margin: 0;
			height:100%;
			padding: 0;
			font-size:12px;
			color:#393939;
			line-height:18px;
			font-family: arial, helvetica, sans-serif;
}

body {
			background-image:url(pictures/hg.gif);
			background-repeat:repeat-y;
			background-color:#132222;


}

body.blau	{
			background-color:#1B2230;
			background-image:url(pictures/hg_blau.gif);
}

body.orange	{
			background-color:#221313;
			background-image:url(pictures/hg_orange.gif);
}

body.grau	{
			background-color:#1A1A1A;
			background-image:url(pictures/hg_grau.gif);
}
		
#navigation {
			position:absolute;
			top:130px;
			left:100px;
			width:502px;
			height:36px;
			z-index:100;
}
		
#total {
			background-color:#EBEBEB;
			position:relative;
			min-width:750px;
}

* html #total {
			background-color:#EBEBEB;
			position:relative;
			width:1050px;
}
		
#abdeckung {
			position:fixed;
			height:2000px;
			right:0px;
			width:88px;
			top:0px;
			background-color:#132222;
			overflow:hidden;
}

#abdeckung.blau {
			background-color:#131822;
}

#abdeckung_orange {
			position:fixed;
			height:1300px;
			right:0px;
			width:88px;
			top:0px;
			background-color:#221313;
			overflow:hidden;
}

#abdeckung_grau {
			background-color:#1A1A1A;
			position:fixed;
			height:1300px;
			right:0px;
			width:88px;
			top:0px;
			overflow:hidden;
}

/* Für IE6   */


* html #abdeckung {
			position:absolute;
			height:1400px;
			right:0px;
			width:88px;
			top:0px;
			background-color:#132222;
			overflow:hidden; 
}

* html #abdeckung_orange {
			position:absolute;
			height:1300px;
			right:0px;
			width:88px;
			top:0px;
			background-color:#221313;
			overflow:hidden;
}

* html #abdeckung_grau {
			position:absolute;
			height:1300px;
			right:0px;
			width:88px;
			top:0px;
			background-color:#1A1A1A;
			overflow:hidden;
}


/* Für Opera 8 und Opera 9 */
@media screen and (min-width: 0px){ #abdeckung {
		height:100%;
		position:fixed;
		right:0px;
		top:0px;
		background-color:#132222;
		overflow:hidden;
}}
@media screen and (min-width: 0px){ #abdeckung_orange {
		height:100%;
		position:fixed;
		right:0px;
		top:0px;
		background-color:#221313;
		overflow:hidden;
}}
@media screen and (min-width: 0px){ #abdeckung_blau {
		height:100%;
		position:fixed;
		right:0px;
		top:0px;
		background-color:#221313;
		overflow:hidden;
}}
@media screen and (min-width: 0px){ #abdeckung_grau {
		height:100%;
		position:fixed;
		right:0px;
		top:0px;
		background-color:#1A1A1A;
		overflow:hidden;
}}	

#header	{
			height: 124px;
			background-color: #666;
			background-image:url(pictures/header_hg.gif);
			background-repeat:repeat-x;
			position:relative;
}

#header.blau	{
			background-image:url(pictures/header_hg_blau.gif);
}

#header_orange	{
			background-image:url(pictures/header_hg_orange.gif);
			height: 124px;
			background-color: #666;
			background-repeat:repeat-x;
			position:relative;
}

#header_grau	{
			background-image:url(pictures/header_hg_grau.gif);
			height: 124px;
			background-color: #666;
			background-repeat:repeat-x;
			position:relative;
}
		
#header_bild {
			height: 291px;
			background-color: #666;
			background-image:url(pictures/header_bild_hg.gif);
			background-repeat:repeat-x;
			position:relative;
}

#header_bild.blau {
			background-image:url(pictures/header_bild_hg_blau.gif);
}

#header_bild_orange {
			background-image:url(pictures/header_bild_hg_orange.gif);
			background-color: #666;
			background-repeat:repeat-x;
			position:relative;
}

#header_bild_grau {
			background-image:url(pictures/header_bild_hg_grau.gif);
			background-color: #666;
			background-repeat:repeat-x;
			position:relative;
}
		
#header_right {
			position:absolute;
			height: 124px;
			width:114px;
			background-image:url(pictures/header_2.gif);
			right:0px;
			top:0px;
}

#header_right.blau {
			background-image:url(pictures/header_2_blau.gif);
}

#header_right_orange {
			background-image:url(pictures/header_2_orange.gif);
			position:absolute;
			height: 124px;
			width:114px;
			right:0px;
			top:0px;
}

#header_right_grau {
			background-image:url(pictures/header_2_grau.gif);
			position:absolute;
			height: 124px;
			width:114px;
			right:0px;
			top:0px;
}
		
#footer_right {
			position:absolute;
			height: 63px;
			width:114px;
			background-image:url(pictures/footer_2.gif);
			right:0px;
			top:0px;
}

#footer_right.blau {
			background-image:url(pictures/footer_2_blau.gif);
}

#footer_right_orange {
			background-image:url(pictures/footer_2_orange.gif);
			position:absolute;
			height: 63px;
			width:114px;
			right:0px;
			top:0px;
}

#footer_right_grau {
			background-image:url(pictures/footer_2_grau.gif);
			position:absolute;
			height: 63px;
			width:114px;
			right:0px;
			top:0px;
}
		
#header_bild_right {
			position:absolute;
			height: 299px;
			width:472px;
			background-image:url(pictures/header_bild_2.jpg);
			right:0px;
			top:0px;
}
		
#header_bild_right.blau	{
			background-image:url(pictures/header_bild_2_blau.jpg);
}

#header_bild_right_orange {
			background-image:url(pictures/header_bild_2_orange.jpg);
			position:absolute;
			height: 299px;
			width:472px;
			right:0px;
			top:0px;
}

#header_bild_right_grau	{
			background-image:url(pictures/header_bild_2_grau.jpg);
			width:498px;
			position:absolute;
			height: 299px;
			right:0px;
			top:0px;
}
		
#col_bild_right {
			position:absolute;
			width:472px;
			right:0px;
			top:0px;
}
		
#col1, #col1_orange {
			float:left;
			background-image:url(pictures/gutter_hg.gif);
			background-repeat:repeat-y;
			padding-left:120px;
			padding-top:30px;
			padding-bottom:30px;
			padding-right:500px;
}

* html #col1, * html #col1_orange, * html #col1.blau, * html #col1_grau {
		float:none;
}

#col1 p, #col1_grau p, #col1_orange p {
			margin-top:0px;
			margin-bottom:20px;
}
		
#col1.blau	{
			background-image:url(pictures/gutter_hg_blau.gif);
}

#col1_orange {
			background-image:url(pictures/gutter_hg_orange.gif);
}

#col1_grau	{
			background-image:url(pictures/gutter_hg_grau.gif);
			float: left;
			background-repeat:repeat-y;
			padding-left:120px;
			padding-top:30px;
			padding-bottom:30px;
			padding-right:500px;
}


		
#col1 a, #col2 a {
			color:#1C3232;
}
		
#column_total {
			float: left;
			z-index:6;
}	

* html #column_total {
				position:relative;
}

#column_total tr {
	vertical-align:top;
}	
		
#col2 {
			position:absolute;
			right:0px;
			width: 472px;
			margin-right:0px;
			background-image:url(pictures/col2_hg.gif);
			background-repeat:repeat-y;
			float: left;
			line-height:16px;
			z-index:10;
}


#col2.blau	{
			background-image:url(pictures/col2_hg_blau.gif);
				z-index:10;
}

#col2_orange	{
			background-image:url(pictures/col2_hg_orange.gif);
			position:absolute;
			right:0px;
			width: 472px;
			margin-right:0px;
			background-repeat:repeat-y;
			float: left;
			line-height:16px;
				z-index:10;
}

#col2_grau	{
			background-image:url(pictures/col2_hg_grau.gif);
			position:absolute;
			right:0px;
			width: 472px;
			margin-right:0px;
			background-repeat:repeat-y;
			float: left;
			line-height:16px;
			z-index:10;
}

* html #col2 {
			position:absolute;
			left:578px;
			width: 472px;
			margin-right:0px;
			background-image:url(pictures/col2_hg.gif);
			background-repeat:repeat-y;
			float: left;
			line-height:16px;
			top:0px;
}

* html #col2_orange {
			position:absolute;
			width: 472px;
			margin-right:0px;
			background-image:url(pictures/col2_hg_orange.gif);
			background-repeat:repeat-y;
			float: left;
			line-height:16px;
			top:0px;
			left:578px;
}

* html #col2_grau {
			position:absolute;
			width: 472px;
			left:578px;
			background-image:url(pictures/col2_hg_grau.gif);
			background-repeat:repeat-y;
			float: left;
			line-height:16px;
			top:0px;
}
		
#inhalt_col2 {
			margin-left:30px;
			margin-top:30px;
			width:310px;
}
		
img {
			display:block;
}
		
#footer	{
			clear: both;
			height: 63px;
			width:100%;
			background-image:url(pictures/footer_hg.gif);
			background-repeat:repeat-x;
			position:relative;
}

#footer.blau {
			background-image:url(pictures/footer_hg_blau.gif);
}

#footer_orange {
			background-image:url(pictures/footer_hg_orange.gif);
			clear: both;
			height: 63px;
			width:100%;
			background-repeat:repeat-x;
			position:relative;
}

#footer_grau {
			background-image:url(pictures/footer_hg_grau.gif);
			clear: both;
			height: 63px;
			width:100%;
			background-repeat:repeat-x;
			position:relative;
}

#impressum {
			position:absolute;
			left:120px;
			top:20px;
			color:#FFFFFF;
}

#impressum a {
			color:#FFFFFF;
}

h2 {
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			color:#393939;
			font-weight:bold;
			line-height:18px;
			padding-top:10px;
}
		
h1 {
			font-family:Arial, Helvetica, sans-serif;
			font-size:24px;
			color:#393939;
			font-weight:normal;
			line-height:28px;
			margin-top:0px;
}

h3 {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#393939;
			font-weight:bold;
			line-height:18px;
			margin-top:0px;
}



cite {
			font-size:14px;
			background-color:#D5E6B9;
			display:block;
			padding:10px;
			border: 1px dotted #78AA23;
			margin-bottom:30px;
}

#col1_orange cite {
			background-color:#F5B97E;
			border-color:#F16600;
}

.blau cite {
			background-color:#aad0f6;
			border-color:#003366;
}	

*html cite {
			font-size:14px;
			background-color:#D5E6B9;
			display:block;
			padding:5px;
			border: 1px dotted #78AA23;
			margin-bottom:30px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {margin:10px 0 100px 29px; position:relative; width:735px; height:25px; z-index:100;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block;width:120px; font-size:14px; color:#1D3333; height:36px; line-height:24px; text-decoration:none; text-indent:5px; border:1px solid #FFF; border-width:0 0 0 0;}

#pmenu li ul li a, #pmenu li ul li a:visited {display:block;width:220px; font-size:12px; color:#1B3030; height:27px; line-height:28px; text-decoration:none; text-indent:15px; border:1px solid #FFF; border-width:0 0 0 0; background-color:#EBEBEB;}


#pmenu li ul li {background-color:#DFDFDF; color:#353535; filter: alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
#pmenu li ul li a:hover {background-color:#DFDFDF; color:#353535; filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}
/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
#pmenu li {float:left; background-color:#EBEBEB;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 20px 20px 20px; background:transparent url(transparent.gif); width:120px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:26px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; }

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {}

/* Set up the pointers for the sub level indication */
#pmenu li.fly {}
#pmenu li.drop {}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:26px; left:-31px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */

div.referenzobjekt  {
	float:none;
	margin:0px;
	padding:0px;
	width:100%;
}

div.referenzobjekt img {
	float:left;	
	margin:0px;
	padding:0px;
	padding-bottom:20px;
	border:none;
	padding-right:10px;
}

div.referenzobjekt img:first-child {
	padding-right:10px;
}

* html div.referenzobjekt img {
	float:none;
}

div.referenzobjekt h3 {
	padding-top:10px;
}

#inhalt_col2 div#aktuelles_projekt_printdesign a.pfeil {
	background-image:url(pictures/arrow_green.gif);
	background-repeat:no-repeat;
	padding-left:22px;
	color:#2B480F;
}

#inhalt_col2 div#aktuelles_projekt_webdesign a.pfeil {
	background-image:url(pictures/arrow_blue.gif);
	background-repeat:no-repeat;
	padding-left:22px;
	color:#002B5A;
}

#inhalt_col2 div#aktuelles_projekt_consulting a.pfeil {
	background-image:url(pictures/arrow_red.gif);
	background-repeat:no-repeat;
	padding-left:22px;
	color:#D03E1D;
}

#inhalt_col2 div#aktuelles_projekt_unternehmen a.pfeil {
	background-image:url(pictures/arrow_grey.gif);
	background-repeat:no-repeat;
	padding-left:22px;
	color:#333333;
}

#col1 a {
	color:#2B480F;
}

#col1_orange a {
	color:#D03E1D;
}

#col1_grau a {
	color:#333333;
}

#col1.blau a {
	color:#002B5A;
}

img.bild_rechts {
	float:right;
	border:none;
}

img.bild_links {
	float:left;
}

div.bilder {
	width:100%;
	margin:0px;
	padding:0px;
}
div.bilder_ohne {
	width:100%;
	margin:0px;
	padding:0px;
}
div.bilder img {
	float:left;
	margin-right:30px;
	border:none;
	padding-bottom:20px;
}

div.bilder object {
	margin-right:30px;
	margin-bottom:20px;
	border: 1px solid #666666;
}

div.bilder_ohne img {
	float:left;
	margin-right:30px;
	border:none;
}

.Surname {
visibility: hidden;
height:0px;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}