/*
Stylesheet TEMPLATE
Author: Lothar Koch
Date: 2009-06-02
*/

/* SET BASE FONT ATTRUBUTES */
html, body, body * { font-family: Arial, Verdana, Tahoma, sans-serif; color: #444849; }
body { margin: 0px; padding: 0 0 20px; background: #fff url( ../img/bg_body.png ) repeat-x; font-size: 12px; line-height: 16px; text-align: center; } /* padding: 0px wegen Opera 7 */

div#outerContainer { width: 100%; height: 100%; }

/* REMOVE PADDING AND MARGIN VALUES */
* { margin-top: 0; margin-bottom: 0; }

/* container */
div#container	{ position: relative; width: 1000px; margin: 0 auto; padding-bottom: 10px; text-align:left; background: url( ../img/container_borderBottom.png ) repeat-x center bottom; }

/* header */
div#header { width: 100%; height: 150px; background: url(../img/bg_header.png); }
div#header img#logo { position: absolute; left: 40px; top: 9px; }

div#content, div#contentRight { padding-bottom:20px; }

/* content */
div#contentRight    { float: right; width: 265px; margin-right: 25px; padding: 0 0 40px; }
div#contentLeft     { float: left; width: 685px; margin-left: 10px; padding: 0 0 40px; }
div#content         { float: left; width: 980px; margin-left: 10px; padding: 0 0 40px; }
/* div#contentLeft specialRules */
div#contentLeft div.colL { float: left; width: 145px; }
div#contentLeft div.colR { float: right; width: 540px; }
/* div#content specialRules */
div#content div.colL { float: left; width: 145px; }
div#content div.colR { float: right; /* width: 835px; */ width: 685px; padding-right: 150px; }
/* div#content div.colR p { width: 530px; } */

/*
footer
*/
div#footer	{ clear: both; width: auto; padding: 0 0 12px 160px; background: url( ../img/bg_footerBar.png ) no-repeat center bottom; }
div#footer a { color: #999; font-size: 10px; text-transform: uppercase; }
div#footer span { color: #999; font-size: 10px; text-transform: uppercase; }

/* links general */
a:link, a:visited	{ color: #6B9E08; text-decoration: none; }
a:hover 			{ text-decoration: underline; }
a:active			{  }

/* a.more { display: block; text-align: right; } */
a.more { padding: 0 5px 0 5px; font-size: 12px; line-height: 20px; text-transform: uppercase; text-decoration: none; color: #fff; background: url( ../img/button_bg.png ) repeat-x left center;  }
a.moreBigger { display: inline-block; padding: 3px 10px; font-size: 12px; line-height: 20px; text-transform: uppercase; text-decoration: none; color: #fff; background: url( ../img/button_bg.png ) repeat-x left center;  }
a.listPdf { display: block; padding: 3px 0 5px 20px; background: url( ../img/pdf.png ) no-repeat left top; }
a.listLink { display: block; padding: 3px 0 5px 17px; background: url( ../img/link.png ) no-repeat left top; }
a.backTo1 { display: block; padding: 10px 0 10px 25px; background: url( ../img/icon_step1blueTiny.png ) no-repeat left center; }
a h2 {  }

button.ok { margin-top: 5px; padding: 2px 5px; border: none; color: #fff; text-transform: uppercase; background: url( ../img/button_bg.png ) repeat-x left center; }
button.okBigger { margin-top: 5px; padding: 3px 10px; border: none; color: #fff; text-transform: uppercase; background: url( ../img/button_bg.png ) repeat-x left center; }

/* SORT OUT HEADER FORMATTING AND SIZES */
h1, h2, h3, h4, h5, p, ul, ol, table { margin-left: 5px; }
li { margin-top: 1.1em; }
h1, h2, h3, h4, h5 { font-weight: normal; }
h1, h1 * { margin-top: 0; font-size: 24px; line-height: 24px; }
h2 { margin-top: 20px; font-size: 20px; line-height: 22px; }
#contentRight h2 { margin-top: 0px; padding-top: 5px; font-size: 18px; line-height: 22px; background: url( ../img/line.png ) repeat-x; }
h3 { margin-top: 10px; font-size: 14px; line-height: 18px; }
h3.fett { font-weight: bold; }
h4 {  }
h5 {  }
h6 {  }
p, table, li	{ margin-top: 10px; }
.bigText { font-size: 14px; line-height: 18px; }
.important { font-size: 13px; text-decoration: underline; }

/* lists */
ul { margin-left: 0; padding-left: 22px; }
ul li { list-style-image: url( ../img/li.png ); }

/* buttons */
button * { line-height: 1em; white-space: nowrap; } /* because of IE 6 */


/* images */
img { border: 0px; float: none; }
img.left { float: left; margin: 3px 10px 10px 0px; }
img.right { float: right; margin: 3px 0px 10px 10px;}

/*div#content .colR img, div#contentLeft .colR img  { border: 1px solid #e6e6e6; }*/

div.boxImage { float: right; margin-top: 5px; padding: 10px; padding-bottom: 0; background: #d9d9d9; }
div.boxImage img { border: 1px solid #999; }
div.boxImage div.subtitle {  }

/* tables */
table { border-collapse: collapse; font-size: 100%; } /* font-size: 100% wegen ie5 */
th, td { padding: 0px 10px 5px 0; vertical-align: top; text-align: left; }
th {  }
td {  }

/* nav */
div.nav { position: absolute; left: 143px; top: 89px; width: 857px; }
div.nav a { display: block; float: left; width: auto; }
div.nav a span.term { display: block; height: 45px; padding: 5px 15px 0; color: #fff; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; }
div.nav a:hover { color: #fff; }
/* nav active */
div.nav a.active { background: url( ../img/_nav_highlightL.png ) no-repeat left top; }
div.nav a.active span.term { background: url( ../img/_nav_highlightR.png ) no-repeat right top; }
div.nav a.active:hover { text-decoration: none; }
/* navSeparator */
div.navSeparator { float: left; padding: 5px 10px 0; font-size: 32px; color: #333; }

/* subnav */
div.subnavItem { width: 133px; margin: 0 0 5px 0; }
div.subnavActive { background: url( ../img/subnav_bottom.png ) left bottom; }
div.subnavItem a { display: block; width: 119px; padding: 5px 7px 7px 7px; text-transform: uppercase; }
div.subnavActive a { background: url( ../img/subnav_top.png ) no-repeat left top; color: #fff; }
div.subnavActive a:hover { text-decoration: none; }

/* logo_element */
img#logoelement { position: absolute; left: 1000px; top: 41px; }

/* forms */
input, textarea { font-size: 12px; }

/*
generals ------------------------------------------
*/
*.clear { clear: both; }
*.clearLeft { clear: left; }
*.clearRight { clear: right; }

*.right { float: right; }
*.left { float: left; }

.textRight { text-align: right; }

.widthAuto { width: auto !important; }

.short { width: 80px; }
.medium { width: 200px; }
.long { width: 400px; }

.mandatory, .mandatory * { }

.marginTop_h2 { margin-top: 20px; }
.marginTop_h1 { margin-top: 30px; }

.marginTop10px { margin-top: 10px; }
.marginTop20px { margin-top: 20px; }
.marginTop50px { margin-top: 50px; }

.marginRight10px { margin-right: 10px; }
.marginRight20px { margin-right: 20px; }

.marginLeft5px { margin-left: 5px; }
.marginLeft10px { margin-left: 10px; }

.noMarginTop { margin-top: 0; }

.paddingTop10px { padding-top: 10px; }

a.arrow { display: block; padding: 2px 0 2px 26px; background: url( ../img/arrow.png ) no-repeat left center; }

div.tiny_frame { width: 133px; background: url( ../img/image_tiny_frame_bottom.png ) left bottom; }
div.tiny_frame div { width: 130px; padding: 1px 2px 3px 1px; background: url( ../img/image_tiny_frame_top.png ) no-repeat left top; }

.separator { margin-top: 25px; padding-top: 10px;  }
.separatorDotted { margin-top: 20px; padding-top: 10px; border-top: 1px dotted #999; }

.alert { font-weight: bold; color: #2F77A0; }

/*
specials ------------------------------------------
*/

/* teaser startseite */
div#teaser { position: relative; width: 763px; height: 480px; margin-left: 100px; margin-top: 20px; background: url( ../img/teaser_BG.jpg ) no-repeat 0 0; }
div#teaser a#area1, div#teaser a#area2, div#teaser a#area3 { display: block; width: 240px; height: 150px; padding: 20px 10px 0; }
div#teaser a *, div#teaser a:hover  { color: #fff; text-decoration: none; }
div#teaser a#area1 { position: absolute; left: 5px; top: 5px; }
div#teaser a#area2 { position: absolute; left: 498px; top: 85px; }
div#teaser a#area3 { position: absolute; left: 165px; top: 315px; }
div#teaser span.header { display: block; margin-top: 0; font-size: 24px; line-height: 24px; }
div#teaser span.description { display: block; margin-top: 10px; }


/* form */
div.form { clear: right; padding: 20px 0 0; }
div.label { clear: both; float: left; background: url( ../img/form_label_bottom.png ) no-repeat left bottom; width: 145px; }
div.labelContent { padding: 10px 10px 13px; background: url( ../img/form_label_top.png ) no-repeat left top; color: #fff; }
div#content     div.formBody { float: right; width: 420px; margin-right: 400px; margin-bottom: 10px; padding: 5px 5px 15px; border: 1px solid #e6e6e6; }
div#contentLeft div.formBody { float: right; width: 420px; margin-right: 105px; margin-bottom: 10px; padding: 5px 5px 15px; border: 1px solid #e6e6e6; }
div.formElements { margin-top: 5px; margin-bottom: 5px; }
div.form label { display: inline-block; width: 100px; padding-right: 5px; text-align: right; }
div.agbCheck { clear: both; padding: 5px 10px 10px 143px; }
div.auxInfo { background: url(../img/i.png) no-repeat 113px top; padding: 5px 10px 10px 149px; }

div.prominent label { font-size: 14px; }
div.prominent input { font-size: 14px; }

div.form button { margin: 10px 0 0 143px; padding: 0 ; border: 0; background: transparent; cursor: pointer; }
div.formBody button { margin-left: 103px; }
div.buttonContentOuter { width: auto; height: 34px; padding-right: 18px; background: url( ../img/bg_button_right.png ) no-repeat right top; }
div.buttonContentInner { widht: auto; height: 34px; padding-top: 9px; padding-left: 15px; background: url( ../img/bg_button_left.png ) no-repeat left top;
    font-size: 12px; color: #fff; text-transform: uppercase; }

/* login */
div.login { width: auto; }
div.loginHeader { width: 230px; height: 27px; padding: 7px 10px 0 10px; background: url( ../img/login_header.png ) no-repeat left top; color: #fff; }
div.loginForm { width: 210px; margin: 0 4px; padding: 0 5px 10px 5px; border: 1px solid #e6e6e6; }
div.login p {  }
div.login button { border: none; background: 0; margin: 5px 0 0 0; padding: 0; background: transparent; cursor: pointer; }

/* atAGlance */
div.atAGlance { width: auto; }
div.atAGlanceHeader { width: 230px; height: 27px; padding: 7px 10px 0 10px; background: url( ../img/login_header.png ) no-repeat left top; color: #fff; }
div.atAGlanceList { width: 210px; margin: 0 4px; padding: 0 5px 10px 5px; border: 1px solid #e6e6e6; }
div.atAGlanceList a { display: block; }
div.pager { padding: 10px 0 0; }
div.pager a { padding: 10px 0 0; display: inline; }
div.pager a.vorherige { margin-right: 10px; }


/* imprint */
div.imprint {  }
div.imprint div { float: left; margin-right: 20px; }

/* zeitungsleser_daten */
div.form .agbCheck input { float: left; }
div.form .agbCheck label { text-align: left; width: 600px; }

div.hints { width: 250px; float: right; }
div.hint { margin-top: 4px; padding: 10px 0 10px 40px; background: url(../img/hook.png) no-repeat left top; font-size: 14px; }


/* additional/changed code for "praemien" start */
/* Prämien */
div.offer a { display: inline-block; margin-right: 10px; padding-bottom: 5px; }
div.offer a.praemien { padding-left: 25px; background: url(../img/icon_gift.png) no-repeat; }
table.praemie td { padding: 10px 5px; }
table.praemie td.image { text-align: center; }
table.praemie tr.a td { background: #f2f2f2; }
table.praemie h4 { font-weight: bold; }
table.praemie p { margin-top: 5px; }
/* additional/changed code for "praemien" end */