/* 
	Style fuer DeTeWe   
	Aug 2006 Aperto AG & DeTeWe Systems GmbH
    id
*/

/*
    ......................................................................
    Styles for Internet Relaunch 2006
    ......................................................................
*/

body {position:relative;margin: 0; padding: 0; background-color: #fff; font-family: arial, helvetica, sans-serif; font-size: 11px; color: #333; text-align: center;}
td{
	color: #333;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}
div, p, ul, ol, li, dl, dt, dd {font-family: arial, helvetica, sans-serif; font-size: inherit; color: #333;}
h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 11px; color: #333;}
img, table {border: 0;}
form {margin: 0;}
a:link, a:active, a:visited {color: #C60;}

#outer {position:relative;width: 760px; background: #fff; margin: 0 auto; text-align: left; padding-bottom: 10px;}
#top {position: relative;}
#topright {float: none; height: 9px; background: #303030; margin: 0; padding: 0; font-size: 7px;}
#topleft {width: 492px; height: 9px; background: #5E94B3; margin: 0; padding: 0; font-size: 7px;}
#logoarea {position: absolute; width: 300px; height: 71px;}
#logoarea a {display: block; height: 65px;}
#searcharea {position: relative; left: 290px; width: 460px; height: 46px; color: #0A5C8C; text-align: right; padding-top:25px; padding-right:10px;}
#searcharea a{color: #0E58B1;}
#searchareareddot {text-align: left;}
#ie5spacer {height:71px;position:relative;}

#mainnav {margin: 0 10px; border: solid #ccc; border-width: 1px 0; height: 30px;}
#mainnav div {margin: 4px 0; padding: 0; background: #585858; width:740px;height:22px;}
#mainnav ul {margin: 0; padding: 0; list-style: none;}
#mainnav li {float: left; margin: 0; padding: 0; list-style: none; border-right:1px solid #fff;}
#mainnav a {display: block; background: #585858; color: #fff; text-align: center; line-height: 22px; text-decoration: none; text-transform: uppercase; font-weight: bold;}
#mainnav a:hover, #mainnav li.highlight a {background: #5E94B3;}

#mainarea {clear:both;margin: 6px 10px 0 10px;}

#leftnav {width: 165px; background: #D9E5EB; border-right: 8px solid #fff;}
#leftnav ul {margin: 0; padding: 0; list-style: none;}
#leftnav li {margin: 0; padding: 0; list-style: none;}
#leftnav a.secondlevellink {display: block; color: #006BB7; line-height: 24px; text-decoration: none; font-weight: bold; padding-left: 10px; width: 155px; border-bottom: 1px solid #fff;}
#leftnav a.secondlevellink:hover, #leftnav li.highlight a {background: #5E94B3; color: #fff;}
#leftnav a.thirdlevellink {display: block; background: #DADADA; color: #464646; line-height: 24px; text-decoration: none; font-weight: bold;  width: 145px; padding-left: 20px; border-bottom: 1px solid #fff;}
#leftnav li.highlight a.thirdlevellink {background: #C1C1C1; color: #464646;}
#leftnav a.thirdlevelsublink {display: block; background: #E5E5E5; color: #006BB7; line-height: 24px; text-decoration: none; font-weight: normal;  width: 135px; padding-left: 30px; border-bottom: 1px solid #fff;}
#leftnav li.highlight a.thirdlevelsublink { background: #E5E5E5; color: #006BB7; font-weight: bold; }

#footer {clear: both; width: 740px; margin: 5px 10px 0 10px;}
#footer td {background-repeat:repeat-x; padding-top: 15px;}
#footernav {text-align: right;}
#footernav ul {margin: 0; padding: 0; list-style: none;}
#footernav li {font-size: 9px; display: inline; margin: 0; padding: 0; list-style: none; color: #0E58B1;}
#footernav a {color: #0E58B1; text-decoration: none;}
#footernav a:hover {color: #0E58B1; text-decoration: underline;}
#copyright {color: #666; font-size: 9px;}

#contentarea {width: 567px; border-top: 4px solid #5E94B3; }
#contentarea img {display: inline;}
#contentarea div.stagetopic {padding-bottom:5px;}
#contentarea h1.stagetopic {margin:2px;}
#contentarea div.stageline {clear: both; float: none; height: 7px; line-height: 0; font-size: 0.1px;width:100%; background: #5E94B3; margin: 0; padding: 0;}

#content {width: 372px; border: solid #fff; border-width: 0 20px 0 10px; padding: 15px 0 40px 0; font-size: 11px;}
#content.complete {width: auto;}
#content h1 {font-size: 12px; color: #0E58B1; text-transform: uppercase; margin: 0; padding-top: 3px;}
#content h2 {font-size: 12px; color: #0E58B1;}
#content h3 {font-size: 11px; color: #0E58B1;}
#content table.stagehead {width:100%;}
#content td.stageheader {border-bottom: 1px solid #DEDEDE; height:60px; vertical-align:bottom; width:100%; height:100%;}
#content td.stageimage {height:60px; vertical-align:top; width:1px;height:100%;}
#content ul.linklist {list-style:none;  margin:2px;}
#content div.subheadline {border-bottom: 1px solid #DEDEDE; font-weight: bold; padding-left: 10px; padding-bottom: 2px;}
#content table.download, #content table.full { margin: 0px; padding: 0px; border: 0px; border-collapse: Collapse; width:100%;}
#content td.download {background-color: #DEDEDE;}

#rightcolumn {width: 165px; padding: 15px 0 0 0;}
#rightcolumn h1 {border-bottom: 5px solid #D9E5EB; margin: 0; padding: 0 0 2px 0;}
#rightcolumn dl {margin: 7px 0 0 0; padding: 0; color: #464646;}
#rightcolumn dt {margin: 0; padding: 0; font-weight: bold;}
#rightcolumn dd {margin: 0; padding: 0; padding-bottom: 10px;}
#rightcolumn blockquote {border: solid #D9E5EB; border-width: 5px 0; margin: 10px 0; padding: 15px 3px; font-size: 14px; font-weight: bold; color: #598900; line-height: 18px;}
#rightcolumn p {margin: .75em 0 1em 0;}
#rightcolumn .newshead {background-color: #D9E5EB; font-weight: bold; padding: 0px;}
#rightcolumn td.menu {padding-top:4px;padding-bottom:4px;}

.nobr {white-space: nowrap;}

#hpmain {margin: 0px 0px 0 0px; padding-bottom: 0px;}
#hpmain img {display: inline;}
#hpchoose {width: 256px; background: #5D92B0; text-align: center; color: #fff; font-size: 12px; font-weight: bold;}
#hpchoose form {margin-top: 5px; font-weight: normal;}
#hpmiddle {margin-top: 6px; border-top: 1px solid #C1C1C1;}
#hpnews {color: #838383; width: 217px; border: solid #fff; border-width: 0 20px 0 5px; padding: 20px 0;}
#hpnews h1 {color: #464646; font-weight: 12px; text-transform: uppercase; margin: 0 0 .5em 0;}
#hpnews p {margin: .75em 0;}
#hpnews a {text-decoration: none;}
#hpnews a:hover {text-decoration: underline;}
#hpcontent {width: 478; padding: 20px 0; font-size: 12px; border: solid #fff; border-width: 0 10px;}
#hpcontent h1 {font-size: 12px; color: #0E58B1; text-transform: uppercase; margin: 0;}
#hpads {width: 478;}
#hpads img.teaser {display: block;}
#hpads h1 {border-bottom: 4px solid; margin: 0; padding: 6px 4px;}
#hpads a.teaser {display: block; margin: 0px; font-size: 12px; font-weight: bold; text-decoration: none;}
#hpadleft h1 {border-color: #0E58B1;}
#hpadleft a {color: #0E58B1;}
#hpadcenter {padding: 0 7px 0 6px;}
#hpadcenter h1 {border-color: #598900;}
#hpadcenter a {color: #598900;}
#hpadright h1 {border-color: #CC6600;}
#hpadright a {color: #CC6600;}

#hpredirect {padding: 20px 0 20px 0;}
#hpredirect a{font-size: 36px; color: #0E58B1; text-decoration:none; text-transform: uppercase; font-weight:bolder; margin: 0; padding-top: 3px;}


dl.wellformedlist dt {float: left;font-weight:bold;}

/*
    ......................................................................
    Overall styles 
    ......................................................................
*/

/*
    ......................................................................
    Service menu at top of page
    ......................................................................
*/
#metalinks, #metalinks td {
	color: #00196A;
}

/*
    ......................................................................
    Stage/Header
    ......................................................................
*/
#home h3 {
	margin: 0;
	padding: 0;
}
#home .headcontentspace {
    padding: 2px;
}
#home .newshead {
    /* FFEFCD FDEACA FFE6B4  F5B83D FFDF9A
    */
	/* background-color: #FFEFCD; */
	background-color: #D9E5EB;
}
/*
#home .block {
    border: 1px solid #DEDEDE;
}
*/


.stageheader {
    border-bottom: 1px solid #DEDEDE;
}
.topicorange {
    border-bottom: 1px solid #DEDEDE;
}
.newshead {
    /* Should be the common style for headlines */
	background-color: #FFEFCD;
    font-weight: bold;
	padding: 0px;
}
.navhead {
    /* Historical, see form headlines */
	background-color: #FFEFCD;
    font-weight: bold;
	padding: 0px;
}

.imgbg {
    /* Especially for b2c start page */
	background-color: #F5B83D;
}
.subheadline {
    border-bottom: 1px solid #DEDEDE;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 2px;
}
.subheadlinehell {
    /* border-top: 1px solid #DEDEDE; */
    border-bottom: 1px solid #DEDEDE;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 2px;
}
#stage h2 img {
    padding-bottom: 10px;
}

.headcontentspace {
    padding: 2px;
}
/*
tr .modulhell td {
	background-color: #DEDEDE;
}
tr .modulhell td p {
	background-color: #DEDEDE;
}
*/

/*
    ......................................................................
    Service column
    ......................................................................
*/
#service td {
	padding-bottom: 4;
}
#service a {
	font-weight: bold;
}
#quartnav a {
	font-weight: normal;
}

#service h3 {
	margin: 0;
	padding: 0;
}

#quartnav td {
	padding-top: 2;
	padding-bottom: 4;
}
#quartnav .newshead {
	padding-top: 4;
	padding-bottom: 4;
}

#quartnav .subheadline, #quartnav .subheadlinehell {
    padding-left: 0;
} 


.servicehead {
    /* Especially for b2c procudt pages */
	background-color: #FFEFCD;
}

#loginblock td {
    background-color: #FFEFCD;
}
#loginblock .input {
    background-color: #FFEFCD;
}


/*
    ......................................................................
    Footer
    ......................................................................
*/
.footerbg, .footerbg td, .footerbg a {
   background-color: #DEDEDE;
}

.primnavbg, .primnavbg a {
    background-color: #DEDEDE;
	color: #00196A;
}

.primnavbgtop {
    background-color: #FFFFFF;
    /*background-color: #F5B83D; */
    /*background-color: #DEDEDE;*/
}
.primnavbgbottom {
    /*background-color: #FFFFFF;*/
    background-color: #DEDEDE;
    border-bottom: 10px solid #FFFFFF;
}

.footerorange {
    background-color: #F5B83D;
}
/*
    ......................................................................
    Specials
    ......................................................................
*/
#wunschtelefon td, #wunschtelefon tr {
   background-color: #DEDEDE;
}

#tbtable td, #tbtable tr {
    background-color: #F5B83D;
}
#tbtable .white {
    background-color: #FFFFFF;
}


/*
    ......................................................................
    Forms
    ......................................................................
*/
.tinyinput {
    width: 50px;
}
.shortinput {
    width: 100px;
}
.normalinput {
    width: 150px;
}
.midsizeinput {
    width: 190px;
}
.wideinput {
    width: 320px;
}
.formError {
	color: #FF0000;

}

/*
    ......................................................................
    Reddot
    ......................................................................
*/
.reddot {
	color: #FF0000;
	background-color: #DEDEDE;
}