/* =============
 * Common layout
 * ============= */
body {
background:#e1dfe2 url(/images/bg.gif?011136) top left repeat-x;
color:#000;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin:0;
padding:0;
text-align:center;
}
body,p,td,th,div,select,input,label {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#000;
font-size:11px;
}
h1,h2,h3,h4,h5,h6,th,strong {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#000;
}
hr {
background-color:#DEDEDE; 
color:#DEDEDE; 
border:#DEDEDE; 
height: 1px; 
text-align:center;
margin-top:10px;
margin-bottom:10px;
}
.clr { clear:both; }

/* =====
 * Links
 * ===== */
a,
a:link,
a:visited {
color:#e10022;
font-weight:bold;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
.content a:before,
.extra a:before,
.left-extra a:before {
content:"\00BB\00A0";
display:inline;
letter-spacing: -1px;
}
.extra a.clear:before {
	content:"";
}


/* ======
 * Layout
 * ====== */
#page-frame {
width:862px;
margin:34px auto 0 auto;
text-align:left;
}

#shadow-top {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/shadow-top.png',sizingMethod='scale');
width:862px;
height:10px;
overflow:hidden;
}
html>body #shadow-top {
background:url(/images/shadow-top.png?011136) bottom center no-repeat;
}

#shadow-side {
padding: 0 0 0 5px;
margin:0;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/shadow-side.png',sizingMethod='scale');
width:857px;
}
html>body #shadow-side {
background:url(/images/shadow-side.png?011136) repeat-y;
}

#shadow-bottom {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/shadow-bottom.png',sizingMethod='scale');
width:862px;
height:10px;
}
html>body #shadow-bottom {
background:url(/images/shadow-bottom.png?011136) bottom center no-repeat;
}


#page {
background:#fff;
width:852px;
}

.page-body {
background: url(/images/bg-page-body.gif?011136) top left repeat-y;
/*
min-height: 430px;
height:auto !important;
height:430px;
*/
}

/* ======
 * Header 
 * ====== */
#header {
position: relative;
background: url(/images/bg-head.gif?011136) top left repeat-y;
}
#flags {
position: absolute;
left: 19px;
top: 44px;
height: 15px;
}
.selected-flag-de img.de,
.selected-flag-en img.en {
	border: 1px solid #716c73;
	margin-top: 0;
}
#logo {
display:block;
position:relative;
top:16px;
/* @note right positioned */
/*left:18px;*/
left:668px;
width:159px;
height:51px;
background:url(/images/logo.gif?011136) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

.visual h1 {
visibility: visible !important;
}

.visual a {
display:block;
text-indent:-99999em;
/* background see component */
width:852px;
height:225px;
position:relative;
}

/* ========
 * Nav-Main
 * ======== */
#nav-main {
	color:#777;
	font-weight:bold;
	text-align:right;
	margin:18px 0 0 1px;
	border-right:1px solid #f0f0f0;
	border-left:1px solid #f0f0f0;
	height:26px;
}
#nav-main ul {
	margin: 0;
	padding: 0;
	height: 26px;
	list-style: none;
	display: inline;
	overflow: hidden;
}
#nav-main ul li {
	margin: 0; 
	padding: 0;
    list-style: none;
    float:left;
}
#nav-main ul a {
	float: left;
	padding: 26px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:26px; /* for IE5/Win only */
	background-position: top left;
	background-repeat: no-repeat;
}
#nav-main ul a:hover {
	background-position: 0 -26px;
}	
#nav-main ul a.expanded {
	background-position: 0 -52px;
}	
#nav-main-home a,
#nav-main-index a  {
	width: 77px;
	background-image: url(/images/nav/de/home.gif?011136);
}
#nav-main-partner a,
#nav-main-partners a  {
	width: 97px;
	background-image: url(/images/nav/de/partner.gif?011136);
}
#nav-main-kundensupport a,
#nav-main-kunden-support a,
#nav-main-support a  {
	width: 143px;
	background-image: url(/images/nav/de/kunden-support.gif?011136);
}
#nav-main-ueber-uns a,
#nav-main-about a  {
	width: 98px;
	background-image: url(/images/nav/de/ueber-uns.gif?011136);
}
#nav-main-service-beratung a,
#nav-main-consulting a  {
	width: 169px;
	background-image: url(/images/nav/de/service-beratung.gif?011136);
}
#nav-main-news a,
#nav-main-newsroom a  {
	width: 75px;
	background-image: url(/images/nav/de/news.gif?011136);
}
#nav-main-produkte a,
#nav-main-products a  {
	width: 97px;
	background-image: url(/images/nav/de/produkte.gif?011136);
}
#nav-main-anfrage a,
#nav-main-contact a  {
	width: 92px;
	background-image: url(/images/nav/de/anfrage.gif?011136);
}
#nav-main-why-proad a  {
	width: 1px;
	background-image: url(/images/nav/de/whyproad.gif?011136);
}
	
/* ====
 * Menu 
 * ==== */
#menu-wrapper {
float:left;
/* height target: 152px */
min-height: 152px;
height:auto !important;
height:152px;
background:#f2f2f2 url(/images/bg-menu.gif?011136) top left repeat-x;
width:200px;
}
#menu {
float:left;
width:200px;
background:#f2f2f2 url(/images/bg-menu.gif?011136) top left repeat-x;
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
min-height: 152px;
height:auto !important;
height:152px;
}

#menu ul#menu-level0 {
padding:0;
margin:30px 0 32px 0;
list-style:none;
width:180px;
border-bottom:1px solid #dedede;
margin-left:10px;
}
#menu ul#menu-level0 li {
padding:0;
margin:0;
border-top:1px solid #dedede;
border-bottom:1px solid #fcfcfc;
}
#menu ul#menu-level0 li a {
padding-left:10px;
}
#menu ul#menu-level1  {
background-color: #f9f9f9;
padding-bottom:7px;
}
#menu ul#menu-level1 li {
border:none;
min-height: 14px;
height:auto !important;
height:14px;
}
#menu ul#menu-level1 li a {
padding-left:20px;
}
#menu ul#menu-level2 li a {
padding-left:30px;
}
#menu a,
#menu .active {
display:block;
padding:7px 3px 8px 0;
color:#716a72;
}
#menu ul#menu-level1 a {
padding:1px 3px 2px 0;
}
#menu a {
text-decoration:none;
}
#menu div.active {
font-weight:bold;
}
#menu a:hover,
#menu a.expanded,
#menu a.active {
color:#e10022;
}

#menu #menu-level0 a {
font-weight:bold;
}
#menu #menu-level1 a {
font-weight:normal;
}

/* =======
 * Content 
 * ======= */
#content-wrapper {
overflow:hidden;
width:649px;
}

#content {
float:left;
width:407px !important;
width:397px;
margin-left:10px;
padding-bottom:5px;
font-size:11px;
line-height:15px;
font-family:verdana;
overflow:hidden;
}
.highlight {
color:#e10022;
}
/* ====
 * Wide
 * ==== */
#wide {
position:relative;
float:left;
width:651px !important;
width:649px;
margin:0 0 0 1px !important;
margin:0;
padding:0;
background-color:white; /* hides red-dashed line */
overflow:hidden;
font-size:1px;
/*line-height:0;*/

min-height:0;
height:auto !important;
xheight:0;
}

/* =====
 * Extra 
 * ===== */
#extra {
float:right;
width:225px;
margin-left:7px;
font-family:verdana;
color:#a7a491;
overflow:hidden;
}

.extra .box-frame {
width:205px;
border-bottom:1px solid #f0f0f0;
padding:15px 0;
padding:0;
margin: 0 10px;
}

.extra .component-1 {
padding-top:0;
}
.extra .last-component {
border-bottom:none;
}
.extra .right {
float:right;
padding-right:15px;
padding-top:1px !important;
padding-top:3px;
}

/* ==========
 * Left-Extra 
 * ========== */
#left-extra-wrapper {
float:left;
/* height target: 152px */
min-height: 152px;
height:auto !important;
height:152px;
background:#f2f2f2 url(/images/bg-left-extra.gif?011136) top left repeat-x;
}
#left-extra {
float:left;
width:180px;
background:#f2f2f2 url(/images/bg-left-extra.gif?011136) top left repeat-x;
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
}

/* ======
 * Footer 
 * ====== */
#footer {
clear:both;
position:relative;
height:22px;
background:#f9f9f9 url(/images/bg-footer.gif?011136) top left repeat-x;
border-right:1px solid #fff;
border-left:1px solid #fff;
}
#footer a,
#footer a:link,
#footer a:visited {
color:#8b848c;
text-decoration:none;
font-weight:normal;
}
#footer a:hover {
color:#e10022;	
}
#copyright {
color:#8b848c;
font-size:10px;
margin-left:14px;
padding-top:5px;
float:left;
}
#footer-content {
color:#8b848c;
font-size:10px;
float:right;
padding-top:5px;
margin-right:14px;
}