header, nav, footer, article, section, aside {
	display:block;
}

body { min-width:1024px; }

img { border:0; }

@font-face {
	font-family:'MPR';
	src:url('../fonts/mpr-webfont.eot');
	src:url('../fonts/mpr-webfont.svg#MPR') format('svg'),
	url('../fonts/mpr-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/mpr-webfont.woff') format('woff'),
	url('../fonts/mpr-webfont.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
#main-header #logo {height:90px;}
#main-header {height:90px;}
#more-products {margin-bottom:30px;}
#more-teaser {margin-bottom:50px;}
#more-blurb {margin-top:25px; margin-bottom:25px}
#wp {margin-top:25px; margin-bottom:25px}
#more-config {margin-top:25px; margin-bottom:25px}
#more-blurb #blog {}
#main-footer {height:200px;}

#hfwrap {width:100%; background:transparent url(../img/header-bg.jpg) no-repeat; height:350px; position:relative; background-size:100% 350px;}
#hfwrap-server-bg {width:100%; background:transparent url(../img/server-bg.jpg) no-repeat; height:350px; position:relative; background-size:100% 350px;}
#hfwrap-enterprise-bg {width:100%; background:transparent url(../img/enterprise-bg.jpg) no-repeat; height:350px; position:relative; background-size:100% 350px;}
#hfwrap-dienstleistungen-bg {width:100%; background:transparent url(../img/dienstleistungen-bg.jpg) no-repeat; height:350px; position:relative; background-size:100% 350px;}
#hfwrap-unternehmen-bg {width:100%; background:transparent url(../img/unternehmen-bg.jpg) no-repeat; height:350px; position:relative; background-size:100% 350px;}
#hfwrap-globe-bg {width:100%; background:transparent url(../img/globe-bg.jpg) no-repeat; height:350px; position:relative; background-size:100% 350px;}
#hfwrap-colo-bg {width:100%; background:transparent url(../img/colo-bg.jpg) no-repeat; height:350px; position:relative; background-size:100% 350px;}
#hfwrap-contact-bg {width:100%; background:transparent url(../img/contact-bg.jpg) no-repeat; height:350px; position:relative; background-size:100% 350px;}
#hfwrap-cloud-bg {width:100%; background:transparent url(../img/cloud-bg.jpg) no-repeat; height:350px; position:relative; background-size:100% 350px;}
#lnwrap {width:100%; background:transparent url(../img/nav-bg.png) repeat-x;}
#hfwrap2 {width:100%;height:350px;position:absolute;}
#hfwrap2-network-map{width:100%;height:350px;position:absolute;background:transparent url(../img/network-map.png) no-repeat 50% 0;}
#hfwrap3 {
	height:340px; 
	width:100%; 
	border-bottom:10px solid rgba(255, 255, 255, 0.5);
}

a {text-decoration:none;}
a:link {
	color:#FC1003;
}
a:visited {
	color:#FC1003;
}
a:hover {
	color:#FC1003;
}

.kontaktform {
	font:15px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	color:#4f4f4f;
	padding:0 0 20px 0;
}

.kontaktform input{
	font:14px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;color:#4f4f4f;width:100%;min-height:20px;
}
.kontaktform input#submit{
	width:150px;
	min-height:30px;
}
.kontaktform textarea {
	font:14px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;color:#4f4f4f;width:100%;
}

.bild { margin:48px 0px 32px 32px; }

.hervor { color:#FC1003; 	margin-left:-10px;	margin-right:-10px; font:15px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;}

.center { text-align:center; }

.button a {
	padding:10px 15px;
	text-transform:uppercase;	
	font:15px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	display:block;
	text-align:center;
	color:#FC1003;

	/*background gradients */
	background:#eee;
	background:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(207,207,207)), color-stop(1, rgb(255,255,255)));
	background:-moz-linear-gradient(center bottom, rgb(207,207,207) 0%, rgb(255,255,255) 100%);
	
	/* border radius */
	-webkit-border-radius:0.8em;
	-moz-border-radius:0.8em;
	border-radius:10px;
	border:1px solid #fff;
	
	/* text shadow */
	text-shadow:1px 1px 0px #fff;
	
	/* box shadow*/
	-moz-box-shadow:0 1px 3px #333;
	-webkit-box-shadow:0 1px 3px #333;
	box-shadow:0 1px 3px #333;
	
}

.button a:hover {
	background:#fff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(207,207,207)), color-stop(1, rgb(250,250,250))); 
	background:-moz-linear-gradient(center top, rgb(207,207,207) 0%, rgb(250,250,250) 100%);
}

.button a:active {
	margin-top:1px;
}
:focus {outline:none;}
/*button::-moz-focus-inner {border:0;} */

/* @header
=======================*/
#logo {
	background:transparent url(../img/logo-site-hl.png) no-repeat;
	text-indent:-7777em;
}
#logo a {
	display:block;
	width:300px;
	height:75px;
}
#logo a:hover {
	background:none;
}
#nav {position:absolute;z-index:500;margin-left:420px;margin-top:32px;height:58px;}
#main-nav {position:relative;margin:0;padding:0;height:58px;}
#main-nav h1 {text-indent:-7777em;}
#main-nav li{
	float:left;
	display:inline;
	padding:5px 5px 7px 5px;
	text-transform:capitalize;
	position:relative;
}
#main-nav a{
	display:block;
	padding:5px 10px;
	color:#FC1003;
	color:rgba(255,255,255,1);
	font:24px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	text-decoration:none;
	text-shadow:0px 0px 2px #666, 1px 1px 2px #000;
}
#main-nav a:hover{
}

/*--- DROPDOWN ---*/
#main-nav ul{
	background:#1A3879;
	background:rgba(26,56,121,0.7);
	list-style:none;
	position:absolute;
	margin-top:7px;
	margin-left:7px;
	left:-9999px;
	color:#FFF;
        display:block;
        font:16px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	line-height:24x;
	text-shadow:1px 1px 1px #333;
}
#main-nav ul a{
	color:#FFF;
        display:block;
        font:16px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	line-height:24px;
	text-shadow:1px 1px 1px #333;
	white-space:nowrap;
}
#main-nav ul li {
	display:block;
	width:200px;
	float:left;
	padding:0;
}
#main-nav li:hover ul{
	left:0;
}
#main-nav li:hover a{
}
#main-nav li:hover ul a{
}
#main-nav li:hover ul li a:hover{
	background:#132959;
	background:rgba(26,56,121,0.8);
}
#main-nav ul li ul{
	background:none;
	list-style:none;
	display:none;
	position:relative;
	width:200px;
	float:left;
	padding:0;
	margin:0;
	position:absolute;
	margin-top:-34px;
}
#main-nav ul li ul li{
	background:none;
	display:block;
	position:relative;
}
#main-nav ul li:hover a{
	display:block;
	position:relative;
	background:#132959;
	background:rgba(26,56,121,0.8);
}
#main-nav ul li:hover ul{
	display:block;
	margin-left:200px;
}
#main-nav ul li:hover ul li a{
	background:none;
	background:#1A3879;
	background:rgba(26,56,121,0.7);
}
#main-nav ul li:hover ul li a:hover{
	background:none;
	background:#132959;
	background:rgba(26,56,121,0.95);
}


/* @featured
=======================*/
#descrp {
	position:relative;
	top:25px;
}
#descrp h1, #descrp h2 {
	font:30px/1.25 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	color:#1A3879;
	text-shadow:#FFF 0px 0px 1px, #FFF -1px -1px 1px, #FFF 1px 1px 1px, #FFF 0px 0px 3px, #FFF 0px 0px 6px;
}
#descrp h2 {
	font:27px/1.25 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	margin-top:15px;
}
#descrp p {
    font:15px/1.25 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	padding-top:0px; 
	float:left;
	margin-right:30px;
}


/* @server
=======================*/
.server {
	background-image:url(../img/server.png);
	background-repeat:no-repeat;
}
.server h2 {
	padding:10px 0;
	padding-bottom:20px;
	font:24px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	color:#2C468B;
	text-align:center;
}
.server h3 {
	padding:10px 0;
	font:15px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	color:#4f4f4f;
	text-align:center;
}
.server p {
	font:15px/1.8 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	color:#4f4f4f;
	padding:0 0 20px 0;
	text-align:center;
}
.serverbutton {
	width:160px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
.info {
	width:225px;
	float:left;
}
.serverbg {
	background-image:url(../img/server3.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-size:100% 100%;
}
.housingbg {
	background-image:url(../img/server2.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-size:100% 100%;
}
.server2 h2 {
	padding:10px 0;
	padding-bottom:20px;
	font:24px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	color:#2C468B;
	text-align:center;
}
.server2 h3 {
	padding:10px 0;
	font:15px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	color:#4f4f4f;
	text-align:center;
}
.server2 p {
	font:15px/1.8 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	color:#4f4f4f;
	padding:0 0 20px 0;
	text-align:center;
}


/* @more-products
=======================*/
#more-products h1, .product h1 {
	padding:10px 0 0 0;
	border-bottom:1px dotted #333;
	margin:0 10px 20px;
	font:27px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	color:#2C468B;
}
#more-products h2, .product h2 {
    padding:0 0 10px 0;
	font:24px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	color:#2C468B;
}
#more-products h3, .product h3 {
    padding:0 0 10px 0;
	font:18px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	color:#2C468B;
}
.product p {
	font:13px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	color:#4f4f4f;
	padding:0 0 10px 0;
}
#more-products span {
	display:block;
	border-bottom:1px dotted #333;
	margin:0 10px;
}

/* @more-teaser
=======================*/
#more-teaser h1 {
        padding:10px 0 0 0;
        border-bottom:1px dotted #333;
        margin:0 10px 20px;
        font:27px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
        color:#2C468B;
}
#more-teaser h2 {
        padding:10px 0 0 0;
        border-bottom:1px dotted #333;
        margin:0 10px 20px;
        font:24px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
        color:#2C468B;
}
#more-teaser h3 {
        font:18px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
        color:#2C468B;
}
#more-teaser p {
        font:13px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
        color:#4f4f4f;
        padding:0 0 10px 0;
}
#more-teaser span {
        display:block;
        border-bottom:1px dotted #333;
        margin:0 10px;
}


/* @more-blurb
=======================*/
#more-blurb #blurb h1, #more-config #order h1, #wp h1 {
	padding:15px 0 0 0;
	font:27px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	color:#2C468B;
}
#wp h1 {
	padding:0;
}
#more-blurb #blurb h2, #blurb h2, #wp h2 {
	padding:10px 0;
	font:24px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	color:#2C468B;
}
#more-blurb #blurb h3, #blurb h3 {
        padding:0 0 0 20px;
        font:15px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	color:#2C468B;
}
#more-blurb p, #more-blurb ul, #more-blurb #blurb ul, #order p {
	font:15px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	color:#4f4f4f;
}
#more-blurb ul li, #more-blurb #blurb ul li {
	font:15px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	color:#4f4f4f;
	list-style:url(../img/list.gif);
	margin-left:20px;
	min-height:26px;
}
#more-blurb ul, #more-blurb #blurb ul {
	margin-bottom:32px;
}
#more-blurb span {
	display:block;
	border-bottom:1px dotted #333;
	margin:0;
	margin-left:10px;
	margin-right:10px;
}
#blurb p {
	padding:0 0 20px 0;
	font:15px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
        color:#4f4f4f;
}
#blurb span {
	display:inline;
	border:none;
}
#blurb-widget ul {float:left;}
#blurb-widget .button {
	float:right;
	margin:20px 20px 0 0;
}
#blurb-widget ul li {
	position:relative;
	height:80px;
	font:italic normal 15px/1.2 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
}
#blurb-widget ul li p {
	position:absolute;
	top:10px;
	padding:0 20px 0 180px;
}
#blog #blogwrap h2 {
	margin:20px 0 0 0;
	font:18px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	color:#2C468B;
}
#blog #blogwrap h3 {
        margin:15px 0 0 0;
        font:15px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
        color:#2C468B;
}
#blog {background:transparent url(../img/vertsep.png) no-repeat 0 0; background-size:1px 100%;}
#blog #blogwrap {
        font:15px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
        color:#4f4f4f;
	padding:0 0 0 20px;
}
#blog .thumb {
	margin:0 10px 0 0;
	border:3px solid #d1d1d1;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
#blog .thumb {
	float:left; /*border:1px solid black;*/
	margin:5px 0 0 0;
}
#blog .Tahoma, Helvetica, {
	margin:20px 0 0 0;	
	clear:left;
	position:relative;	
}
#blog .title, .blogtext{
	clear:left;
	margin-left:40px;
	position:relative;
}
#blog .title .date{ position:absolute; top:0px; left:-40px; text-align:center; margin:4px 0 0 0; padding:2px 10px 2px 0px; list-style:none; border-right:solid 1px #e2e2e2;}
#blog .title .date .month { display:block; font-size:14px; line-height:14px; color:#999; text-transform:lowercase;}
#blog .title .date .day { display:block; font-size:24px; font-weight:normal; line-height:24px; color:#1A3879; letter-spacing:-1px;}

	#blog #blogwrap h1 a:link {
		margin:0 auto;
		font:18px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
		color:#FC1003;
	}
	#blog #blogwrap h1 a:visited, #blogwrap .Tahoma, Helvetica, p a:visited {
		color:#FC1003;
	}
	#blog #blogwrap h1 a:hover, #blogwrap .Tahoma, Helvetica, p a:hover {
		color:#FC1003;
	}	
	#blog #blogwrap .entry p {
		font-size:13px;
	}	


/* @order
=======================*/	
#order p {
	padding:0 0 20px 0;
}
#order .order {font:15px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;color:#4f4f4f;}
#order .sum {}
#order .orderline {border-top:1px solid;}
#order .sumline {height:20px;border-top:2px solid #2C468B;}
#order .row1 {width:27%;vertical-align:top;text-align:left;padding:20px 0 20px 0;line-height:30px;}
#order .row2 {width:43%;vertical-align:top;text-align:left;padding:20px 0 20px 0;line-height:30px;}
#order .row3 {width:30%;vertical-align:top;text-align:right;padding:20px 0 20px 0;line-height:30px;}
#order .row4 {width:33%;vertical-align:top;text-align:left;padding:20px 0 20px 0;line-height:30px;}
#order .row5 {width:40%;vertical-align:top;text-align:right;padding:20px 0 20px 0;line-height:30px;}
#order .row {vertical-align:top;text-align:left;padding:20px 0 20px 0;line-height:30px;}	
#order table.order input[type=radio] {vertical-align:middle;padding:0;margin:0px 5px 0 0;}
#order table.order input[type=checkbox] {vertical-align:middle;padding:0;margin:0px 5px 0 0;}
#order table.order h3 {font:18px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;color:#2C468B;}
#order .preis, #order .brutto, #order .netto, #order .ust, #order .total {font:18px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;color:#2C468B;}
#order .button a, #order .button a:hover, #order .button a:active {margin-top:20px;margin-bottom:40px;float:right;}
#order .select {font:15px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;color:#4f4f4f;margin-left:4px;}
#order input#submit {
	float:none;
	width:auto;
	margin-left:123px;
}

.tooltip {
	position:relative;
	top:2px;
	left:4px;
	}

.tooltip[data-tooltip]:before {
	position:absolute;
	left:-5px;
	top:-35px;
	background-color:#000000;
	color:#ffffff;
	height:25px;
	line-height:25px;
	border-radius:5px;
	padding:0 15px;
	content:attr(data-tooltip);
	white-space:nowrap;
	display:none;
	}
	
.tooltip[data-tooltip]:after {
	position:absolute;
	left:0px;
	top:-10px;
	border-top:7px solid #000000;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	content:"";
	display:none;
	}
	
.tooltip[data-tooltip]:hover:after, .tooltip[data-tooltip]:hover:before {
	display:block;
	}


/* @footer
=======================*/
	
#footerwrap {
	width:100%; 
	height:60px;
	border-top:1px solid #fff;
}
#fsubwrap1 {
	width:100%;
	height:140px;
}
#fsubwrap2 {
	width:100%;
	height:60px;
	background:url("../img/nav-bg.png") repeat-x scroll 0 0 transparent;
}

#fsub1, #fsub2, #fsub3, #fsub4 {
	margin:30px 0 0 0;
}
#fsub1, #fsub2, #fsub3 {
	border-right:1px solid #777;
}
#fsub2, #fsub3, #fsub4 {
	border-left:1px solid #dedede;
	padding:0 0 15px 10px;
}
#fsub1 {
	padding:0 0 10px 30px;
}

#fsub1 h1, #fsub2 h1, #fsub3 h1, #fsub4 h1 {
	padding:0 0 10px 0;
	font:27px/1.5 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	text-shadow:1px 1px 3px #000;
	color:#404040;
	color:rgba(255,255,255,1);
}
#fsub1 p, #fsub2 p, #fsub3 p, #fsub4 p {
	font:italic 15px/1.2 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	color:#404040;
}
#fsub1 input {
	float:left;
	background:rgba(255,255,255, 0.5);
	padding:7px 5px;
}
::-webkit-input-placeholder {
   color:#404040;
}
:-moz-placeholder {
   color:#404040;
}

#fsub1 .button a {
	float:right;
	padding:7px;
	margin:0 20px 0 0;
}
#fsub1 .button a:hover {
	background:#fff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(207,207,207)), color-stop(1, rgb(250,250,250))); 
	background:-moz-linear-gradient(center top, rgb(207,207,207) 0%, rgb(250,250,250) 100%);
}
#fsub1 .button a:active, #fsub1 .icon a:active {
	margin-top:1px;
}
#fsub1 input[placeholder] {
	font:italic 15px/1.2 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
}

#fsub2 .icon {
	float:left;
	padding:0 15px 0 0;
}
#main-footer a:link {
	color:#404040;
}
#main-footer a:visited {
	color:#404040;
}
#main-footer a:hover {
	background:none;
}
#main-footer .button a, #main-footer .button a:hover, #main-footer .button a:active {color:#FC1003;}

#fsubwrap2 #partner .border {
	border:1px dotted #A8C5E1;
	margin:10px;
	margin-bottom:20px;
	height:120px;
	background:url("../img/partner.png") no-repeat;
}

#fsubwrap2 #partner .element {
	width:234px;
	padding:0;
	margin:0;
	float:left;
}
#fsubwrap2 #partner .element a {
	display:block;
	height:120px;
}


#fsubwrap2 #copyright-info small {
	display:block;
	text-align:center;
	padding-right:10px;
	font:15px/1.2 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
	color:#333;
	padding-top:10px;
	padding-bottom:10px;
}

#fsubwrap2 #copyright-info renewable {
	display:block;
        text-align:center;
        padding-right:10px;
        font:15px/1.2 'MPR', Tahoma, Helvetica, Geneva, sans-serif;
        color:#333;
        padding-top:10px;
        padding-bottom:0px;
}
#fsubwrap2 #copyright-info renewable a:link {
        color:#2C468B;
}
#fsubwrap2 #copyright-info renewable a:visited {
        color:#2C468B;
}
#fsubwrap2 #copyright-info renewable a:hover {
        color:#2C468B;
}


#more-blurb #blurb .faq_header h3 {
margin:0px;
padding:0px;
}
.faq_header {
padding:0px 0px 0px 25px;
margin-bottom:5px;
margin-top:5px;
background:url(/img/expand.png) no-repeat left top;
cursor:pointer;
}
.faq .active {
background:url(/img/collapse.png) no-repeat left top;
}
.faq_item {
overflow:hidden;
margin-bottom:0px !important;
}
.faq_content {
padding:10px 10px;
margin-bottom:10px;
overflow:hidden;
height:auto;
background-color:#F1F7FA;
border-color:#ccc;
border-style:solid;
border-width:1px;
}
#more-blurb #blurb .faq_content p {
margin:0px;
padding:0px;
}