/* 
	Style fuer DeTeWe   
	Aug 2006 Aperto AG & DeTeWe Systems GmbH
    id
*/

/*
    ......................................................................
    Styles for Internet Relaunch 2006
    ......................................................................
*/

body {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;}
a{
text-decoration: none ;
}
#outer {width: 830px; 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: 542px; height: 9px; background: #5E94B3; margin: 0; padding: 0; font-size: 7px;}
#logoarea {position: absolute; width: 350px; height: 71px;}
#logoarea a {display: block; height: 65px;}
#searcharea {position: relative; left: 290px; width: 510px; height: 46px; color: #0A5C8C; text-align: right; padding-top:25px; padding-right:10px;}
#searcharea a{color: #0E58B1;}
#searchareareddot {text-align: left;}

#mainnav {margin: 0 10px; border: solid #ccc; border-width: 1px 0; height: 30px;}
#mainnav div {margin: 4px 0; padding: 0; background: #585858; width:810px;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 {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: 810px; 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: 630px; 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 15px 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:10px; 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: 100px 0 100px 0;}
#hpredirect a{font-size: 36px; color: #0E58B1; text-decoration:none; text-transform: uppercase; font-weight:bolder; margin: 0; padding-top: 3px;}

/*
    ......................................................................
    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;
}
*/
.menu_horizontal { 
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	border-bottom:1px inset #d9e5eb;
	color: #fff ;
}
.menu_horizontal li { 
	display: inline ;
	margin-right: 1px ;
	border: 1px solid #d9e5eb ;
	padding: 1px 3px;
	background: #f2f2f2 ;
	
}

.menu_horizontal a {
	color: #bf4e4a;
	text-decoration: none ;
	text-align: center ;
	line-height: 1.5em ;
	font-weight:bold;
		}
		
a.menu_horizontal :hover{
	background-color:#d9e5eb;
	color: #5e94b3 ;
	border:  #5e94b3 ;
		}	
		
table.searchForm {
	background-color: #f6f6f6;
	width: 100%;
	padding: 10px;
	border-collapse: collapse;
	border-bottom:1px outset #d9e5eb;

	}
table.submitTable	
{
	background-color: #f9f9f9;
	width: 20%;
	padding: 10px;
	border-collapse: collapse;
	float:right;
	}
	
	
	td.tdlist
	{
	background-color: #f5f5f5;
	text-align: right ;
	font-weight:bold;
	
	}



.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;
}






/*
    ......................................................................
    !!! Modif pour Mckcode
    ......................................................................
*/

table.content_table {
  width: 100%;
	padding: 0px;
	margin: 0px;
}

table.content_table td {
	padding: 0px;
	margin: 0px;
}


table.contentpaneopen {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpaneopen td {
   padding-right: 5px;
}

table.contentpaneopen td.componentheading {
	padding-left: 4px;
}



table.contentpane {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

table.contentpane td.componentheading {
	padding-left: 4px;
}

table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #eee;
}


.contentcolumn {
	padding-right: 5px;
}

.contentheading {
	height: 30px;

	color: #c64934;
	font-weight: bold;
	font-size: 14px;
	white-space: nowrap;
}



.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}


table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  background: url(../images/subhead_bg.png) repeat-x;
  color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}




td {
	text-align: left;
	font-size: 11px;
}






table.result {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.result td {
	margin: 2px;
	padding:2px;
    background-color: #F7F7F7;
	border: solid #C0C0C0 1px;

}

table.result td.head {
	margin: 2px;
	padding:2px;
    text-align: center;
    background-color: #D0D0D0;
	color: #000000;
	font-weight: bold;

}















/* standard list style table */
table.adminlist {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: 1px solid #ddd;
	border-spacing: 0px;
	width: 100%;
	border-collapse: collapse;
}

table.adminlist tr.cursorHand {
	cursor: hand;
}

table.adminlist th {
	margin: 0px;
	padding: 6px 4px 2px 4px;
	height: 15px;
	background: url(../images/background.jpg);
	background-repeat: repeat;
	font-size: 11px;
	color: #000;
	
}
table.adminlist th.title {
	text-align: left;
	height: 10px;
}

table.adminlist th a:link, table.adminlist th a:visited {
	color: #c64934;
	text-decoration: none;
}

table.adminlist th a:hover {
	text-decoration: underline;
}

table.adminlist tr.row0 {
	background-color: #F9F9F9;
}
table.adminlist tr.row1 {
	background-color: #FFF;
}
table.adminlist td {
	border-bottom: 1px solid #e5e5e5;
	padding: 4px;
	vertical-align : bottom;
}
table.adminlist tr.row0:hover {
	background-color: #f1f1f1;
}
table.adminlist tr.row1:hover {
	background-color: #f1f1f1;
}
table.adminlist td.options {
	background-color: #ffffff;
	font-size: 8px;
}
table.adminlist td.small {
	font-size: 10px;
}




/* header block */
table.adminheading {
	background-color: #FFF;
	font-family : Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
	border-collapse: collapse;
	color: #C64934;
	font-size : 14px;
	font-weight: bold;
	text-align: left;
}
table.adminheading th {
/*	background: url(../images/generic.png) no-repeat left; */
	text-align: left;
	height: 50px;
	width: 99%;
/*	padding-left: 50px; */
	border-bottom: 5px solid #fff;
}
table.adminheading th.checkin {
	background: url(../images/checkin.png) no-repeat left;
}
table.adminheading th.cpanel {
	background: url(../images/cpanel.png) no-repeat left;
}
table.adminheading th.config {
	background: url(../images/config.png) no-repeat left;
}
table.adminheading th.modules {
	background: url(../images/module.png) no-repeat left;
}
table.adminheading th.menus {
	background: url(../images/menu.png) no-repeat left;
}
table.adminheading th.trash {
	background: url(../images/trash.png) no-repeat left;
}
table.adminheading th.user {
/*	background: url(../images/user.png) no-repeat left; */
}
table.adminheading th.inbox {
	background: url(../images/inbox.png) no-repeat left;
}
table.adminheading th.msgconfig {
	background: url(../images/message_config.png) no-repeat left;
}
table.adminheading th.langmanager {
	background: url(../images/langmanager.png) no-repeat left;
}
table.adminheading th.mediamanager {
	background: url(../images/mediamanager.png) no-repeat left;
}
table.adminheading th.impressions {
	background: url(../images/impressions.png) no-repeat left;
}
table.adminheading th.browser {
	background: url(../images/browser.png) no-repeat left;
}
table.adminheading th.searchtext {
	background: url(../images/searchtext.png) no-repeat left;
}
table.adminheading th.templates {
	background: url(../images/templatemanager.png) no-repeat left;
}
table.adminheading th.massemail {
	background: url(../images/massemail.png) no-repeat left;
}
table.adminheading th.frontpage {
	background: url(../images/frontpage.png) no-repeat left;
}
table.adminheading th.sections {
	background: url(../images/sections.png) no-repeat left;
}
table.adminheading th.edit {
	background: url(../images/addedit.png) no-repeat left;
}
table.adminheading th.categories {
	background: url(../images/categories.png) no-repeat left;
}
table.adminheading th.install {
	background: url(../images/install.png) no-repeat left;
}
table.adminheading th.dbbackup {
	background: url(../images/backup.png) no-repeat left;
}
table.adminheading th.dbrestore {
	background: url(../images/dbrestore.png) no-repeat left;
}
table.adminheading th.dbquery {
	background: url(../images/query.png) no-repeat left;
}
table.adminheading th.info {
	background: url(../images/systeminfo.png) no-repeat left;
}

table.adminheading td {
	color : #000;
}






/* standard form style table */
table.adminform {
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	width: 100%;
	padding: 10px;
	border-collapse: collapse;
}
table.adminform tr.row0 {
	background-color: #f9f9f9;
}
table.adminform tr.row1 {
	background-color: #eeeeee;
}
table.adminform th {
	font-size: 11px;
	padding-top: 6px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: left;
	height: 15px;
	background: url(../images/background.jpg);
	color: #000;
	background-repeat: repeat;
}
table.adminform td {
	padding: 3px;
	text-align: left;
}
table.adminform td.editor {
	font-size: 9px;
}






table.menubar {
	width: 100%;
	
}

.menudottedline {
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #ffffff;
	background-color: #F1F3F5;
}


table#toolbar {
	margin-right: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
}

table#toolbar a.toolbar {
	color : #808080;
	text-decoration : none;
	display: block;
	border: 1px solid #FFFFFF;
	width: 55px;
	padding: 2px 1px 2px 1px;
    text-align: center;
}
table#toolbar a.toolbar:hover {
	color : #C64934;
	border: 1px solid #c24733;
	background-color: #f1e8e6;
}
table#toolbar a.toolbar:active {
	color : #FF9900;
}







.pagenav {
	font-size : 10px;
}
a.pagenav {
	color : #808080;
	font-size : 10px;
	text-decoration : underline;
}
a.pagenav:hover {
	color : #FFF;
	font-size : 10px;
}
a.pagenav:active {
	color : #333;
	font-size : 10px;
}

/* New style. MK. 7/05/2010 */
.debug_box{
text-align:left;
background-color:yellow;
border:1px solid #000000; 
padding:5px; 
margin-top:2px;
}

.error_box{
text-align:left;
background-color:#CCCCCC;
border:1px solid #000000; 
padding:5px; 
margin-top:2px;
}

