/* ------------------------------------------------------------------------------
Web2Date

Layout:KiribatiMixed
Stand:09.07.2013
Autor der
modifikationen:Webdesignconsult.de 
--------------------------------------------------------------------------------- */
/* Benutzerfarben:
usercolor.medium = "#96A4C6"
usercolor.dark = "#C2D0F5"
usercolor.bright = "#B57D9E"
usercolor.alt.bright = "#fffffe"
usercolor.alt.medium = "#666666"
*/


span.none {display:none;visibility:hidden;}

/* Content-Elemente */

/* Link nach oben im Content */
div.toplink  {
float:right;
line-height:20px;
}
/* Textabsätze Spaltenlayout von harlekin8*/
.spaltenueberschrift {float:left;margin:5px 5px 5px 0;}
.spaltenueberschrift h2 {}
.spaltenueberschrift p {clear:left;margin:5px 5px 5px 0 !important;} 

div.zweispaltig, div.dreispaltig {float:left;margin:0 20px 5px 0 !important;}
p.zweispaltig, p.dreispaltig,ul.zweispaltig, ul.dreispaltig {float:left;margin:0 20px 5px 0 !important;}
div.zweispaltig, div.dreispaltig {float:left;margin:0 20px 5px 0 !important;}
/* Für alle Browser außer IE 6 und 7 */
.clearfix:after {
content:".";
display:block;
clear:both;
font-size:0;
height:0;
visibility:hidden;
}


/* tab-mode */
p.border_bottom  {
border-bottom:1px solid #C2D0F5;
padding:2px 0;
}
p.border_bottom_pic  {
width:360px;
border-bottom:1px solid #C2D0F5;
padding:2px 0;
}


#footer a.email, a.email,a.link-mailto  {color:#AA0F03 !important;background:transparent url(../images/) 0 2px no-repeat;padding:2px 0 2px 24px;}
span.shop_id, .shop_preis,
.error  {color:#96A4C6  !important;font-weight:bold;font-style:normal  !important;}
#center, div.centered, .center, .centered, .sidebarcenter {text-align:center !important;}

#content table.spalten {width:100% !important;border:1px solid #dedede;padding:3px;}
#content table.spalten p.spaltentext {font-size:1.15em !important;}
#content h2 {font-family:Georgia, 'Times New Roman', Serif;font-style:italic;font-weight:normal;font-size:29px;margin:0 0 10px 0;padding:0;color:#96A4C6;}
#content h3{font-size:16px;font-family:Georgia, 'Times New Roman', Serif;font-style:italic;font-weight:normal;letter-spacing:.1em;margin:20px 0 5px 0;padding:0;clear:both;}
#content h4 {font-size:100%;font-weight:700;margin:8px 0 4px 0;padding:0;}

#content p {margin:0 0 10px 0;padding:0;line-height:160%;}
#content a {text-decoration:none;font-weight:bold;color:#96A4C6;}
#content a:hover {color:#666666 !important;text-decoration:underline;}

div.more_bottom, div.more_bottom a {
width:16px;
margin:20px  0  10px 5px;
padding-top:10px;
float:right;
z-index:100;
}
div.more_bottom a {text-decoration:none;border-bottom:none !important;}
div.more_bottom a:hover {text-decoration:none;}
div.more_bottom a:hover img {border:1px solid #C2D0F5;position:relative;margin:0;}
#more_bottom {padding:20px 0 ;text-align:right;}


/* Liste ausgelagert in style_w2d7.css */

/* Tabelle */
#content div.table_center  {
margin:10px auto;
}

#content table.individuelle {
text-align:left;
border-collapse:collapse;
border-spacing:0;
background-color:transparent;
margin-top:10px ;
}
#content table.individuelle td.cell {
padding:4px;
border-collapse:collapse;
line-height:160%;
}
#content table.individuelle td.headercell {
font-size:1.1em;
padding:4px;
font-weight:bold;
text-align:left  !important;
background-color:#6E2D46;
color:#ffffff;
}
#content table.individuelle td.headercol {
padding:4px;
font-size:1.1em;
font-weight:bold;
text-align:left  !important;
background-color:#6E2D46 !important;
color:#ffffff;
}
#content table.individuelle td.tablepic {
padding:1px;
text-align:center;
margin:0  auto;
}
#content table.individuelle a  {
color:#4A68A8 !important;
background-color:transparent;
}
/* Tabelle */
#content table.standard {
margin-top:10px ;
border:1px solid ;
border-collapse:collapse;
border-spacing:0;
}
#content table.standard td.cell {
border:1px solid ;
padding:4px;
border-collapse:collapse;
line-height:160%;
}
#content table.standard td.headercell,
#content table.standard td.headercol {
color:#fff;
padding:4px;
font-weight:bold;
background-color:#96A4C6;
border:1px solid ;
}

/* Tabelle original
#content table {text-align:left;}
#content table.cells {border:1px solid ;border-collapse:collapse;border-spacing:0;}
#content td.cell {border:1px solid ;padding:4px;border-collapse:collapse;line-height:160%;}
#content td.headercell {color:#fff;padding:4px;font-weight:bold;background-color:#96A4C6;}
*/

/*
#C7B273 - 3 
Picture */

/* Picture */
#content img.picture {padding:2px;background-color:#C7B273;}
#content img.picture:hover,
#content a:hover img.picture  {background-color:#C2D0F5 !important;border-bottom:none !important;} 

#content img.sidepicture_extra1 {
width:160px;
margin:5px    10px  10px  4px  !important;
}
#content img.bigpic_extra3 {
margin:5px    10px  10px  4px  !important;
}
#content img.bigpic_extra1 {
margin:5px    10px  10px  4px  !important;
}
#content img.bigpic_extra2 {
margin:5px   auto  10px  4px  !important;
padding:1.5px;
border-radius:8px;
border:1.5px solid  #96A4C6;
background-color:#96A4C6;
}
#content img.bigpic_extra2:hover {
border:1.5px solid #C2D0F5;
background-color:#C2D0F5;
}
#content img.sidepicture_extra2 {
width:160px;
margin:5px   auto  10px  4px  !important;
padding:1.5px;
border-radius:8px;
border:1.5px solid  #96A4C6;
background-color:#96A4C6;
}
#content img.sidepicture_extra2:hover {
border:1.5px solid #C2D0F5;
background-color:#C2D0F5;
}
#content img a  {
text-decoration:none  !important;
}
#content img a:hover {
border:1.5px solid #C2D0F5;
}

span.sidepicturetext {
display:block;
font-size:1.0em !important;
padding:2px 4px 2px 4px;
color:#666;
}
.picturecaption  {
display:block;
font-size:1.0em ;
text-align:left !important;
color:#C2D0F5 ;
font-weight:700;
clear:both;
padding:2px 4px 2px 4px;
}
.picturetext {
display:block;
text-align:left !important;
font-size:1.1em  !important;
clear:both;
padding:2px 4px 2px 4px;
color:#666 ;
}


/* Teaser */
div.teaserelement {float:left;padding:0  0  0  20px;margin:0 ;}
div.teaser {
margin:0 ;padding:2px 0  ;}
div.teaserpicture {float:right;padding:0 ;margin:0  0  10px 10px;border:none;}
p.teasertext {margin:0 ;padding:4px 0  4px 0 ;}
.teasernav {clear:both;padding:4px 0;margin:10px 0;text-align:center;border-bottom:1px solid ;}
.teasernav a {font-weight:400 !important;}
.teasernav a:hover {font-weight:400 !important;color:#666666;}

.buttoncaption {line-height:200%;}

/** Für Formulare und Shopseiten **/
table.formtab td.title { vertical-align:top;width:200px;}/* Breite für Titel der Formularfelder */
td.chk {vertical-align:top;background-color:#fff;border:1px solid #96A4C6;padding:4px;}
input.chkh {cursor:pointer;}

/*Formular required */
span.required  {color:#96A4C6;font-weight:bold;}
/* Rahmen und Farbe Formularelemente */
table.formtab select.tx,
table.formtab input.tx,
table.formtab textarea.tx {border:1px solid #B57D9E;font-weight:bold!important;letter-spacing:.1em;}

/* Weitere Styledefinitionen für Formularelemente */
/* Rahmen und Farbe Formularelemente Highlight */
table.formtab select.txh,
table.formtab input.txh,
table.formtab textarea.txh,
table.formtab td.txh,
table.formtab table.txh {border:1px solid #A70C0C;background-color:#F5E5E5;font-weight:bold!important;letter-spacing:.1em;}

/* Tabellenbreite */
table.pluginwidth {width:600px;margin:auto;}
table.completewidth, td.completewidth {width:100%;}
/* Breite der Formularfelder */
table.formtab input.tx,
table.formtab input.txh,
table.formtab textarea.tx,
table.formtab textarea.txh,
.field_anrede {width:400px;}

/* Höhe der Formularfelder */
table.formtab textarea.tx,
table.formtab textarea.txh {height:120px;}

/* Farbliche Anzeige von Fehlermeldungen, immer identisch */
table.formtab td.h, p.h, .h, .required {color:#A70C0C;font-weight:bold;text-align:center;}

/* Focus und Mausover von Formularelementen, immer identisch */
table.formtab textarea:focus,
table.formtab textarea:hover,
table.formtab select:focus,
table.formtab select:hover,
table.formtab input:focus,
table.formtab input:hover {
background-color:#C2D0F5;
} 

/* Plugin-Styles */
p.s2d, td.s2d  {color:#96A4C6;font-size:.9em;font-weight:400;margin:0 ;padding:2px 0  2px 0 ;}
p.s2dsmall  {font-size:.9em;}
a.s2dsmall, a.s2dinfo  {text-decoration:underline !important;}

/* Tipp des Tages mit Bild */
.tipppicture {float:left; margin:-1px   5px    3px   -2px; padding:0   10px   0  0; width:50px;}

/* Plugin Abstimmung */
div.ranka {margin:15px auto;width:200px;}
p#rankr {margin:5px auto;}


/* Liste */
/* (Bullets beispielsweise von http://www.webstylepress.com/designing-elements-bullets-icons-download/)*/
#content ul.bullet1 li {
background:url('../downloads/stern_bullet.png') no-repeat 0 4px; /*Wahlbullet 1 */
padding:0 0 2px 24px;
}
#content ul.bullet2 li  {
background:url('../downloads/stern_bullet_s.png') no-repeat 0 4px; /*Wahlbullet 2 */
padding:0 0 2px 22px;
}

#sidebarLeft ul.SBbullet1 li,
#sidebarLeft li.sb_teaserlist,
#sidebarRight ul.SBbullet1 li,
#sidebarRight li.sb_teaserlist  {
background:url('../downloads/stern_bullet.png') no-repeat 0 4px; /*Wahlbullet 1 */
padding:2px 0 2px 22px;
margin:6px 0;
}
#sidebarLeft ul.SBbullet2 li,
#sidebarLeft li.sb_teaserlist,
#sidebarRight ul.SBbullet2 li,
#sidebarRight li.sb_teaserlist  {
background:url('../downloads/stern_bullet_s.png') no-repeat 0 4px; /*Wahlbullet 2 */
padding:0 0 2px 20px;
margin:6px 0 6px 4px;
}
#content ul.normal,
#content ul.teaser_ul,
#content ul.bullet3,
#content ul.bullet2,
#content ul.teaser_ul,
#sidebarRight ul,
#sidebarLeft ul,
ul.SBbullet3 {
list-style:none;
line-height:150%;
padding:0 ;
margin:16px 0 20px 0 ;
}
#content ul.left {
padding:0 ;
margin:6px 0 20px 0 ;
}
#content ul.right {
list-style:none;
line-height:150%;
padding:0 ;
margin:0 0 20px 210px ;
}

#content ul.bullet1 {
list-style:none;
line-height:150%;
padding:0 ;
margin:16px 0 20px 0 ;
}
#content ol.left {
padding:0 ;
margin:6px 0 20px 20px ;
}
#content ol.count li,
#sidebarRight ol.count li,
#sidebarLeft ol.count li {
list-style-type:decimal;
padding:0;
margin:6px 0 0 0;
line-height:150%;
}

#content ul.bullet3 li,
#content ul.normal li,
#content ul.teaser_ul li,
#sidebarRight ul.bullet3 li,
#sidebarLeft ul.bullet3 li  {/* Standard-Liste */
list-style:none;
padding:0 0 2px 16px;
background:url(../images/pbull.gif) no-repeat top left;
}

#sidebarLeft li,
#sidebarRight li,
#content ul.bullet1 li, 
#content ul.bullet3 li, 
#content ul.bullet2 li,
#content ul.teaser_ul li  {
list-style:none;
padding:0 0 2px 16px;
}
#sidebarLeft li.sb_teaserlist,
#sidebarLeft li,
#sidebarLeft ul {
width:150px !important;
margin-left:10px;
}

#sidebarRight ol,
#sidebarLeft ol {
margin:0 0 0 -15px ;
}
/*Formular required */
span.required  {color:#96A4C6;font-weight:bold;}

/*Text- und Absatzhervorhebungen */
#content p i, #content li i, td i,
#sidebarRight p i, #sidebarRight li i,
#sidebarLeft p i, #sidebarLeft li i  {font-style:normal !important;font-size:1.0em;letter-spacing:0;}
i {font-style:italic !important;font-size:1.0em;}
span.none {display:none;visibility:hidden;}
/* Content-Elemente */
.extra {display:block;font-size:120% !important;border-top:solid 2px #96A4C6;padding:10px 0;margin:5px 0 0 0;}
.line {
clear:both;height:1px;background-color:#96A4C6;border:0;padding:0;margin:20px 0 8px 0;overflow:hidden;}
#content .w2dptablinks {font-size:.9em;padding:12px 0 0 0;border-bottom:1px solid #96A4C6;margin-bottom:10px;}
#content .w2dptablinks a {text-decoration:none;font-weight:400;padding:6px 10px;border-top:1px solid #96A4C6;border-right:3px solid #96A4C6;border-left:1px solid #96A4C6;display:block;float:left;margin-right:3px;color:#96A4C6;background-color:transparent;outline:0;}
#content .w2dptablinks a.w2dptabsel {color:#fffffe;background-color:#96A4C6;font-weight:bold;}
#content .w2dptablinks a.w2dptabsel:hover,#content .w2dptablinks a:hover {color:#B57D9E !important;background-color:#fffffe;}
#content .w2dptablinks a:hover {text-decoration:none;}
#content .w2dptablinks {padding:12px 0 0 0;border-bottom:1px solid #96A4C6;margin-bottom:10px;}

.sidepictureright,.sidepictureleft {width:182px;text-align:center;}
.sidepictureright, .sidepicture {
float:right;padding-left:10px;padding-bottom:10px;}
.sidepictureleft {float:left;padding-right:10px;padding-bottom:10px;}
#content img {padding:8px;}/* this is really important, don't touch */
#content img a {border:none !important;}/* this is really important, don't touch */
sidepicture  {margin-bottom:0;}

span.sidepicturetext,
span.picturecaption,
p.picturetext,
h3.picturetext {text-align:left !important;font-size:.9em  !important;clear:both;color:#96A4C6;}
span.sidepicturetext {display:block;width:158px;padding:2px 4px 2px 8px;}
span.picturecaption {font-weight:bold;display:block;padding:2px 4px 2px 8px;}
p.picturetext {padding:2px 4px 2px 8px;}

/* Text */
.texttabs {margin:10px 0;padding:4px 0;}
.texttab {text-decoration:none;padding:6px 10px;background-color:#fffffe;color:#96A4C6;font-weight:400  !important;border:1px solid #fff;}
.texttab:hover {text-decoration:none;color:#C2D0F5;}
.texttabsel,
.texttab .texttabsel a {background-color:#96A4C6;color:#fffffe !important;}

#content p.emphasizeleft {padding-left:10px;border-left:10px solid #96A4C6;}
#content p.emphasizeright {padding-right:10px;border-right:10px solid #96A4C6;}
#content p.emphasize {border-left:10px solid #96A4C6;padding-left:16px;margin:10px 0;}

/* Icons für Downloadlinks */
/* CAVE:auf die Hintergrundgrafik von besuchten Links achten */
a.iconlink {padding-left:17px !important;display:inline-block;white-space:nowrap;background-repeat:no-repeat;background-position:0 2px;}

a.iconlink2 {background-image:url(../images/piconfile.gif);}
a.iconlink3 {background-image:url(../images/piconexe.gif);}
a.iconlink4 {background-image:url(../images/piconmovie.gif);}
a.iconlink5 {background-image:url(../images/piconsound.gif);}
a.iconlink6 {background-image:url(../images/piconpdf.gif);}
a.iconlink7 {background-image:url(../images/picontext.gif);}
a.iconlink8 {background-image:url(../images/piconzip.gif);}


#contentfooter {border-top:1px dotted #C2D0F5;margin: 0 auto;text-align:left;padding:5px;color:#666;background-color:#ccc;}
#contentfooter table  {width:81%;border:none;margin: 0 auto;text-align:left;padding:5px 0;}
td.footercell {width:33%;min-height:100px;padding:5px 0;}
td.footercell1 {margin:0;width:33%;min-height:100px;padding:10px;}
td.footercell2 {margin:0;width:33%;min-height:100px;padding:10px;}
td.footercell3 {margin:0;width:33%;min-height:100px;padding:10px;}
a.linkhome {color:#B57D9E !important}

h2.linkhome {color:#C2D0F5 !important}