/* -------  CSS Styles by Caroline Clouqueur www.clouqueur.net ------- */

/* ------------ for De-bugging ------------ */
/*
div { border: 1px solid green; }
div div { border: 1px solid blue; }
div div div { border: 1px solid red; }
*/

/* ------------ Basic formatting ------------ */
/* ------------------------------------------ */
body { margin: 0 auto; background-color: #DFE6F2; /*light blue*/ }

strong { font-weight: bold; }
em { font-style: italic; }
sup, sub { line-height: 0; }
.center {text-align: center;}
.small {font-size: 85%;}

iframe {
	overflow: hidden;
	padding: 0px;
	margin: 0px 0px 0px 14px;
}

iframe.widgetdemo {
	border-style: solid;
	border-color: black;
	border-width: 1px;	
}

/* ------------ Default Linking Styles ------------ */
/* ------------------------------------------------ */
a { text-decoration: underline; color: #3366CC; /* blue */ }
a:link, a:visited { color: #3366CC; /* blue */ }
a:hover { color: #E78E00; /* orange */ }
a:active { color: #3366CC; /* blue */ }
/* ------------ Bookmarking services -------------- */
/* ------------------------------------------------ */

img.addsocial {clear:none; display:inline;} 
ul.addsocial {list-style-type: none; display: inline;}
li.addsocial {display: inline;}

/* -------------- Positioning Divs ---------------- */
/* ------------------------------------------------ */
/*div { margin: 0 auto; }*/

#custom-doc { width:59.23em;*width:57.8em;min-width:770px; margin:auto; text-align:left; background: transparent url("../images/bg_container.gif") repeat-y; }

/* ---------- Masthead, Functional Nav (Logout, Site Map, etc.) -------------- */
/* ----------------------------------------------------------------- */
#hd { height: 70px; background: transparent url("../images/bg_masthead.gif") no-repeat; }
#hd ul { font-size: 85%; margin-left: 530px; /* non-IE */ *margin-left: 545px; /* IE */  text-align: center; }
#hd ul li { padding: 5px 3px; display: inline; float: left; }
#hd ul li a { text-decoration: none; color: #1D2D77;/*dark blue*/ }
#hd ul li a:link, ul.funcNav a:visited { color: #1D2D77; }
#hd ul li a:hover { text-decoration: underline; }
#hd ul li a:active { color: #1D2D77; }

/* -------  Top Navigation Rules  (Startseit, Wie funktioniert es, etc.) ----- */
/* ----------------------------------------------------------------------- */
#topNav { height: 40px; }
#topNav ul { margin-left: 15px; /* non-IE */ *margin-left: 15px; /* IE */ text-align: center; /* all appear one after the other */ }
#topNav ul li { width: 181px; padding-right: 5px; float: left; }

/* -------  Splash image (Home) ----- */
/* ----------------------------------------------------------------------- */
#splash { height: 217px; width: 770px; background: transparent url("../images/bg_splash.jpg") no-repeat; }
/* -------  Splash image (Inner Pages ----- */
/* ----------------------------------------------------------------------- */
#splash_inner { height: 45px; width: 770px; background: transparent url("../images/bg_splash_inner.jpg") no-repeat; }

/* -------  Secondary Navigation Rules  (B�cher & Links, Kompatible H, etc.) ----- */
/* ----------------------------------------------------------------------- */
#secNav { height: 23px; }
#secNav ul { margin-left: 130px; /* non-IE */ *margin-left: 130px; /* IE */ text-align: center; /* all appear one after the other */ }
#secNav ul li { color: #1D2D77;/*dark blue*/ padding: 5px 10px 15px 15px; float: left; background: transparent url("../images/bullet_secNav.gif") no-repeat; font-size: 92%; font-weight: bold; }
#secNav ul li.symbols { padding: 0; background-image: none;  }
#secNav ul li a { text-decoration: none; color: #1D2D77;/*dark blue*/ }
#secNav ul li a:link, ul.funcNav a:visited { color: #1D2D77; }
#secNav ul li a:hover {text-decoration: underline; }
#secNav ul li a:active { color: #1D2D77; }
#secNav img.symbols { float:left; padding-right: 10px;}

/* ------------------- Left Column Rules ------------------- */
/* ------------------------------------------------------------- */

/*doc width { width:59.23em;*width:57.8em;min-width:770px; margin:auto; text-align:left; }*/
.yui-t2 #leftCol.yui-b { width:14.615em;*width:14.263em; } /*190px*/
.yui-t2 #yui-main.yui-b { margin-left:16.154em;*margin-left:15.765em; } /*+20px*/

#leftCol { min-height: 230px; background: transparent; margin-top: 15px; }
#leftCol p, #leftCol h1, #leftCol h2, #leftCol h3, #leftCol h4, #leftCol h5, #leftCol h6, #leftCol ul { clear:both; padding-left: 25px; padding-right: 10px; color: #666; /*gray*/}

#leftCol h1 { font-size:159%; color: #1D2D77;/*dark blue*/ font-weight: bold; padding-top: 10px; }

#leftCol p { font-size: 85%; padding-top: 0.3em; padding-bottom: 0.3em;}
#leftCol p.price, #leftCol p.empfehlen { font-size: 114%;font-weight: bold;}
#leftCol p.smallText { padding-top: 1.3em;}
#leftCol p.empfehlen { color: #1D2D77;/*dark blue*/ padding-top: 0; font-weight: bold; color: #3366CC; /* blue */ text-align: left; margin-bottom: 0.5em; font-size: 107%; padding-left: 22px; background: transparent url("../images/icon_arrowsm_right.gif") no-repeat; margin-left: 15px;}

#leftCol p.empfehlen a {color: #1D2D77;/*dark blue*/}
#leftCol ul { padding-top: 0.3em;}
#leftCol ul.deal { font-size: 107%; font-weight: bold;}
#leftCol ul.deal li { padding: 0 12px; float: left; background: transparent url("../images/bullet_leftCol.gif") left center no-repeat; line-height: 1.5em;}
#leftCol a { text-decoration: none; color: #666;/*gray*/ }
#leftCol a:link, ul.funcNav a:visited { color: #666;/*gray*/ }
#leftCol a:hover {text-decoration: underline; }
#leftCol a:active { color: #666;/*gray*/ }

/* ------------------- Calendar Formatting ------------------- */
#kalender {margin-top: 15px;} 
#kalender h2 { font-weight: bold; color: #3366CC; /* blue */ text-align: left; margin-bottom: 0.5em; font-size: 107%; padding-left: 22px; background: transparent url("../images/icon_arrowsm.gif") left center no-repeat; margin-left: 15px;}
#kalender table { text-align: center; margin: 14px 25px 20px 14px; }
#kalender table thead th { text-align: center; color: #1D2D77; /* blue */ padding:0.4em 0.5em 0.3em 0.5em; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; font-size: 92%; background-color: #E7ECF8; border-top: 2px solid #C1CDDA;border-bottom: 2px solid #C1CDDA;}
#kalender table thead th.day { text-transform: uppercase; letter-spacing: 1px; font-size: 78%; border-top: none;border-bottom: 2px solid #C1CDDA; padding-bottom: 0.2em; background-color: #f9fbff;}
#kalender table thead td { text-align: center; color:#333; padding:0.5em 0.4em;}
#kalender table tbody th { text-align: center; color:#333; padding:0.5em 0.4em; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; font-size: 92%; border-right: 1px solid #C1CDDA; border-bottom: 1px solid #C1CDDA;}
#kalender table tbody td { text-align: center; color:#333; font-size: 85%; padding:0.5em 0.4em; border-left: 1px solid #C1CDDA; border-right: 1px solid #C1CDDA; border-bottom: 1px solid #C1CDDA;}

#kalender table tbody td.today { background-color: #E7ECF8; /* light blue */}
#kalender table tbody td.favorable { background-color: #fc3; /* orange-yellow */}

#kalender table tbody td a { text-decoration: none; color: #333;/*gray*/ }
#kalender table tbody td a:link, ul.funcNav a:visited { color: #333;/*gray*/ }
#kalender table tbody td a:hover {color: #3AA5DE; /* bright blue */ }
#kalender table tbody td a:active { color: #333;/*gray*/ }

/* ------------------- Centre Column Rules ------------------- */
/* ----------------------------------------------------------- */
#yui-main {padding-bottom: 30px;}

#yui-main p, #yui-main h1, #yui-main h2, #yui-main h3, #yui-main h4, #yui-main h5, #yui-main h6, #yui-main dl { clear:both; padding-right: 30px; padding-left: 17px; }

#yui-main p { padding-bottom: 0.7em;line-height: 1.3em;}
#yui-main p.explanation { font-weight: bold; padding: 0.9em 0.5em 0.5em 4em; color: #1D2D77; /* blue */ }
#yui-main p.error { font-weight: bold; color:#B81B0B; }
#yui-main p.noSpacing {padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; line-height: 0.5em;}
#yui-main h1 { font-size:144%; font-weight: bold; padding-top: 0.7em; padding-bottom: 0.7em; color: #3366CC; /* blue */ }
#yui-main .subheader { font-size:136%; color: #1D2D77;/*dark blue*/ }
#yui-main h2 { font-size:121%; font-weight: bold; margin-top: 0.7em; margin-bottom: 0.1em; margin-left: 17px; padding-left: 61px; color: #1D2D77; /* blue */ background: transparent url("../images/bullet_yellowmoons.gif") no-repeat center left;}

#yui-main h3 { font-size:114%; font-weight: bold; padding-top: 0.7em;	}
#yui-main h4, #yui-main h5, #yui-main h6 { font-weight: bold; font-style: italic; padding-top: 0.5em; }	
#yui-main h4 { color: #3366CC; /* blue */ }
#yui-main h6 {color: #666; /* gray */ }
#yui-main blockquote { font-size: 92%; padding: 0.9em 1.1em; margin: 0.5em 3em 1.2em 2em; background-color: #D3DDF6; /* pale blue */ color: #333; /* almost black */ }
#yui-main blockquote p { padding: 0; margin:0; }


#yui-main ul { margin: 0.2em 3em; list-style-type: square; }
#yui-main ul ul { margin-left: 2em; }
#yui-main ul ul li{ font-style: italic; }
#yui-main li { padding: 0 0 0.4em 0; }
#yui-main ol { margin: 0.2em 3em; list-style-type: decimal; }
#yui-main li ol { margin: 0.2em 1.6em; list-style-type: lower-alpha; }
#yui-main ul.addsocial {list-style-type: none; display: inline;}
#yui-main li.addsocial {display: inline;}

#yui-main dl dt { padding-top: 0.5em; font-weight: bold; color:#00539B}
#yui-main dl dd { padding-left: 1em; text-indent: 1em; }

#yui-main img { clear:both; display:block; float:none;  margin:0pt auto; text-align: center; /*text-align for IE6*/ }
#yui-main img.left { clear:both; float:left; margin:0.2em 0.6em 1em 0;}
#kalendar img.left { float:left; margin:0.2em 0.6em 0.2em 0;}
#yui-main img.right { clear:both; float:right; margin:0.2em 0 1em 0.6em; }
#yui-main img.icon { clear:none; display:inline;}
#yui-main img.plain { clear:none; display:inline;}
#yui-main img.addsocial {clear:none; display:inline;}

/* ----------- Main Column Table -------------- */
/* ----------------------------------------------------------------- */
#yui-main table, #yui-main table.daysigns { border: 1px solid #C1DAD7; margin: 0 25px 20px 17px; }
#yui-main table td { color:#666; font-size: 92%; padding:0.5em 1em; border-left: 1px solid #C1CDDA; border-bottom: 1px solid #C1CDDA;}
#yui-main table td.tableHeader { color:#00539B; background-color: #E7ECF8; padding:0.5em 1.2em; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; font-size: 85%; border-bottom: 3px solid #C1CDDA; }
#yui-main table td.descr { width: 100px; padding-left:0; padding-right: 2.2em; border-left: none;}

#yui-main table.daysigns {border-color: #BCB8DA;}
#yui-main table.daysigns td { text-align: center; border-color: #BCB8DA; font-style: italic; font-size: 85%; width: 110px;}
#yui-main table.daysigns td.tableHeader { border-bottom-color: #BCB8DA; text-align: center; font-style: normal; color:#544A8E; background-color: #D4D1E7;}
#yui-main table.daysigns td.wide { text-align: left; font-style: normal;font-weight: bold; font-size: 92%; width: 400px; color: #333;}
#yui-main table.daysigns td img { padding-top: 5px; padding-bottom: 5px; }

#yui-main table td.books { vertical-align: top; color: #333; padding-left: none; margin-left: none; padding-top: 10px; border-left: none;}
#yui-main table td.books p { padding-left: 4px; padding-top: 10px;}

#yui-main table.invisible { border: none; margin: 5px 130px 20px 30px; vertical-align: top;}
#yui-main table.invisible td p { margin: 0; padding: 0; }
#yui-main table.invisible td, #yui-main table.invisible tr { border: none; padding: 0.5em 0; margin: 0; vertical-align: top;}

#yui-main table.email { border: none; margin: 0 130px 20px 17px;}
#yui-main table.email td p { margin: 0; padding: 0; color: #000; font-size: 100%; line-height: 1em;}
#yui-main table.email td, #yui-main table.email tr { border: none; padding: 0; margin: 0; padding-right: 4px;}

#yui-main table.phones td { width: 77px; text-align: center;}
#yui-main table.phones td.tableHeader { text-align: left;}

/* ------------------- Main Column Form ------------------- */
/* -------------------------------------------- */
#yui-main form { padding:0.3em 0; margin:0.3em 25px 0.3em 17px;;}
#yui-main form fieldset {background-color: #E7ECF8; *background-color: transparent; border:2px #C1CDDA solid; padding: 0.3em 1em; margin:0 1.5em 0.5em 0; font-size:100%; }
#yui-main form fieldset legend { color:#00539B; padding:0 1.2em 0.5em 1.2em; text-transform: uppercase; font-weight: bold; font-size: 85%; }
#yui-main form fieldset fieldset { border:2px #C9D5E1 solid; }
#yui-main form fieldset fieldset div { padding-left: 19%; text-align:left; }
#yui-main form fieldset fieldset legend { }
#yui-main form fieldset p { margin:.5em; }
#yui-main form fieldset div { text-align:right; margin:.2em .5em 0.5em 0.5em;}
#yui-main form fieldset div.error { font-size: 92%; font-weight: bold; text-align:left; color:#B81B0B;} /* red */
#yui-main form fieldset span.required { color:#B81B0B; } /* red */
#yui-main form fieldset label { font-size: 92%; vertical-align: top; margin-right:.5em; font-weight: bold; color: #4b4b4b; padding-left: 0; margin-left: 0;}
#yui-main form fieldset input { vertical-align:middle; }

#yui-main form fieldset textarea { width:80%;}
#yui-main form fieldset textarea { *width:80.3%;}  /* IE7 ONLY */
#yui-main form fieldset textarea { _width:80%;} /* IE6 ONLY */
#yui-main form fieldset input.button { }
#yui-main form fieldset input.text_field { width:80%; }
#yui-main form fieldset input.text_field_sm { width:100px; }
#yui-main form fieldset select { width:80.7%; }
#yui-main form fieldset select { *width:80.7%;} /* IE7 ONLY */
#yui-main form fieldset select { _width:78%; } /* IE6 ONLY */
#yui-main form fieldset input.radio_field { }
#yui-main form fieldset input.password_field { width:80%; }

/* ------------------- Footer Rules ------------------- */
/* ---------------------------------------------------- */
#ft { height: 43px; background: transparent url("../images/bg_footer.gif") no-repeat; }
#ft p { font-size: 77%; padding: 18px 15px 0 15px; color: #1D2D77;/*dark blue*/ font-weight: bold;}

p.code {
	border-color: blue;
	border-style: solid;
	border-width: 1px;
}