/********** Grundformatierung **********/

@import url(typostyle.css);


/********** Allgemein **********/
body
{
	background:#1c2632;
	margin:0;
	padding:0;
	font-family:Verdana,Arial,Tahoma;
	font-size:12px;
	line-height:16px;
	color:#2c3b51;
}

td,p,div
{
	font-family:Verdana,Arial,Tahoma;
	font-size:12px;
	color:#2c3b51;
}
p
{
	margin:0px 0px 12px 0px;
	padding:0;
}

.clear { clear:both; }
*html .clear { clear:both; font-size:0px; height:0px; width:0px; background:#2c3b51; }

.floatL { float:left; }
.floatR { float:right; }
.clear { clear:both; font-size:0px; height:0px; }
.white { color:#fff; }
.hand { cursor:pointer; }
.halfSpace { font-size:0px; height:5px; }
.fullSpace { font-size:0px; height:10px; }
.rtl { text-align:right; }


/********** Formulare **********/
.tfield {
	margin:0px;
	padding:4px 2px 4px 2px;
	background-color:#fff;
	border:1px solid #d1e0ed;
	width:294px;
	font-family:Verdana,Arial,Tahoma;
	font-size:15px;
}

.err { background-color:#fcc; border:1px solid #666666; }
.errText { color:#990000; }
textarea { overflow:auto; }
input.tbutt_contact, input.tbutt_login, a.download:link, a.download:active, a.download:visited {
	margin:0px;
	padding:7px 10px 7px 10px;
	background:#d1e0ed;
	border:0px solid #d1e0ed;
	font-family:Verdana,Arial,Tahoma;
	font-weight:bold;
	font-size:12px;
	color:#2c3b51;
	text-decoration: none;
	cursor: pointer;
	line-height:27px;
}


/*** Wichtig alleine für IE 7 ***/
* + html input.tbutt_contact, * + html input.tbutt_login {
	padding:0px;
}

/*** Wichtig für IE 6 und älter ***/
*html input.tbutt_contact, *html input.tbutt_login {
	padding:0px;
}

input.tbutt_login { background:#2c3b51; color:#ffffff; }
input.tbutt_contact:hover, input.tbutt_login:hover, a.download:hover {
	background:#d8004b;
	color:#ffffff;
	cursor:pointer;
}


/********** Alle Links **********/
a:link, a:active, a:visited
{
	color:#2c3b51;
	text-decoration:underline;
	outline:none;
}
a:hover
{
	color:#0064B4;
	text-decoration:underline;
	outline:none;
}



/********** Layout **********/
#layout {
	margin:0px auto;
	padding:0px;
	width:990px;
}

/********** Header **********/
#header {
	background: url('../images/header.png') no-repeat;
	margin:0;
	padding:0px 80px 0px 0px;
	width:910px;
	height:108px;
	text-align:right;
}

#header_home {
	margin:0;
	padding:0px 80px 0px 0px;
	width:910px;
	height:612px;
	text-align:right;
}

/********** Navigation **********/
#navigation {
	background:#2c3b51;
	margin:0;
	padding:0px 20px 0px 30px;
	width:940px;
}

#navigation_home {
	background:#2c3b51;
	margin:0px;
	padding:16px 30px 16px 30px;
	width:930px;
}

#navigation .mainnavi, #navigation_home .mainnavi {
	margin:0px;
	padding:0px;
	width:550px;
	float:left;
}

#navigation .mainnavi_zusatz, #navigation_home .mainnavi_zusatz {
	margin:0px;
	padding:0px;
	width:375px;
	float:right;
}

#navigation ul, #navigation_home ul {
	list-style:none;
	padding:0;
	margin:0;
}

#navigation ul li, #navigation_home ul li {
	padding:0;
	margin:0px 15px;
	float:left;
}

#navigation ul li.no_mainnavi, #navigation_home ul li.no_mainnavi {
	margin:0px;
	padding:8px 27px;
	display:block;
	color:#74788a;
	text-decoration:none;
	font-weight:normal;
 	font-family:Verdana,Arial,Tahoma;
 	font-size:15px;
	float:left;
}

#navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited,
#navigation_home ul li a:link, #navigation_home ul li a:active, #navigation_home ul li a:visited {
	margin:0px;
	padding:8px 12px;
	display:block;
	color:#d1e0ed;
	text-decoration:none;
	font-weight:normal;
 	font-family:Verdana,Arial,Tahoma;
 	font-size:15px;
}

#navigation ul li a:hover, #navigation ul li a.on,
#navigation_home ul li a:hover, #navigation_home ul li a.on {
	color:#dd7883;
	text-decoration:none;
}

/********** Produktnavigation **********/
#productnavi {
	margin:0;
	padding:0px;
}

#productnavi ul {
	list-style:none;
	padding:0;
	margin:0px;
}

#productnavi ul ul {
	list-style:none;
	padding:0;
	margin:-20px 0px 20px 180px;
}

#productnavi ul li {
	padding:0;
	margin:0px 15px;
	color:#af0441;
	text-decoration:none;
	font-weight:bold;
 	font-family:Verdana,Arial,Tahoma;
 	font-size:13px;
}

#productnavi ul ul li a:link, #productnavi ul ul li a:active, #productnavi ul ul li a:visited {
	margin:0px;
	padding:5px;
	width:200px;
	display:block;
	color:#2c3b51;
	text-decoration:none;
	font-weight:normal;
 	font-family:Verdana,Arial,Tahoma;
 	font-size:12px;
}

#productnavi ul ul li a:hover, #productnavi ul ul li a.on {
	color:#dd7883;
	text-decoration:none;
}



/********** Layer **********/
#container {
	background: #f0f3f6;
	margin:0;
	padding:40px 45px 15px 60px;
	min-height:485px !important;
}

*html #container {
	height:470px;
}


#container .team {
	margin:0px auto;
	padding:0px;
	width:841px;
}

#container .login {
	background: url('../images/bg_login.gif') no-repeat;
	margin:0px auto;
	padding:68px 100px 70px 80px;
	width:188px;
	height:267px;
	text-align:center;
}


#container .team .bodyText h1 {
	margin:0;
	padding:0px 0px 46px 0px;
}

#container .team .bodyText .imageSpace {
	margin:0;
	padding:0px;
	width:27px;
}


#container .contentBoxLeft {
	margin:0;
	padding:0px;
	width:390px;
	float:left;
}

#container .contentBoxRight {
	margin:0px 0px 0px 35px;
	padding:0px;
	width:440px;
	float:right;
}

#container .contentBoxLeft_Contact {
	margin:0;
	padding:0px 10px 0px 0px;
	width:230px;
	float:left;
}

#container .contentBoxRight_Contact {
	margin:0px;
	padding:0px;
	width:640px;
	float:right;
}


/*** Referenzen ***/
.referenz_container {
	background:#f0f3f6;
	margin:0px;
	padding:48px 0px 0px 0px;
	width:990px;
	height:492px;
	overflow:hidden;
}

.referenz_container .left_container {
	background:#e2ebf4;
	margin:0px;
	padding:30px 45px 0px 45px;
	width:150px;
	height:360px;
}

.referenz_container .right_container {
	background:#e2ebf4;
	margin:0px;
	padding:0px;
	width:750px;
	height:390px;
	overflow:hidden;
}

.referenz_container .referenz_info {
	margin:0px;
	padding:20px 0px 0px 240px;
	width:750px;
	height:80px;
	overflow:hidden;
}


.hand { cursor:pointer; }

.refimg, .refimg_on {
	background:#ffffff;
	margin:0px;
	padding:0px;
	width:25px;
	height:390px;
	overflow:hidden;
	float:left;
}

.refimg img {
	cursor:pointer;
	
	/* CSS3 standard */
	opacity:0.40;
		
	/* for IE */
	filter:alpha(opacity=40);
	
	/* for old Mozilla */
	-moz-opacity:0.40;
}

.refimg_on {
	width:325px;
}

.refimg_on img, .refimg img.on {
	/* CSS3 standard */
	opacity:1.00;
		
	/* for IE */
	filter:alpha(opacity=100);
	
	/* for old Mozilla */
	-moz-opacity:1.00;
}

.refinfo {
	margin:0px;
	padding:0px;
	width:25px;
	visibility: hidden;
	float:left;
	overflow:hidden;
}

.refinfo_on  {
	visibility: visible;
	width:325px;
	float:left;
	overflow:hidden;
}

.refinfo h1, .refinfo_on h1 {
	margin:0px;
	padding:0px;
	font-size:13px;
	font-weight:bold;
}