/*-----------------------------------------------
$Id: style.css
     Style Sheet
Customer: ladycaronline
Author:	dotkomm rich media solutions gmbh (Volker Dürr)
Version:  1.0
Creation Date:    2008/08/17
Last Modify:
-----------------------------------------------*/

/* --  basic HTML Styles
--------------------------- */

address, abbr, acronym, dfn	{
	font-variant:normal;
}

a, address, body, blockquote, caption, cite, div, dfn, dl, dt,
fieldset, h1, h2, h3, h4, img, input, label, legend,
li, ol, option, p, q, select, textarea, td, th, ul 	{
	font-family:Arial,Helvetica,sans-serif,"Trebuchet MS";
    font-size:11px;
}

* {
	margin:0px;
    padding:0px;
}
html, body {
	height: 100%; /* wichtig */
}
body {
    margin:0; /* setting top and bottom margin */
	padding:0;
  	background:url(/images/LadyCar08/eContent/bg/bg_body.gif) #d9d9da repeat-y;
}
#skipToContent a, #skipToNav a {
	position:absolute;
    z-index:2;
    width:10em;
    overflow:hidden;
    top:-100px;
    left:-1000px
}

#skipToContent a:focus, #skipToNav a:focus, #skipToContent a:active, #skipToNav a:active {
	position:absolute;
    z-index:99;
    width:12em;
    top:.5em;
    left:.5em;
    margin-left:4px;
    text-decoration:underline;
    color:#000;
    background:#ccc;
    font-size:.8em
}
.hidden {
	display:none;
}
input.hidden {
	display: none;
    background:none;
}
.clear {
	clear:both;
    float:none;
    display:block;
	font-size:1px;
	line-height:1px;
}
.clearfix:after {
    content: ".";
    display: block;
    height:0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

h1 {

}
h2 {
   font-size:11px;
}
h3 {
	font-size:12px;
}
p {
	padding:0;
	margin:0;
}

a {
    text-decoration:none;
}
form {
	margin:0;
    padding:0;
}
fieldset {
	border:none;
}
img {
	border:0;
}
ul {
	list-style: none;
    padding:0;
    margin:0;
}
ol {
    padding:0;
    margin:0 0 15px 28px;

}
table, td {
    font-size:11px;

}
/* Headbereich */
.head {
	background:url(/images/LadyCar08/eContent/bg/bg_head.gif) #d9d9da repeat-y;
 	position:relative;
    height:100px;
    width:1000px;
}
.head img {
 	position:absolute;
    left:10px;
    top:25px;
}
.head ul {
 	position:absolute;
    right:0;
    top:10px;
	margin:0;
}
.head ul li {
	display:inline;
    float:left;
    padding-left:3px;
    font-size:9px;
}
.head ul li a {
    float:left;
    display:block;
    color:#27363e;
    font-size:9px;
    padding-right:3px;
}
.head ul li a:hover {
	text-decoration:underline;
}
.outerWrap {
	margin-top:4px;
    overflow:hidden;
}

/* Navigation */
.teaseCol {
	width:100%;
    display:inline;
}

.navCol {
 	width:200px;
    float:left;
	display:inline;
}
.navCol ul {
	margin:0 0 0 6px;
	border-right:1px solid #adaeaf;
	border-left:1px solid #adaeaf;
	border-bottom:1px solid #adaeaf;
}
.navCol ul li {
	border-top:1px solid #adaeaf;
	display:block;
}

html .navCol ul li {
	width:100%;
}

html ul.serviceLinkBox li
 {
	width:100%;
	background: #ffffff;
}

ul.serviceLinkBox li span,
ul.serviceLinkBox li a {
	background:url(/images/LadyCar08/eContent/bg/bg_nav.gif) #dd2f83 no-repeat;
    display:block;
    padding:6px 0 6px 27px;
    color:#fff;
    font-size:12px;
    font-weight:bold;

}

.navCol ul li span,
.navCol ul li a {
	background:url(/images/LadyCar08/eContent/bg/bg_nav.gif) #dd2f83 no-repeat;
    display:block;
    padding:6px 0 6px 27px;
    color:#fff;
    font-size:12px;
    font-weight:bold;
	width: 200px;
}

.navCol ul li span,
.navCol ul li a.act {
	background:url(/images/LadyCar08/eContent/bg/bg_navActive.gif) #dd2f83 no-repeat;
	width: 200px;
}

ul.serviceLinkBox li span,
ul.serviceLinkBox li a.act {
	background:url(/images/LadyCar08/eContent/bg/bg_navActive.gif) #dd2f83 no-repeat;

}

ul.serviceLinkBox li ul,
.navCol ul li ul {
	margin:0;
    border:none;
}
.navCol ul li ul li a {
	background:url(/images/LadyCar08/eContent/bg/bg_navSub.gif) #fff no-repeat;
    color:#27363e;
	width: 200px;
}
ul.serviceLinkBox li ul li a {
	background:url(/images/LadyCar08/eContent/bg/bg_navSub.gif) #fff no-repeat;
    color:#27363e;
}

/* Inhalte */
#content {
	margin:0 0 0 6px;
	background:#fff;
    float:left;
    display:inline;
    padding:0 6px 10px 6px;
}
#content a {
	color:#df0a7a;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}
.moodBox {
	position:relative;
}

.infoBox {
 	border:1px solid #9d9ea0;
    width:550px;
    margin-top:10px;
	text-align:left;
}
.infoBox h2 {
 	background:#ededee;
    color:#dd2f83;
    font-size:11px;
    padding:2px 0 2px 10px;
}
.infoBox p {
    padding:2px 0 2px 10px;
}

.mainBox {
 	border:0px solid #9d9ea0;
    width:550px;
    margin-top:10px;
	text-align:left;
}
.mainBox h1 {
 	background:#ededee;
    color:#dd2f83;
    font-size:12px;
    padding:2px 0 2px 10px;
}

.mainBox h2 {
 	background:#ededee;
    color:#000000;
    font-size:11px;
    padding:2px 0 2px 10px;
}

.mainBox p {
    padding:2px 0 2px 10px;
}

.mainBox ul {
	margin-left: 12px;
    list-style-type: square;
}

.mainBox ol {
	margin-left: 12px;
}

.mainBox li  {
	list-style-position: inside;
	color:#dd2f83;
}

.mainBox span {
    color:#000000;
}

.mainbox table {
	width:553px;
    margin:5px 0 0 0;
}
.mainbox table th,
.mainbox table td {
	border:2px solid #fff;
    padding:8px 0 8px 15px;
    text-align:left;
    background:#ededee;
}
.mainbox table td.center {
    text-align:center;
}
.mainbox th.bgColor {
	background:#dd3183;
    color:#fff;
    border-left:none;
}
.mainbox td.col1 {
    background:#dbdcdd;
    border-left:none;
}
.mainbox th.col3,
.mainbox table td.col3 {
    border-right:none;
}
.mainbox table td.totalBox {
    background:#fff;
    border:1px solid #ededee;
}

.mapBox {
 	border:1px solid #9d9ea0;
    width:225px;
    margin-top:10px;
	text-align:left;
}
.mapBox h1 {
 	background:#ededee;
    color:#dd2f83;
    font-size:12px;
}

.mapBox h2 {
 	background:#ededee;
    color:#000000;
	font-size:11px;
}

.mapBox p {
}

.startTeaserBox {
 	border:2px solid #aea7a4;
    overflow:hidden;
    width:549px;
    margin-top:10px;
}
.startTeaserBox img {
	float:left;
}

.startTeaserBox ul {
	float:left;
    border-left:2px solid #dedddd;
    margin-bottom:-2px;
}
.startTeaserBox ul li {
	display:block;
    float:none;
    clear:both;
    border-bottom:2px solid #dedddd;
    width:332px;
    margin:0;
    padding:6px 0 6px 11px;
    background:#ededee;
}
*+html .startTeaserBox ul li {
    padding:4px 0 3px 11px;
    margin-bottom:-3px;
}
* html .startTeaserBox ul li {
    padding:4px 0 3px 11px;
    margin-bottom:-3px;
}
.startTeaserBox ul li span,
.startTeaserBox ul li a {
	font-size:11px;
    display:block;
}
.startTeaserBox ul li span.count {
	font-size:28px;
    font-weight:bold;
    color:#df0a7a;
    float:left;
    margin-right:5px;
}

/* Praemienrechner */
.calculator ul.process {
  	overflow:hidden;
    width:553px;
    border-left:1px solid #adaeb0;
    margin:0 -6px 12px -6px;
}
.calculator ul.process li {
	float:left;
    display:block;
    background:#ededee;
    border:1px solid #adaeb0;
    border-left:none;
    padding:5px 0 5px 14px;
    width:169px;
    font-size:12px;
    font-weight:bold;
}
.calculator ul.process li.act {
    background:#dd2f83;
    color:#fff;
}
.calculator ul.process li.step1 {
	padding-left:10px;
    width:173px;
}
.calculator ul.process li.step3 {
	width:170px;
}
.calculator h3,
.calculator p {
	padding-left:4px;
    width:500px;
    margin-bottom:10px;
}
.calculator ul {
    width:538px;
    margin-left:4px;
}
.stepForward,
.linkCounter {
    display:block;
    width:540px;
}
.stepForward {
	text-align:right;
}
#content .stepForward a,
#content .linkCounter a {
	text-align:left;
	background:url(/images/LadyCar08/eContent/bg/bg_nav.gif) #dd2f83 no-repeat;
    color:#fff;
    display:block;
    padding:5px 0 5px 30px;
    width:135px;
    border:1px solid #9d9ea0;
    text-decoration:none;
    font-size:12px;
    margin:20px auto 20px auto;
}
#content .stepForward a {
	width:60px;
    margin:10px 0 20px auto;
}
.calculator ul.list {
    width:536px;
}
.calculator .list li {
	background:#eeeef0;
    padding:5px 10px 5px 6px;
    margin-bottom:2px;
}

/* Teaser Spalte */
/*.teaserCol {
	float:left;
    display:inline;
    width:212px;
    margin-left:4px;
}
*/

.teaserCol {
	float: left;
	display: inline;
	width: 225px;
    margin-left:4px;
}

.teaserCol legend {
	display:none;
}

.NormalTextBox {
    border:1px solid #404042;
    padding:3px 0 3px 3px;
    background:#fff;
    position:relative;
    display:block;
}

.NormalTextBox input {
	position:absolute;
    top:-1px;
    left:143px;
	width:auto;
    border:none;
    background:url(/images/LadyCar08/eContent/bg/bg_arrow.gif) left center no-repeat;
    padding:2px 0 2px 13px;
}

.teaserCol fieldset {
    border:1px solid #404042;
    padding:3px 0 3px 3px;
    background:#fff;
    position:relative;
    display:block;
}
.teaserCol input {
	width:139px;
    border:1px solid #e7e6e7;
    color:#27363e;
    cursor:pointer;
    padding:1px 0 1px 1px;
    font-size:11px;
}
.teaserCol input.submit {
	position:absolute;
    top:-1px;
    left:143px;
	width:auto;
    border:none;
    background:url(/images/LadyCar08/eContent/bg/bg_arrow.gif) left center no-repeat;
    padding:2px 0 2px 13px;
}
*html .teaserCol input.submit {
    top:4px;
    left:148px;
    padding:1px 0 1px 7px;
}

/* Service Box
	rest styles see navCol
*/
ul.serviceLinkBox {
	margin:10px 0 0 0;
	border-right:1px solid #404042;
	border-left:1px solid #404042;
	border-bottom:1px solid #404042;
}
ul.serviceLinkBox li {
	border-top:1px solid #404042;
	display:block;
}
.tBox {
	margin-top:10px;
	border:1px solid #404042;
    background:#ededee;
    padding-bottom:8px;
    overflow:hidden;
}
.tBox h3 {
	background:url(/images/LadyCar08/eContent/bg/bg_teaserHead.gif) #dd2f83 no-repeat;
    display:block;
    padding:6px 0 6px 10px;
    color:#fff;
}
.tBox p {
	font-size:11px;
    color:#3e3e40;
    padding:4px 10px 0 10px;
    margin:0;
}
.teaserCol imgBox p {
	float:left;
    width:120px;
}
.tBox a {
	color:#df0a7a;
    font-size:11px;
    font-weight:bold;
    text-decoration:underline;
	display:block;
}
.tBox img {
	float:left;
    display:block;
}