/*----------------------------*/
/* Main						 */
/*----------------------------*/

html, body {margin: 0; padding: 0;}

html {}
body {font-size: 62.5%; margin: 0px auto; overflow:scroll;  font-family: "Arial Black", Gadget, sans-serif; background: #F3F9FB;  }

a {color:#085D9A; font-size: 12px; font-family: Arial, Helvetica, sans-serif;line-height: 16px; text-decoration: underline; font-weight: normal; text-decoration: none;}
a:hover {text-decoration:underline;color: #085D9A; }
p, td, body, div, input, label, li, ol, p, select, td, th, textarea, u, ul {font-size: 12px; color:#333; font-family: Arial, Helvetica, sans-serif;line-height: 18px; }


h1{ font-size: 16px; color: #085D9A; margin: 0px; line-height: 16px; margin-bottom: 0px; font-weight: normal;}
h2{ font-size: 16px; color: #333; margin: 0px; font-weight: normal; line-height: 16px;}
h3{ font-size: 12px; color: #bf1439; margin: 0px; line-height: 12px; margin-bottom: 0px; font-weight: bold;}
h4{ font-size: 12px; color: #333; margin-bottom: 10px; font-weight: bold; line-height: 12px;}

#page_main h2 {line-height: 20px;}

.ce_headline { display: inline-block; margin-top: 10px; margin-bottom: 14px;}
#page_main .ce_text.headlineSpecial { margin-bottom: 10px;}
.ce_text.headlineSpecial strong { font-size: 12px; color: #bf1439; margin: 0px; line-height: 12px; margin-bottom: 0px; font-weight: bold;}
.ce_text.headlineSpecial p { font-weight: bold;}
#page_container { margin: 0 auto; width:970px; position: relative; height: 100%; background: #FFF; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;}
#page_container .innerFull { padding: 0 30px 30px 30px; }
#page_top { height: 250px; position: relative; margin-bottom: 20px; width: 910px;}
#page_center { display: block; margin-top: 0px; position: relative;}
#page_bottom { width: 970px;  }
#page_bottom .content_container { height: 40px; display: block; position: relative; background: #E8F3F7;}
#page_center .content_container #page_main { display: block; position: relative; width: 520px; float: left; margin-right: 20px;}
#page_center .content_container #page_left {display: block;float: left; position: relative; width: 160px; float: left; margin-right: 20px; height: 100%; }
#page_center .content_container #page_right {display: block;float: left; position: relative; width: 190px; float: left; }

#page_center .content_container #page_main, #page_center .content_container #page_left, #page_center .content_container #page_right {border: 1px solid #085D9A; border-left: none; border-right: none;}
#page_center .content_container #page_left .inner, #page_center .content_container #page_right .inner, #page_center .content_container #page_main .inner  { margin-top:10px;}
#page_center .content_container #page_left .inner { margin-bottom: 0px;}

#page_center .content_container #page_main .mod_article ul { padding-left: 15px; margin-top: 0px;}
#page_center .content_container #page_left, #page_center .content_container #page_right { border-bottom: none;}



/*----------------------------*/
/* Navigation - Main */
/*----------------------------*/
#mainmenu.mod_navigation {}
#mainmenu.mod_navigation ul { padding-left: 0px; margin-left: 0px; margin-right: 0px;}
#mainmenu.mod_navigation ul li { margin-bottom: 10px;}
#mainmenu.mod_navigation ul li a { font: Arial, Helvetica, sans-serif; font-size: 14px; color: #999;}
#mainmenu.mod_navigation ul li.active span, #mainmenu.mod_navigation ul li a:hover  { font: Arial, Helvetica, sans-serif; font-size: 14px; color: #085D9A; line-height: 16px; text-decoration: none;}
#mainmenu.mod_navigation ul.level_1 { margin: 0;}
#mainmenu.mod_navigation ul li.last { margin-bottom:0; }
#mainmenu.mod_navigation br { display: none; }


.mod_navigation.footer { display: block; float: right; margin-right: 20px;}
.mod_navigation.footer ul { display: block; padding: 0px;}
.mod_navigation.footer ul.level_1 { margin-top: 10px;}
.mod_navigation.footer li { float: left; margin-right: 10px; list-style: none;}
.mod_navigation.footer li a, .mod_navigation.footer li span { color: #085D9A; font-size: 12px; text-decoration: none; line-height: 16px;}
.mod_navigation.footer li a:hover, .mod_navigation.footer li a.trail, .mod_navigation.footer li span, .mod_navigation.footer ul.level_1 li.active span.active { text-decoration: underline; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

/*----------------------------*/
/* Verschiedenes			 */
/*----------------------------*/

.showcode {font-family: monospace; font-weight: normal; font-size: 13px; color: rgb(255,0,0);}
.clear {clear: both;}
br.clear, hr.clear {height:0;line-height:0;clear:both;border:none;}
.hide {display: none;}
br {clear: none;}
.invisible { display: none; }

.floatLeft { float: left;}
.floatRight { float: right;}
.clearBoth { clear: both;}

#page_main .ce_text { margin-bottom: 20px;}

img.thumb { margin-right: 20px; margin-bottom: 20px;}
img.marginBottom, .ce_image.marginBottom { margin-bottom: 10px;}

.mod_box_items, #mainmenu { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #085D9A;}

a.arrow { background: url(../../images/layout/arrow.png) no-repeat right; padding-right: 10px; cursor: pointer;}
a.login  { background: url(../../images/layout/login.gif) no-repeat;cursor: pointer; text-indent: -1000px; display: block; height: 20px; margin-top: 5px;}

#page_left h2, #page_right h2 { font-size: 12px; font-weight: bold; color:#999; margin-bottom: 5px;}
#page_right h2 { background: #FFF;}

#page_right a.arrow { float: right;}
#page_right #highlight { background: #FDF4D1;}
#page_right #highlight .padding { padding: 10px;}


#page_main .highlight {background: #FDF4D1; padding: 10px; margin-bottom: 10px;}
#page_main .highlight .ce_headline { margin-top: 0px;}
#page_main .highlight .ce_text { margin-bottom: 0px;}

.mod_eventlist { margin-bottom: 18px;}
.mod_eventlist h3 { font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color:#333; float:left; margin-right: 5px; height: 18px; line-height: 18px; }
.mod_eventlist div.description, .mod_eventlist h3, .mod_eventlist h3 + p { float:left; }
.mod_eventlist .info { font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color:#999; float:left; width: 160px; }
.mod_eventlist .time { width: 60px;}
.mod_eventlist div.description { width: 240px; }
.mod_eventlist p { color: #333; margin-right: 20px;}
.mod_eventlist .event { background-color:#FEFCF3; margin-bottom: 2px; padding: 7px 5px 3px 10px;}
.mod_eventlist .event.odd { background-color:#FEF9E8; }

.mod_dlh_googlemaps {margin-bottom: 20px;}

/*----------------------------*/
/* Tabelle						*/
/*----------------------------*/

.ce_table { margin-bottom: 20px;}
.ce_table tbody, .ce_table table { width: 520px;}
.ce_table tr td { padding: 3px; }
.ce_table tr td.col_first { font-weight: bold; width: 230px; color: #999;}
.ce_table tr td.col_last { color: #666;}
.ce_table .even { background: #FEF9E8;}
.ce_table .odd { background: #FEFCF3;}

/*----------------------------*/
/* Links						*/
/*----------------------------*/

#linkBox { display: block; border-top: 1px solid #DC8686;}
#linkBox a { display: block; height: 58px; background: url(../../images/layout/verband-des-rheinischen-baeckerhandwerks-logo.jpg) no-repeat; text-indent: -1000px; }
#linkBox .inner { margin: 10px 0px; }


/*----------------------------*/
/* Footer					 */
/*----------------------------*/


#footerInformations { display: block; float: right; padding-right: 3px; padding-top: 10px; }
#footerInformations p { color: #085D9A; }


/*----------------------------*/
/* Formular					 */
/*----------------------------*/

form#loginForm { background: #FEFBF4; margin-bottom: 20px;}
form#loginForm .width40 { width: 40px;}
form#loginForm .width60 {width: 56px;}
form#loginForm .width80 {width: 80px;}
form#loginForm .width120 {width: 116px;}
form#loginForm .width130 {width: 121px;}
form#loginForm .width190 {width: 186px;}
form#loginForm .width200 {width: 196px;}
form#loginForm .width280 {width: 276px;}

.firefox form#loginForm .width40 { width: 38px;}
.firefox form#loginForm .width60 {width: 54px;}
.firefox form#loginForm .width80 {width: 78px;}
.firefox form#loginForm .width120 {width: 114px;}
.firefox form#loginForm .width130 {width: 119px;}
.firefox form#loginForm .width190 {width: 184px;}
.firefox form#loginForm .width200 {width: 194px;}
.firefox form#loginForm .width280 {width: 274px;}



form#loginForm label { display: none;}
form#loginForm #row_04 label { display: block; margin-bottom: 5px;}
form#loginForm #row_04 .checkbox_container label { display: none;}
form#loginForm fieldset { border: none; margin: 0px; padding: 0px;}
form#loginForm .formbody .padding { padding: 10px; padding-bottom: 0px;}
form#loginForm input, form#loginForm select { padding:2px;}
form#loginForm .groupEntry  { display: inline-block; float: left;}
form#loginForm .marginRight { margin-right: 11px;}

form#loginForm #row_01, form#loginForm #row_02, form#loginForm #row_03 { margin-bottom: 20px; display: block; height: 5px;}
form#loginForm #row_03 { margin-bottom: 15px; display: block; height: 5px;}
form#loginForm h3, form#loginForm h4, form#loginForm .headline { display: inline-block; margin-bottom: 10px;}

form#loginForm .explanation p { margin-bottom: 5px;}

form#loginForm .submit_container input {background: url(../../images/layout/submit.gif) no-repeat; text-indent: -10000px; width: 190px; height: 20px; cursor: pointer; border: none; float: right; margin-bottom: 10px;}

form#loginForm #focus { display: block; background: #FEF4E1; padding-top: 10px; padding-left: 10px;}

form#loginForm .ce_form form input.error, form#loginForm .ce_form .formbody textarea.error { background: #97BE0D; color: #FFF;}
form#loginForm .ce_form form label .mandatory, form#loginForm .ce_form form p.error {display:none;}


#page_main form input.mandatory.error, #page_main form select.mandatory.error {background-color: #ebdcdf;}
#page_main form p.error {display:none;}

form#loginForm #focus #dinnerSection { padding-bottom: 10px;}
form#loginForm #focus #dinnerSection label {text-indent: 0px; display: inline-block; margin-right: 5px; }
form#loginForm #focus #dinnerSection .explanation { margin: 10px 0px 5px 0px;}


#page_right form#tl_subscribe input.text { width: 183px; }

form input.submit { cursor:pointer; background-color:#8dc5d6; border: 1px solid #fff; color:#fff; padding: 2px 7px; height: 20px; line-height:15px; font-size: 11px; margin: 5px 0 0 0; }
form input.submit:hover {background-color:#63a9be;}


#page_main .ce_text ul li { list-style-image: url(../../images/layout/liststyle-red.jpg);}

.firefox.apple form#loginForm .width40 { width: 42px;}
form#loginForm legend { color: #333; }
.hideMe { display: none !important; }