/*** Default Browser Stile zuruecksetzen
******************************************************************/
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; font-family: Arial;}
ul,ol,li,pre,form,body,html,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
small { font-size: 9px; color: #9DAAB6; }
big {	font-size: 14px; font-weight:bold; }

/*** Grundstile
******************************************************************/
dl { margin: 0 0 0 .8em; }
dl dt { margin: 0 0 .5em 0; }
dl dd+dt { margin-top: 1.5em; }
dl dd { margin: 0 0 1em 2em; }

ul { list-style: none; }
ul li { margin: 0.1em 0 0 1.5em ; }
ul li ul { margin: 1em 0 1em 1em; list-style: circle; }


p { margin-bottom: 1em; }

/*** body
*******************************************************************/
BODY, td {
	font-family : Verdana, Arial, Helvetica, Sans-serif;
	font-size : 10px;
	color: /* #00014C */ #435970;	
}
 
div.comment {
	font-size: 9px; 
	/*border-top: 1px solid #9DAAB6;*/
	color: #9DAAB6;
	font-family : Verdana, Arial, Helvetica, Sans-serif;
	padding: 4px 4px 4px 4px;
	text-align: justify;
}



/* Content */
.ContentHeader {    
	font-family :  Arial, Helvetica, Sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	background-color : #336699;
	padding-left: 5px;
}

td.tblhead {
	color:#444444;
	background-color : #D1D1D1;
	font-weight: bold;
	height:20px;
	border-bottom : 1px solid #336699;
	border-top : 1px solid #336699;
	padding-left: 2px;
	}

td.tblsubhead {
	font-size : 12px;
	color: #FFFFFF;	
	font-weight:bold;
	background-color : #336699;
	height:18px;
	padding-left: 2px;
	padding-right: 2px;
}

.ContentBox {
	padding-left: 3px;
}

.Box {
	border : 1px  #808080;
}
.BoxText {
	font-family : Verdana, Arial, Helvetica, Sans-serif;
	font-size : 7pt;
	color: #4D4D4D;	
	padding-left: 3px;
}
.BoxHL {
	font-size : 12px;
	color: #FFFFFF;	
	font-weight:bold;
	padding-left: 3px;
	background-color : #336699;
	height:18px;
}
.BoxError {
	font-family : Verdana, Arial, Helvetica, Sans-serif;
	font-size : 9px;
	color: #CC0000;	
}

td.cell1 {
	font-size: 8pt;
	background-color : #F9F9F9;
    height : 17px;
	padding-left: 3px;
}

td.cell1Err {
    color: #FF0000;
	font-size: 8pt;
	background-color : #F9F9F9;
    height : 17px;
	padding-left: 3px;
}

td.cell2 {
	font-size: 8pt;
	background-color : #F1F1F1;
	height : 17px;
	padding-left: 3px;
}	

td.cell2Err {
	color: #FF0000;
	font-size: 8pt;
	background-color : #F1F1F1;
	height : 17px;
	padding-left: 3px;
}	

td.Err {
	color: #FF0000;
}

td.Succ {
	color: #32CD32; 
}

Err {
	color: #FF0000;
}

Succ {
	color: #32CD32; 
}

td.headline  {
   font-family :  Arial, Helvetica, Sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #336699;
	background-color : #F7F7F7; 
	border-bottom : 1px solid #336699; 
	border-top : 1px solid #336699; 
	padding-left: 5px; 
}
td.subheadline {
	font-family :  Arial, Helvetica, Sans-serif;
	font-size: 12px;
	color: #336699; 
	font-weight:bold;
	border-bottom: 3px solid #EAF3FC;
}
td.dsldetails {
	font-family :  Verdana, Arial, Helvetica, Sans-serif;
	font-size: 16px;
	color: #FEF5CE;
	font-weight: bold;
	background-image: url(../gfx/subhead_bg_neu.gif); 
	}

	
td.main_headline {
	font-size: 18px;
	color: #677987;
	font-weight: bold;
}	
/* Links */
a {
	color: #0f71D2;
	text-decoration:none;
}
a:hover {
	color: #808080;
	text-decoration:none;
}
a.boxlink, a.boxlink:hover {
	font-family :  Arial, Helvetica, Sans-serif;
	font-size: 12px;
	color: #354D68;	
	padding-left: 3px;
	font-weight:bold;
}
a.toplink, a.toplink:hover {
   font-family :  Arial, Helvetica, Sans-serif;
	font-size: 13px;
	color: #354D68;
	text-decoration:none;
	font-weight:bold;
	
}
a.boxlinksmall {
    font-size: 9px;
	color: #354D68;
	padding-left: 3px;
}
a.boxlinksmall:hover {
	color: #8FBC8F;
	padding-left: 3px;
}
a.footerlink, a.footerlink:hover {
    font-family :  Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #354D68;
	text-decoration:none;
}

a.button, a.button:hover {
    font-family :  Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #354D68;
	font-weight:bold;
	text-decoration:none;
}

.intro {
	font-family :  Arial, Helvetica, Sans-serif;
	font-size: 13px;
	color: #354D68;
	padding-left: 8px;	
	padding-right: 8px;	
	font-weight: bold;
}
td.date {
    font-family :  Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #354D68;
	text-decoration:none;
	}
	
tr.listingmarker { background-color: #FBFDFE; color: #000000; }								 
								 
div.start-rechts-oben {
	background: transparent  url("/gfx/start_flexflat_rechts_oben.jpg") ;
	padding-top: 112px;
}

div.start-rechts-unten {
	background:transparent  url("/gfx/start_flexflat_rechts_unten.jpg") ;
	background-repeat: no-repeat;
	}

div.start-rechts {
	background: url("/gfx/start_flexflat_rechts.jpg") top left no-repeat;
	}	

tr.cell {
	background: #F6FAFD;
}


/*** Forms
*******************************************************************/
.select-tarif {
	background:#fcfffc;
	border:transparent;
	color:#4377AC;
	font-weight:bold;
}
.select-tarif-button {
	background:#fcfffc ;
	border: 1px solid #EBEBEF;
	color: #4377AC;
	font-weight:bold;
	font-size:10px;
	cursor:pointer;
	height:26px;
	background-image: url(/gfx/order/button_bg.gif);
}
.select-tarif-button:hover { border: 1px solid #AFC9E2; }



input.start {
	color: #4377AC;font-size:10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight:bold;
	border: 1px solid #EEEEF2;
	background:#fff url("../../gfx/bg_button_silver.gif");
}
input.start:hover { border: 1px solid #4377AC; }
input { background: #f4f4f4; border: 1px solid #808080; }
.InputBox {	font-size: 12px; background: #f4f4f4; border: 1px solid #808080; }
.InputButtonSized {
	font-size: 12px; 
	background: #f4f4f4; 
	border: 1px solid #808080; 
	font-family : Arial;
	text-align : center;
	width : 100px;
	padding-left: 2px;
	padding-right: 2px;
}
.InputButton {
	font-size: 9px; 
	color: #46648C;
	background: #f9f9f9; 
	border: 1px solid #808080; 
	padding-left: 3px;
	font-family : Arial;
	text-align : center;
}

/*
 NEU
*/
input:hover { border: 1px solid #336699; color: #336699; }
input:focus, textarea:focus {	border: 1px dashed #DAE1E8; }
input.radio, input.checkbox {	border: none;	background:transparent; }
input, textarea, select, radio, chechbox {
border: 1px #DAE1E8 solid;
color: #416071;
background-color: #FCFCFC;
padding: 1px 1px 1px 1px;
margin: 0px;
}

textarea {
	font-size: 12px; 
	color: #46648C;
	font-family: Arial;
	
}

div.buttons {
	margin-top:8px;
}
/*** Errors/Feedback
*******************************************************************/
div.error {
color: #CC3300;
background-color: #FFFFF6;
margin: 4px 2px 4px 2px;
padding: 4px 2px 4px 4px;
border: 2px solid #CC3300;
text-align:left;
}
div.success { 
color: #008000;
background-color: #ECFFED;
margin: 4px 2px 12px 2px;
padding: 4px 2px 4px 4px; 
border: 2px solid #008000;
text-align:left;
}
span.fieldlabelErr {
	color: #CC3300;
}
/*** Headlines
*******************************************************************/
h2, h3 {
	font: bold 14px arial, helvetica, "lucida grande", sans-serif;
	/*background: url(/gfx/bg_button_silver.gif);#F6FAFD*/; 
	border-bottom: 1px solid #EBEBEF;
	padding: 2px 2px 2px 2px;
	margin: 8px 0px 6px 0px;
}
/*** Infobox (Inner-Popup)
*******************************************************************/
a.infobox { text-decoration:none; }
a.infobox:hover { cursor:help; color:#CC003A; }
a.infobox span {
visibility:hidden;
position:absolute;
margin-left:20px;
margin-top:-20px;
padding:0.5em;
text-decoration:none;
}
a.infobox:hover span {
visibility:visible;
border:1px solid #EBEBEF;
color: #CC003A;
background:#FDFDFD;
}
/*** Transparent Picbox (Inner-Popup)
*******************************************************************/
a.picbox {border-bottom: none; text-decoration:none; }
a.picbox:hover { cursor:help; color:#CC003A; }
a.picbox span {
visibility:hidden;
position:absolute;
margin-left:1em;
margin-top:-1em;
padding:0.5em;
text-decoration:none; 
}
a.picbox:hover span {
visibility:visible;
border:none;
color: #CC003A;
background: transparent; }
/*** Special Classes
*******************************************************************/
sup {	font-size: 80%; }
hr { background: #EBEBEF;	border: none; }
.mini { font-size:9px;	}
.border { border: 1px solid #EBEBEF; }
.justify { text-align: justify; }
.pointer { cursor:pointer; }
.tenpx {	font-size:10px; color:#4377AC; }	
.red { color:#cc0000; }
.green {	color: #00BB02; }
.grey { color: #777777; background: #f1f1f1; }	
.start {	color:#4377AC;font-size:10px; }

#blue { color: #4377AC; }

/*
EOF!
*/