/* CSS Design by Adwerba/Kaltenbrunner */
body {
	background: #2c2825;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	height: 800px;
}
a, a:visited {
color: #003c75;
}

img { 
border:none; 
}


#top {
width: 100%;
height: 121px;
background: url(../images/bg_top.jpg) repeat-x;
position: absolute;
top: 0;
}

#top-content {
width: 1000px;
height: 116px;
margin: 0 auto;
background: none;
position:relative;
}

#logo {
width: 347px;
height: 116px;
position:relative;
float:left;
border: none;
margin-left: 20px;
}

#logo img {
border: 0;
}


#navigation {
width: 750px;
height: 60px;
background: none;
position:absolute;
right: 0;
top: 45px;
}

* html #navigation {
top: 66px;
height: 50px;
}

*:first-child+html #navigation {
top: 66px;
height: 50px;
}

#navigation ul {
float: right;
}

#main {
width: 100%;
height: 470px;
background: url(/images/bg_main.jpg) repeat-x;
position: absolute;
top: 121px;
}
#main_kontakt {
width: 100%;
height: 470px;
background: url(/images/bg_main.jpg) repeat-x;
position: absolute;
top: 0;
padding-bottom: 120px;
}
#main_team {
width: 100%;
height: 470px;
background: #fff;
position: absolute;
top: 0;
padding-bottom: 120px;
}
#maincontent_index {
width: 1000px;
height: 470px;
position: relative;
margin: 0 auto;
background: #fff;
}

#maincontent_index a, a:visited {
	color: #003C75;
	text-decoration: none;
}

#maincontent_index a:hover {
	text-decoration:underline;
}

#maincontent {
width: 1000px;
height: 470px;
position: relative;
margin: 0 auto;
background: url(../images/bg_main1.jpg) no-repeat;
}
#maincontent_partnernetzwerk {
width: 1000px;
height: 470px;
position: relative;
margin: 0 auto;
background: url(../images/sujet_start12.jpg) no-repeat;
}
#maincontent_profil {
width: 1000px;
height: 470px;
position: relative;
margin: 0 auto;
background: url(../images/sujet_start01.jpg) no-repeat;
}
#maincontent_kontakt {
width: 1000px;
height: 470px;
position: relative;
margin: 0 auto;
background: url(../images/sujet15.jpg) no-repeat;
top: 120px;
}
#maincontent_team {
width: 1000px;
height: 470px;
position: relative;
margin: 0 auto;
background: url(../images/sujet_start13.jpg) no-repeat;
}
#maincontent_referenzen {
width: 1000px;
height: 470px;
position: relative;
margin: 0 auto;
background: url(../images/sujet18b.jpg) no-repeat;
}

#maincontent_gallery {
margin-left: 20px;
}

h1 {
margin: 20px 20px 20px 20px;
padding: 2px 5px 2px 5px;
background: #000;
color: #fff;
font-size: 14px;
text-transform:uppercase;
}

p {
margin: 20px 20px 20px 20px;
padding: 0 0 0 0;
color: #000;
line-height: 1.5;
}



#pics {
width: 355px;
height: 470px;
position: relative;
float: left;
}

#mainleft {
width: 512px;
height: 470px;
position: relative;
float: right;
}

#mainright {
	width: 488px;
	height: 470px;
	position: relative;
	float: right;
	background: url(/images/mainright_index.jpg) no-repeat;
}

#mainright_unserangebot {
	width: 488px;
	height: 470px;
	position: relative;
	float: right;
	background: url(/images/mainright_unserangebot.jpg) no-repeat;
}

#mainright_partner {
	width: 488px;
	height: 470px;
	position: relative;
	float: right;
	background: url(/images/mainright_partner.jpg) no-repeat;
}

#mainright_multimedia {
	width: 488px;
	height: 470px;
	position: relative;
	float: right;
	background: url(/images/mainright_multimedia.jpg) no-repeat;
}

#mainright_referenzen {
	width: 488px;
	height: 470px;
	position: relative;
	float: right;
	background: url(/images/mainright_referenzen.jpg) no-repeat;
}

#mainright h2{
	margin: 20px 20px 20px 20px;
	color: #003c75;
	font-size: 14px;
	
}

#mainright p{
	margin: 20px 20px 10px 20px;
	color: #666666;
	font-size: 11px;
}

#mainright ul {
	padding: 20px 0 20px 20px;
	margin: 0;
} 

#mainright li {
	list-style:none;
	padding-bottom: 5px;
} 

#mainright li a {
	text-decoration: none;
	color: #003c75;
	background: none;
	font-size: 11px;
}

#mainright li a:hover {
color: #000;
}

#mainright li.active a {
color: #000;
}

#impressum {

float:left;
height:450px;
margin:0;
padding-top:20px;
position:relative;
width:250px;
background: url(/images/tabs_bg.png) repeat-y;
}

#impressum a, a:visited {
	color: #003c75;	
}
#footer {
width: 100%;
height: 107px;
background: #2c2825 url(../images/bg_footer.jpg) repeat-x;
position:absolute;
top:590px;
text-transform:uppercase;
font-size: 11px;
}


* html #footer {
height: 100%;
}

#footer-content {
width: 1000px;
margin: 0 auto;
height: 120px;
}

#footer-content p {
margin: 0;
padding: 20px 0 0 0;
float: right;
top: 20px;
color: #666666;
}

#footer-content a, a:visited, a:hover, a:active {
color: #EEE; !important;
text-decoration:none;
}


/* MENÜ TOP */

#navigation li {
float: left;
list-style:none;
text-transform:uppercase;
padding-left: 17px;

} 

* html #navigation li {
line-height: 20px;
} 

*:first-child+html #navigation li {
line-height: 20px;
} 

#navigation li a {
text-decoration: none;
color: #b6c0cb;
background: #003c75;
padding: 3px 5px 3px 5px;
font-size: 11px;
border-bottom: #000 1px solid;
border-right: #000 1px solid;
}

* html #navigation li a {
padding: 7px 7px 7px 7px !important;
}

#navigation li a:hover {
color: #e1e5ea;
background: #2f6095;
border-bottom: #000 1px solid;
border-right: #000 1px solid;
}

#navigation li.active a {
color: #e1e5ea;
background: #2f6095;
}

/* KONTAKTFORMULAR */

#contact_form_holder {  
	font-family:Arial;
	font-size: 11px;
	width:425px;
}  

#contact_form_holder p {  
margin: 10px 0 0 20px;
padding: 10px 0 0 20;

}

#contact_form_holder input, #contact_form_holder textarea {  
	width:375px; /* make all the inputs and the textarea same size (100% of the div they are into) */  
	padding: 2px 3px 2px 3px; /* and make a custom padding, you can set whatever you like */  
	margin-left: 20px;
	font-size:11px;
}  
#contact_form_holder textarea {  
	height:60px; /* i never liked small textareas, so make it 100px in height */  
}  
#send_message {  
	width:200px !important; /* the width of the submit button  */  
	cursor:pointer;  
	cursor:hand; 
	margin-left: 0px !important; 
	background:#D4D4D4 none repeat scroll 0 0;
	border:1px solid #666666;
	color:#666666;
}  
#cf_submit_p { text-align:rightright; } /* show the submit button aligned with the right side */  
  
/* styling */  
  
.success {  
	display: none; /* hide the sucess div */  
/* add some styling */  
	padding:10px;  
	color: #044406;  
	font-size:12px;  
	background-color: #B7FBB9;  
}  
  
#contact_logo { vertical-align: middle; }  
.error img { vertical-align:top; } 

/* TABS PROFIL */

  #tabs {
  font-size: 11px;
 }
 
 #tabs ul {
float:left;
height:450px;
margin:0;
padding-top:20px;
position:relative;
width:170px;
background: url(/images/tabs_bg.png) repeat-y;
padding-left:0;

}
 #tabs li {
 list-style: none;
 float: left;
 width: 170px;
 }
 * html #tabs li {
 display: inline; /* ie6 double float margin bug */
 width: 200px;
 }
 
 *:first-child+html #tabs li {
 width: 200px;
 }
 

 #tabs li a {
 padding-bottom: 5px;
 text-transform:uppercase;
 margin-left: 5px;
 padding-right: 15px;


 }
 
  #tabs li {
 background-color: #003C75;
 border-bottom: #000 1px solid;
 border-right: #000 1px solid;
 padding:3px 5px;
 margin-top: 3px;
 width: 159px;
  }
  
 #tabs li:hover {	 
 background-color: #2F6095;
 text-decoration: none;

 }

 
 #tabs ul li a {
 text-decoration: none;
 color: #FFF;
 
 }
 
  #tabs ul li a:hover {
 text-decoration: none;
 color: #FFF;
 
 }


	 
 #tabs ul li.active {
	 
	 background-color: #2F6095;
 
 }
 #tabs ul li.active a {
 
 color: #003c75;
 }
 #tabs div {
	clear:both;
	height:470px;
	left:355px;
	position:absolute;
	width:425px;
	top: 0;
 }

 #tabs div p {
height:50px;
margin:0;
padding:0 10px 5px 20px;
display: block;
float: left;
width: 390px;
 }
 

 #tabs div img {
float: left;
height:50px;
padding-right:10px;
width:40px;
border: 0;
 }
 
/*  --- Formulare ---  */

form {
margin-top: 40px;
}


input ,
select {
	color:black;
}
.error {
	color:red;
	vertical-align: top;
}
.input {
	width:250px;
	vertical-align: top;
}
form table td {
	padding-bottom:2px;
	font-size: 11px;
}
form table h2 {
	margin-top:8px;
	margin-bottom:0px;
}
form table h3 {
	margin-top:8px;
	margin-bottom:0px;
}
form label
form .left {
	float:left;
	text-align:left;
	font-size: 11px;
}
form label:hover {
	color:#003c75;
}
form label.indent {
	padding-left:20px;
}
form tr.space td {
	padding-top:6px;
}

form span label {
	float:none;
}

table.data {
	margin-top:5px;
	margin-bottomp:5px;
}

table.data td {
	padding:2px 5px 2px 5px;
}
#CMD_action_send {
float: right;
border: 0;
color: #b6c0cb;
background: #003c75;
font-weight: bold;
}