/* 
Design		: westbrook for http://partyverleih-muenchen.de
CCML		: webdesignconsult
Date		: 16.03.2015
Website		: http://designshop.webdesignconsult.de/
Description	: 3-Spaltenlayout mit links angeordneter Navigation.
===============================================================================

/* gewählte Designfarben */
usercolor.medium = "#2E3B66"
usercolor.dark = "#161D32"
picturebordercolor = "#aaaaaa"
*/

/* DWFormgenerator Warenkorbbutton */
form.warenkorb  {font-family:tahoma;font-size:11px;}
form.warenkorb button {cursor:pointer;margin-top:6px;}
form.warenkorb select {font-family:tahoma;font-size:12px !important;}
div.warenkorbx {width:300px; background-color:#f6f6f6;border-width:1px;border-style:solid;border-color:#2E3B66;padding:0 10px 10px 10px;margin:10px 0 15px 20px;border-radius:7px;box-shadow:5px 5px 5px #aaa;}
div.warenkorbxx {width:300px; background-color:#F0F0F0;padding:0 10px 10px 10px;margin:10px 0 15px 20px;}
div.warenkorb {width:100%; background-color:#F0F0F0;padding:0 10px 10px 10px;margin:10px 0 15px 20px;}


a.dwflink:link {text-decoration: underline; color: #0000FF}
a.dwflink:visited {text-decoration: underline; color: #0000FF}
a.dwflink:hover {text-decoration: underline; color: #0000FF}
.fieldset {
 width:90%;
 text-align:left;
 margin-bottom:10px;
}
.basket_head {
 background-image:url(http://www.dw-formmailer.de/images/basket/basket_bg_orange2_hg.png);
 color:black;
}
.font-big {
 font-family:Verdana, sans-serif;
 font-size:16px; font-weight:bold;
 color:#000;
}
.font-small {
 font-family:Verdana, sans-serif;
 font-size:10px; font-weight:normal;
 color:#000;
}
.table {
 background-color:transparent;
 width:90%;
}
.table2 {
 background-color:transparent;
 width:100%;
}
.head {
 background-color:transparent;
}
.main {
 background-color:transparent;
 font-family:Verdana, sans-serif;
 font-size:12px; font-weight:normal;
 color:#000;
}
.foot {
 background-color:transparent;
}
.align {
 text-align:left;
}
.textarea {
 background-color:#fff;
 color:#000;
 font-family : Verdana, Helvetica, sans-serif;
 font-size:10px;
 font-weight: normal;
 border : 1px solid #808080;
 border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
 padding: 2px;
 position:relative;
}
.input {
 background-color:#fff;
 color:#000;
 font-family : Verdana, Helvetica, sans-serif;
 border : 1px solid #808080;
 font-size:10px;
 border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
 padding: 2px;
 position:relative;
}
.select {
 background-color:#fff;
 color:#000;
 font-family : Verdana, Helvetica, sans-serif;
 border : 1px solid #808080;
 font-size:10px;
 border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
 padding: 2px;
 position:relative;
}
.textarea:hover, .textarea:focus, .input:hover, .input:focus, .select:hover, .select:focus {
 border : 1px solid #222222;
}
.button {
 cursor: pointer;
 padding:5px 12px 5px 12px;
 display:inline;
 text-decoration:none;
 border-radius:10px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 position:relative;
 background-color:#FFDAA2;
 color:#000;
 font-family : Verdana, Helvetica, sans-serif;
 font-size:12px;
 font-weight: bold;
 border : 1px solid #fff;
 min-width: 130px;
}
.button_send {
 cursor: pointer;
 padding:5px 12px 5px 12px;
 display:inline;
 text-decoration:none;
 border-radius:10px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 position:relative;
 background-color:#83ADDD;
 color:#000;
 font-family : Verdana, Helvetica, sans-serif;
 font-size:12px;
 font-weight: bold;
 border : 1px solid #fff;
 min-width: 130px;
}
.button:hover, .button:focus {
 border : 1px solid #fff;
 text-decoration:none;
 background: #FF944D;
}
.button_send:hover, .button_send:focus {
 border : 1px solid #fff;
 text-decoration:none;
 background: #456CFF;
}
/* Tabelle im html-Clip */
table.html {width:890px;font-size:1.1em;margin-left:-33px;color:#2E3B66;}

/* Tabelle Addition im html-Clip */
table.htmlright {font-size:1.1em;#2E3B66;float:right;margin-left:-39px;}
.sidepictureaddition {width:115px;height:80px;float:left;padding-right:4px;padding-bottom:0;}


/* Shopbereich */
table#summary  {background-color:#E8E8E8 !important;}
span.small {padding:10px 0 !important;font-size:.8em;}

/* Eigener Akkordeon von Harlekin  */
.inhalt {padding:10px;}
.balken {background:url(pbar_closed.png) no-repeat;cursor:pointer;}
.current {background:url(pbar_open.png) no-repeat;}
h2.balken  {padding:4px 0 0 50px  !important;color:#fff !important;font-size:14px;text-transform:none;height:30px;width:90%;border-bottom:1px solid #161D32;}

div.flashmovie {width:100%;margin:0  auto;text-align:center;}
/*Text- und Absatzhervorhebungen */
p:first-letter {color:#2E3B66 !important;background-color:transparent;}
p i, li i, td i,
p i, li i, td i  {
color:#2E3B66 !important;
background-color:transparent;
font-size:1.1em;
}
#content a,#sidebar a {text-decoration:none;font-weight:700;color:#5063a1;}
#content a:hover,#sidebar a:hover  {text-decoration:underline;}
a.email  {color#5063a1;;background:transparent url(../images/email.gif)  0 5px no-repeat;padding:2px 0 2px 30px;}

#content h2,#sidebar h2 {font-weight :700;text-transform:uppercase;letter-spacing:2px;margin:10px 0 5px 0;padding:0;color:#161D32;}
#content h2 {font-size:19px;}
#sidebar h2 {font-size:15px;}

#content h3 {font-size:20px;font-weight:700;margin:20px 0 4px 0;padding:0;text-transform:none;letter-spacing:.1em;}
#content h4 {font-size:20px;}
#sidebar p, #content p {padding:0;line-height:auto;margin:0 0 10px 0;}

/* Diverses */
.clearer,.clear,.h2clear {clear:both;}
div.center, .center  {text-align:center;margin:10px auto;}
div.distance  {margin:0 0 0 4px;}

span.error{color:#5063a1 !important;}

span.shop_id, .shop_preis,
.price, shop,
.error, .teaser_error  {
font-weight:700  !important;
font-style:normal  !important;
}
p.error  {
margin-top:20px !important;
background-color:#fff;
}
.center {margin:10px auto !important;text-align:center!important;}
span.none {display:none;visibility:hidden;}

span.color  {color:#161D32;}

/* Link nach oben im Content */
div.toplink  {float:right;line-height:20px;}
/* Textabsätze Spaltenlayout von harlekin8*/
p,ul {font-size:1.1em;}

/* Textabsätze Spaltenlayout von harlekin8*/
.spaltenueberschrift {float:left;margin:5px 10px 5px 0;}
.spaltenueberschrift p {clear:left;margin:5px 10px 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;}

/* 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 #161D32;
padding:2px 0;
}
p.border_bottom_pic  {
width:360px;
border-bottom:1px solid #161D32;
padding:2px 0;
}
h3.h3right  {
text-align:right;
margin-right:5px;
}
h3.h3center  {
text-align:center;
}

/* Liste */
/* (Bullets beispielsweise von http://www.webstylepress.com/designing-elements-bullets-icons-download/)*/
/*Wahlbullet 1 */
#content ul.bullet1 li {background:url('../') no-repeat 0 4px;padding:0 0 0 24px;}
/*Wahlbullet 2 */
#content ul.bullet2 li  {background:url('../') no-repeat 0 4px;padding:0 0 0 22px;}
/*Wahlbullet 1 */
#sidebarLeft ul.SBbullet1 li,#sidebarLeft li.sb_teaserlist,#sidebar ul.SBbullet1 li,#sidebar li.sb_teaserlist  {background:url('../') no-repeat 0 4px;padding:2px 0 0 22px;margin:6px 0;}
/*Wahlbullet 2 */
#sidebarLeft ul.SBbullet2 li,#sidebarLeft li.sb_teaserlist,#sidebar ul.SBbullet2 li,#sidebar li.sb_teaserlist  {background:url('../') no-repeat 0 4px;padding:0 0 0 20px;margin:6px 0 6px 4px;}
#content ul.normal,#content ul.teaser_ul,#content ul.bullet3,#content ul.bullet2,#content ul.teaser_ul,#sidebar 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:10px 0 0 0 ;}

#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,#sidebar ol.count li,#sidebarLeft ol.count li {list-style-type:decimal;padding:0;margin:6px 0 0 0;line-height:150%;}

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

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


/* Teaser */
/* neue Listen-Teaser */
#content div.entryindex ul li p.excerpt {
margin:2px 4px 5px 2px  !important;
display:none;
text-align:left;
line-height:120% !important;
font-size:1.0em;
}
#content div.entryindex ul {
padding:0;
margin:10px  0 10px  0 ;
}
#content div.entryindex ul li {
background-color:#ccc;
margin:0 auto;
padding:.1em;
list-style:none;
width:90%;
border-radius:8px;
border:thin solid #aaaaaa;
}
#content div.entryindex ul li:hover,
#content div.entryindex ul li:focus {
border:thin solid #161D32;
}
#content div.entryindex ul li:hover .postinfos,
#content div.entryindex ul li:focus .postinfos {
display:none;
}

#content div.entryindex ul li:hover p.excerpt,
#content div.entryindex ul li:focus p.excerpt {
display:block;
}
#content div.entryindex ul li h3 {
font-weight:400 !important;
margin:2px 2px 0 0  !important;
padding:2px 0;
}
#content div.entryindex ul li h3 a {
font-size:.8em;
border-bottom:none;
text-decoration:none;
}
#content div.entryindex ul li:hover h3 a,
#content div.entryindex ul li:focus h3 a {
border-bottom:1px solid #161D32;
text-decoration:none  !important;
}
#content h3 a.teaser,
#content h3.teasertext a.teaserlink {
font-weight:400 !important;
font-size:smaller;
font-weight:400;
}
li h3 a:hover  {
text-decoration:none  !important;
}

/* Teaser */
div.teaser {
margin:0;
padding:2px 0 ;
}
div.teaserborder {
margin:0 0 5px 0;
padding:2px 0 ;
border:1px solid #161D32;
}

div.teaserhintergrund {
font-size:.9em;
padding:2px 4px;
color:#F5F5F5  !important;
border:1px solid #161D32;
margin:1px 0 16px 0;
background:url(../images/pteaser.gif) repeat-x scroll top left;
}
div.teaserelement {
float:left;
padding:0 0 0 16px;
margin:0;
}

div.teaserpicture {
float:right;
padding:0;
margin:0 0 10px 10px;
border:none;
}

p.teasertext {
margin:0;
padding:4px 0;
}

.teasernav { /* für Suchregister*/
clear:both;
font-size:12px;
letter-spacing:.4em;
padding:2px  0   2px  0  ;
margin:0 auto ;
text-align:center;
}
p.lookup { /* für Suchregister*/
  font-size:110%;
  margin:10px     15px    0 10px;
padding:5px 0 ;
letter-spacing:.4em;
}
p.lookup:first-letter{color:#161D32;font-size:20px;padding:4px  0   0  0  ;letter-spacing:.1em;}
a.teaserheader{font-weight:400 !important;padding:0  ;margin:0  ;}
p.teaserregister:first-letter{font-size:20px;color:#161D32;padding:4px  0   0  0  ;letter-spacing:.1em;}
p.teaserregister {clear:both;line-height:130% !important;  margin:10px  15px  0 10px;padding:5px 0 ;text-align:left;letter-spacing:.1em;}
.sidepictureleft {float:left;padding-right:10px;padding-bottom:10px;}
.rightemphasize { margin-right:10px;}/* Abstand, wenn emphasize */
.sidepictureright, .sidepicture {float:right;padding-left:10px;padding-bottom:10px;}
.sidepicture  {margin-bottom:0;}

h3.sidepicturecaption {font-size:12px !important;font-weight:700;display:block;padding:0 4px 2px 0;color:#161D32 !important;background-color:transparent;margin:0 4px 0 0 !important;}
span.sidepicturetext {font-size:10px;font-weight:400;display:block;padding:2px 4px 2px 0;color:#666 !important;background-color:transparent;}
span.picturetext {font-weight:400;display:block;padding:2px 4px 2px 0;color:#666 !important;background-color:transparent;}

/* Picture */
#content img.picture,#sidebar img.picture  {margin:10px auto;padding:0 2px 2px 0;background:url(../assets/pbacksb.png) no-repeat right bottom !important;border:none !important;}
#content img.sidepicture  {margin:10px auto;padding:0 2px 2px 0;background:url(../assets/pbacksb.png) no-repeat right bottom !important;border:none !important;}
#content img.teaser_picture {margin:10px auto;padding:0 2px 2px 0;background:url(../assets/pbacksb.png) no-repeat right bottom !important;border:none !important;}
td.tablepic img.table_picture {padding:0 10px 0 0;background:url(../assets/pbacksb.png) no-repeat right bottom !important;border:none !important;}
img.sidepicture {padding:0 2px 2px 0;background:url(../assets/pbacksb.png) no-repeat right bottom !important;border:none !important;}


#more {
margin:20px 0;
padding:0;
text-align:right;
}
#more_bottom {
margin:0  ;
padding:20px 0 ;
text-align:right;
}
div.more_bottom, div.more_bottom a {
width:16px;
margin-right:5px;
margin-left: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 #161D32; 
position:relative;
margin:0;
}

/* Text */
#content .texttabs {
margin:10px 0;
padding:4px 0;
}
#content .texttab {
padding:4px 6px;
border:1px solid #161D32;
font-weight:400;
outline:0;
}
#content .texttabsel {
background-color:#161D32;
color:#fff;
}
#content p.emphasizeleft {
padding-left:10px;
border-left:10px solid #161D32;
}
#content p.emphasizeright {
padding-right:10px;
border-right:10px solid #161D32;
}

/* Tabelle */
#content table.individuelle {text-align:left;border-collapse:collapse;border-spacing:0;background-color:transparent;margin-top:10px ;}
#content table.individuelle.medium{font-size:120%;}
#content table.individuelle.big{font-size:140%;}

#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:700;
text-align:left  !important;
background-color:#6E2D46;
color:#ffffff;
}
#content table.individuelle td.headercol {
padding:4px;
font-size:1.1em;
font-weight:700;
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 #aaaaaa;
border-collapse:collapse;
border-spacing:0;
}
#content table.standard td.cell {
border:1px solid #aaaaaa;
padding:4px;
border-collapse:collapse;
line-height:160%;
}
#content table.standard td.headercell,
#content table.standard td.headercol {
color:#fff;
padding:4px;
font-weight:700;
background-color:#161D32;
border:1px solid #aaaaaa;
}
.buttoncaption {
line-height:200%;
}


/* Plugin-Styles */

/* Laufschrift zeitgesteuert */
#Laufschrift  {
z-index:0;
font-size:11px;
background-color:#fff;
padding-top:5px;
position:absolute;
left:-32000px;
top:30px !important;
white-space:nowrap;
}
#Laufschrift p  {
color:#161D32;
}

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

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

/* diverse */
td.picturecell_termine {
background-color:#eee;
}
a.s2dsmall, a.s2dinfo  {
text-decoration:underline !important;
}
.s2d  { /* Format ggf. anpassen an verwendetes Plugin */
color:#161D32;
}

td.s2d option.s2d { 
padding-right:10px;
font-weight:700;
}
p.s2d  {
font-size:180%;
color:#161D32;
font-weight:700;
margin:0;
padding:2px 0;
line-height:200%;
}
P.s2dsmall  {
font-size:80%;
}



/** Für Formulare und Shopseiten **/
table.formtab td.title { /* Breite für Titel der Formularfelder */  
  vertical-align:top;
width:280px;
}
/* Rahmen und Farbe Formularelemente */
table.formtab select.tx,
table.formtab input.tx,
table.formtab textarea.tx {
border:1px solid #aaaaaa;
}
/* 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;
}

/* Tabellenbreite */
table.pluginwidth,
table.formtab textarea.txh {
width:400px;
margin:0 auto;
}
.completewidth, .pluginwidth {
width:100%;
}

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

/* Farbliche Anzeige von Fehlermeldungen, immer identisch */
.h {
color:#A70C0C;
font-weight:700;
text-align:left;
}
/*Formular required */
span.required  {
color:#161D32;
font-weight:700;
}
/* 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 {
background-color:#995234;
color:#fff;
letter-spacing:.1em;
font-weight:700;
} 
/* Innenabstand von Formularelementen und Tabellenzellen, immer identisch */
table.formtab input,
table.formtab textarea,
table.formtab td {
padding-left:3px;
padding-right:3px;
margin:0;
}