/*
------------------------------------------------- 
basics
------------------------------------------------- 
*/
body { background-color: #FFF; font-family: Arial, sans-serif; font-size: 80%; color: #555; }
ul, ol, li, p, h1, h2, h3, h4, form, fieldset { margin: 0px; padding: 0px; }

a { color: #0687FE; text-decoration: none; }
a:hover { color: #0687FE; text-decoration: underline; }

h1,  h2,  h3, h4  { font-weight: normal; font-size: 100%; color: #0687FE; /* #26689A; #0087F0;  #0687FE;*/ }

p { padding-bottom: 4px; }

img { border: 0px; }
ul { list-style-image: url(../img/icon-li.gif); }
li {  }
fieldset { border: 0; }

hr { height: 1px; border: 0; border-bottom: 1px solid #DBE9F4; margin: 4px -10px 4px -10px; }
/*
------------------------------------------------- 
utils
------------------------------------------------- 
*/
.clear { clear: both; }
.invisible, .print-only, .print-only-inline, .print-only-block { display: none; }
.screen-only-inline { display: inline; }
.screen-only-block { display: block; }
.left { float: left; display: inline; } 
.right { float: right; display: inline; } 
.error { color: #0687FE; }
/*.confirm { color: #0687FE; }*/
.confirmation { color: #0687FE; }
.half { width: 48%; }
.third { width: 32%; }
.quarter { width: 24%; }
.twothird { width: 64%; }
.help { cursor:help; }
.bold { font-weight:bold; }
.nobr { white-space: nowrap; }
.tbluedark { color:#26689A; }
.tbluebright { color:#0687FE; }



/*
------------------------------------------------- 
page layout, basics
------------------------------------------------- 
*/
#page { margin: 10px auto 0px auto; width: 978px; } /*  792px + 2*8px padding + 160px teaser */
#testamo { padding: 8px; margin-bottom: 40px; border: solid 1px #DEDEDE; float: left; width: 790px; }
#main { clear: both; margin-bottom: 12px; }
#marginal { width: 250px; float: left; margin-right: 10px; }
#content { width: 492px; float: left;  padding: 0 10px 0 10px; } /* actual width 512px */

/*
------------------------------------------------- 
page layout, header
------------------------------------------------- 
*/
#header-top { padding: 4px 0 12px 0; }

#header-logo { float: left; position: relative; }
#header-logo h1 { color: #999999; font-size: 110%; font-style: italic; position: absolute; top: 55px; left: 60px; }

#header-search { text-align: right; }
span.search-field { background: transparent url(../img/icon-search.gif) no-repeat !important /*Firefox*/; background: transparent url(../img/icon-search.gif) 0px 4px no-repeat /*IE6*/; padding-left: 40px; }
#header-registration { text-align: right; margin-top: 8px; }
#header .menu { background-color: #26689A; clear: both; padding-left: 4px; padding-left: 16px;}
#header .menu ul { list-style: none; }
#header .menu li { display: inline; }
#header .menu li a { padding-right: 6px; font-weight: bold; line-height: 50px; color: #8DC0ED; }
#header .menu li.active a, #header .menu li a.trail { color: #fff; }
#header .menu li a:hover { text-decoration: underline; color: #fff; }

/* only used to create screeshots */
.match_infobar {
	clear:both;
	height:25px; padding-left:16px; margin-bottom:16px;
	color:white; font-weight:bold; font-size:13px;
}
.match_infobar div {  }
.match_infobar .button {
	float:left;
	background:url(../img/button-blue_border-l.gif) no-repeat left top;
	padding-left:5px;
} 
.match_infobar .button div {
	background:url(../img/button-blue_border-r.gif) no-repeat right top;
	padding:4px 9px 0 4px;
	background-color:#216B9C;
	height:21px;
	margin-right:7px;
}

#header .match_infobuttons {
	clear:both;
	height:25px; padding-left:16px; margin-bottom:12px; padding-top:13px;
}
#header .match_infobuttons div { 	float:left; height:25px; margin-right:8px; }

 
#header-info { clear: both; padding: 4px 16px 4px 0px; border-bottom: 1px solid #DBE9F4; margin-bottom: 10px; font-size: 90%; }
#breadcrumbs ul { list-style: none; }
#breadcrumbs li { list-style: none; float: left; }
#breadcrumbs li a {  text-decoration: none; padding-left: 12px; color: #999; background: transparent url(../img/icon-menu-li-li.gif) 0px 0.2em no-repeat !important /*Firefox*/; background: transparent url(../img/icon-menu-li-li.gif) 0px 0.4em no-repeat /*IE6*/;     }
#breadcrumbs li a:hover { text-decoration: underline; }
#header-date { text-align: right; color: #999; }

#header .first, #header .last, #main .first, #main .last  { border: 0; } /* crazy IE6... */

/*
------------------------------------------------- 
page layout, footer
------------------------------------------------- 
*/

#footer { clear: both; }

#footer a { color: #999; }
#footer-top { padding-top: 4px; background-color: #E9E9E9; /* border-bottom: 1px solid #E9E9E9; */ }
#footer-logo { float: left; width: 128px; overflow: hidden; }
#footer-bottom { clear: both; padding: 10px 0 10px 16px; color: #999999; }
#footer-bottom .top { margin-left: 680px; text-align: right;  font-size: 90%; }
#footer-bottom .copy { float: left; width: 150px; font-size: 90%; }

#footer-top .mod_navigation { width: 640px; margin-left: 128px; }

#footer .menu { padding: 12px 0px 16px 0px; font-size: 90%; text-align: right; }
#footer-bottom .menu { width: 500px; float: left; padding: 0px;  margin-left: 0px; }
#footer .menu ul { list-style: none; margin-left: 0; text-align:left; }
#footer .menu li { display: inline; padding-right: 4px; }

/*
------------------------------------------------- 
page layout, marginal
------------------------------------------------- 
*/
#marginal .menu {  }
#marginal .menu ul { list-style-type: none; list-style-image: none; margin: 0 0 16px 0; }
#marginal .menu li { border-bottom: 1px solid #fff;   /* IE6 needs border...  so lets use this fact here... */  }
#marginal .menu a { padding: 4px 0 3px 28px; font-weight: bold; color: #8DC0ED; line-height: 2.5ex; display: block; background: #26689A url(../img/icon-menu-li.gif) 10px 1ex no-repeat; }
/* active item level 1 */
#marginal .menu li.active a { color: #fff; background: #26689A url(../img/icon-menu-li-up.gif) 10px 1ex no-repeat; line-height: 2.6ex; }
#marginal .menu a:hover, #marginal .menu li.active a:hover { color: #fff; text-decoration: underline; background-color: #8DC0ED; } 
#marginal .menu li.active li a:hover, #marginal .menu li.active li.active a:hover { color: #8DC0ED; text-decoration: underline; background-color: transparent; }
#marginal .menu li.active ul { padding-top: 5px; padding-bottom: 5px; }
/* item level 2 */
#marginal .menu li.active li a { font-weight: normal; color: #26689A; line-height: 2ex; background: #fff url(../img/icon-menu-li-li.gif) 10px 0.4em no-repeat; }
/* active item level 2 */
#marginal .menu li.active li.active a { font-weight: normal; color: #8DC0ED; background: #fff url(../img/icon-menu-li-li.gif) 10px 0.3em no-repeat; }
/* item level 3 */
#marginal .menu li.active li.active li a { padding-left: 44px; width: 202px; font-weight: normal; color: #26689A; background: #fff url(../img/icon-menu-li-li.gif) 26px 0.3em no-repeat; }
/* active item level 3 */
#marginal .menu li.active li.active li.active a { font-weight: normal; color: #8DC0ED; background: #fff url(../img/icon-menu-li-li.gif) 26px 0.3em no-repeat; }

#footer .menu .active a, #footer .menu .trail a  { text-decoration: underline; }

/*
------------------------------------------------- 
boxes
------------------------------------------------- 
*/

.box { width: 248px; position: relative; overflow: visible; margin-top: 2.4ex; margin-bottom: 1ex; border: 1px solid #DEDEDE; }
#content .mod_article.box { margin-left: -10px; margin-right: -10px; }
#content .box .box { margin-left: 0; margin-right: 10px; }

/*.small-box { width: 248px; } */
.small-width { width: 248px; }
.big-box, .wide { width: 510px; } /* wide: for compatibility... */
.big-width { width: 510px; }
.image-box { width: 230px; line-height: 0; margin: 0 0 1ex 0; }
.big-box .image-box, .wide .image-box  { float: left; margin-left: 0px; margin-right: 10px;  }
.inner-image-box { width: 230px; overflow: hidden; line-height: 0; }
.corner-ul { background: transparent url(../img/corner-ul.gif) top left no-repeat; width: 9px; height: 9px; position: absolute; top: -1px; left: -1px; }
.corner-ur { background: transparent url(../img/corner-ur.gif) top right  no-repeat; width: 9px; height: 9px; position: absolute; top: -1px; right: -1px; }
.corner-ll { background: transparent url(../img/corner-ll.gif) bottom left no-repeat; width: 9px; height: 9px; position: absolute; bottom: -1px !important; left: -1px; bottom: -1px; left: -1px; }
.corner-lr { background: transparent url(../img/corner-lr.gif) bottom right  no-repeat; width: 9px; height: 9px; position: absolute; bottom: -1px !important; right: -1px !important; bottom: -1px; right: -1px; }
.box-content { padding: 12px 8px 8px 8px; }

.box.blue { background-color: #3498D3; /*#3498D3;*/ color: #fff; }
.box h3.top-hl  { color: #333; position: absolute; background-color: #fff; display: inline; margin-top: -1.4ex; margin-left: 20px; padding: 0 8px 0 8px; font-weight: bold; }
.box h3 span { color: #0687FE; }

.bottom-link { text-align: right; padding-right: 20px; position: absolute; bottom: -1ex; right: 0px; } 
.bottom-link a { font-weight: bold; background: #fff url(../img/icon-more.gif) 8px 0 no-repeat; padding: 0 12px 0 30px; }

.big-box .even, .box.wide .even  { width: 212px;  float: left; clear: both; }
.big-box .odd, .box.wide .odd    { width: 212px;  margin-left: 262px; }

.box .ce_text, .box .ce_link, .box .formbody { padding: 0 10px 0 10px; }

.box h1, .box h2, .box h3, .box h4 { font-weight: bold; font-size: 100%; padding: 0 0 4px 0; }
.box h1, #content .box h1 { font-weight: bold; font-size: 120%; border: 0; }


/*
------------------------------------------------- 
main / content area
------------------------------------------------- 
*/

#content h1 { border-bottom: 1px solid #DBE9F4; font-size: 140%; margin: 0 -10px 8px -10px; padding: 0px 10px 4px 10px; }
#content h1.tinfo { border: none; font-weight:bold; }
#content h2.tinfo { border: none; font-size: 120%; font-weight:normal; margin:0; padding:0; }

#main ul { margin-left: 16px; }

/*
------------------------------------------------- 
module specific
------------------------------------------------- 
*/
p.back { margin-top: 8px; }
p.back a { background: transparent url(../img/icon-back.gif) 0 0ex no-repeat; padding-left: 20px; padding-bottom: 4px; }
p.more a { background: transparent url(../img/icon-more.gif) no-repeat 0px 0.0ex; padding: 0 0 4px 20px;  }

.p { margin-bottom: 8px; }

.mod_newslist .layout_short { padding: 8px 8px 4px 8px; }
.mod_newslist p.info { font-size: 0.88em; /* for IE 6 */ color: #999;  }

.pagination { clear: both; border-top: 1px solid #DBE9F4; padding: 8px 0 8px 0; margin-top: 10px; }
.pagination li { list-style: none; display: inline; }
.pagination ul { margin-top: 8px; padding: 0; }
.pagination li a.link { border: 1px solid #DEDEDE; padding: 4px 8px 4px 8px; }
.pagination span.current { border: 1px solid #DEDEDE; padding: 4px 8px 4px 8px; }
.pagination li a.next, .pagination li a.previous, .pagination li a.last, .pagination li a.first { border: 0; padding: 0 0 0 20px; }
.pagination li a.next { background: transparent url(../img/icon-forward.gif) 0 0.1ex no-repeat; }
.pagination li a.last { background: transparent url(../img/icon-forward-end.gif) 0 0.1ex no-repeat; }
.pagination li a.first { background: transparent url(../img/icon-backwards-end.gif) 0 0.1ex no-repeat; }
.pagination li a.previous { background: transparent url(../img/icon-backwards.gif) 0 0.1ex no-repeat; }

.teaser { margin-bottom: 8px; }
.teaser p.more { margin-top: 4px; }

.mod_search .url { display: none; }
.mod_search .context { padding: 0 0 4px 12px; }
.mod_search .even, .mod_search .odd { border-top: 1px solid #DBE9F4; padding-top: 8px; margin-bottom: 8px; }
.mod_search h3 { padding: 4px 0 4px 0; }


/*
------------------------------------------------- 
forms
------------------------------------------------- 
*/
.nlaboteaser { padding: 8px 10px 0 10px; }

input, textarea, select { margin: 0;  color: #555; font-size: 100%; font-family: Arial, sans-serif;}
textarea, select { border: 1px solid #DEDEDE; }
textarea { font-family: arial,sans-serif; padding: 4px; padding-top: 3px;  width: 95%; height: 13ex; resize: none; } /* resize: for safari */

select { width: 80%; }
select#ctrl_gender { width: 10em; }
input.text, select.text, input.captcha { height: 2.5ex; padding: 3px 4px 2px 4px; vertical-align: middle; border: 1px solid #DEDEDE; }
select.text { height: 3.5ex; }
input.search-field { width: 140px; }
input.search-submit, input.submit  { vertical-align: middle; margin-top: -1px; }
.radio { vertical-align: middle; }
.radio_container span { margin-right: 12px; }

.ce_form td, .mod_registration td { padding-bottom: 8px; }
td .error { margin: 0px 8px 2px 0px; padding-top: 2px; }
td.col_0 { padding-top: 2px; }
td.col_1 { padding-left: 8px; }



/* webform */
.fe { padding-right: 4px; margin-bottom: 12px; }
.fe.half { padding-right: 8px; }
.fe.quarter { padding-right: 4px; }
.fe.third { padding-right: 4px; }
.fe.twothird { padding-right: 8px; }



.fe_error, .form_error, .fe_error_info { color: #a03; /*background-color: #f9a;*/ }
.form_error, .fe_error_info { font-weight: bold; }
.form_error a { color: #a03; }
.fe_label { display: block; } /* color: #0687FE; */
.hidelabel .fe_label { display: none; }
.fe_label label, p.label label { font-weight: bold; }
.fe_field label { margin-left: 1em; }
.fe_field { display: block; }

span.fe_radio, span.fe_checkbox  { margin-right: 16px; }
.fe_radio_block span.fe_radio, .fe_checkbox_block span.fe_checkbox  { display: block; }
/* margin-top: 2px !important; margin-top: -2px; */
.fe_checkbox_block input, .fe_radio_block input { float: left; height: 2.5ex; }
/* *+html .fe_checkbox_block input { margin-top: -8px;  } / * IE7 */
/* *+html .fe_radio_block input { margin-top: -8px;  } / * IE7 */

.fe_checkbox_block .fe_checkbox, .fe_radio_block .fe_radio { clear: both; }
.fe_checkbox_block span.fe_checkbox label, .fe_radio_block span.fe_radio label { display: block; margin-left: 2em; }

#form_address span.fe_checkbox input { float:left; display: block; vertical-align:top; }
#form_address span.fe_checkbox label { float:left; display: block; margin-left:1.0em; margin-top:0px; width:80%; }

.fe_info, .form_intro { padding: 4px 0 4px 0; }
.fe_info { color: #999; font-style: italic; }
.important, .important .fe_info { color: #0687FE; /*#a03;*/  }
.fe_error .fe_info { color: #a03; } 
.fe_submit input { /*border: 1px solid #0687FE; color: #0687FE; background-color: #fff; padding: 4px 4px 6px 4px; */}
div.fe_submit { display: inline; }
/*.form_headline { font-weight: bold; font-size: 120%; }*/
.info_first .fe_info { font-style: normal; color: #555; }
.form h3, .form h2 { margin: 8px 0 8px 0; font-weight: bold; }
.readonly { color: #777; }
.tiny_input { width: 5em; }
.small_input { width: 10em; }
.big_input { width: 15em; }
.half_input { width: 50%; }
.full_input { width: 90%; }
.submit_container input { border: 1px solid #0687FE; color: #0687FE; background-color: #fff; padding: 4px 4px 6px 4px; }
.mod_login.logout .submit_container input { border: 0px; color: #0687FE; font-weight: normal; background-color: #fff; padding: 4px 4px 6px 0px; }
.mod_login.logout .submit_container input:hover { text-decoration: underline; }

.greenbox { font-weight:bold; background-color:#CCFF9A; padding:3px 5px; margin-bottom:0.75em; }

/*
------------------------------------------------- 
kassenliste
------------------------------------------------- 
*/

table.klist { border-collapse: collapse; margin-top: 16px; }
table.klist td, table.klist th { padding: 2px 4px 8px 4px; vertical-align: top; }
table.klist th { text-align: left; }

table.klist td.name { width: 15%; }
table.klist td.versicherte { width: 10%; }
table.klist td.aktiv { width: 20%; }
table.klist td.adresse { width: 25%; }
table.klist td.tel { width: 25%; }

table.kdetail { border-collapse: collapse; margin-top: 16px; }
table.kdetail td, table.kdetail th { padding: 2px 4px 8px 4px; vertical-align: top; }
table.kdetail th { text-align: left; }

table.kdetail td.name { width: 20%; padding-left: 0px; font-weight: bold; color: #0687FE; }
table.kdetail td.value { width: 80%; }

/*
------------------------------------------------- 
matching
------------------------------------------------- 
*/
.check h2 { color: #555; margin-top: 16px; margin-bottom: 8px; font-weight: bold; font-size: 100%; }

.footnotes  { display: none; font-size: 90%;  }
.footnote-mouseover  { display: block; position: absolute; width: 200px; font-size: 90%; background-color: #E9E9E9; border: 1px solid #fff; margin: 4px 0 0 0; padding: 8px; }
.footnotes ol { list-style-position: outside; margin-left: 2em; }

.close-info, .close-info-plus { display: none; font-weight: normal; font-size: 100%; }
.open-info { font-weight: normal; font-size: 100%; }
.info-call { font-weight: bold; font-size: 100%; }


.ct { width: 100%; border-collapse: collapse; border: 0; }
.ct td { padding: 2px 6px 2px 6px; vertical-align: top; }
.ct th { padding: 2px 6px 2px 6px; text-align: left; vertical-align: top; }

.ct {  } /* position: relative; border: 1px solid #DEDEDE; */
.cr {  }
.cr-info {  }
.cr-buttons {   }
.ch {   }

.col-tarif-result { width: 24%; font-weight: bold;  }
.col-pref { width: 25%;  }
.col-profile { width: 25%;  }
.col-finance { width: 25%; border-right: 0; }


.ctd, .cth  { font-size: 90%; border: 1px solid #555; /* border-top: 5px solid #fff; border-right: 1px solid #fff;*/  } /* float: left;  overflow: hidden; padding-bottom: 2000px; margin-bottom: -2000px;  */
.cr .ctd { border-bottom: 0px;  }
.cr-buttons .ctd { font-weight: normal; text-align: right; border-bottom: 0; border-top: 0; }
.cr-info .ctd { font-weight: normal; border-bottom: 0; border-top: 0; }
.cr-sep .ctd { border-bottom: 1px solid #555; border-top: 0; } 
.cth { font-weight: bold; }

.ct .inner { /*padding-left: 6px; padding-right: 6px; padding-top: 2px; padding-bottom: 4px;*/ }
.ct .col-finance .inner {  border-right: 0px; }

.cr-info .inner { display: none; }


.cth  { background-color: #E9E9E9; }

.ct.detail .match-100  {background-color: #BFFF91; }
.ct.detail .match-90  { background-color: #BFFF91; }
.ct.detail .match-80  { background-color: #DDFF91; }
.ct.detail .match-70  { background-color: #DDFF91; }
.ct.detail .match-60  { background-color: #DDFF91; }
.ct.detail .match-50  { background-color: #EBFF91; }
.ct.detail .match-40  { background-color: #EBFF91; }
.ct.detail .match-30  { background-color: #EBFF91; }
.ct.detail .match-20  { background-color: #FFF8D0; }
.ct.detail .match-10  { background-color: #FFF8D0; }
.ct.detail .match-0  { background-color: #FFE5C1; }
.ct.detail .match  { background-color: #E9E9E9; }


.ct h3 { font-weight: bold; color: #555;  }


.money { text-align: right; vertical-align: bottom; }
.label { width: 80%; }

.check-table-wrapper { padding: 0px 4px 0px 4px; margin-bottom: 8px; } 
table.check { width: 100%; border-collapse: collapse; }
table.check td { padding: 2px 4px 2px 4px; vertical-align: top; }
table.check th { padding: 2px 4px 2px 4px; text-align: left; vertical-align: top; }
td.sum, .ctd.sum { border-top: 1px solid #555; border-bottom: 3px double #555; font-weight: bold; color: #555; } 

.ctd table { width: 100%; }

table.check td.label { padding-right: 0px; }
table.check td.money { padding-left: 0px; }


.match-menu-wrapper { margin: 8px 0px 16px 0px; } 
.match-menu { border: 0; border-collapse: collapse; background-color: #9C9C9C; color: #fff; width: 100%; }
.match-menu td { height: 6ex; vertical-align: middle; font-weight: bold; }
.match-menu td.normal { background: #9C9C9C url(../img/check-pfeil-bg.gif) no-repeat center right; }
.match-menu td.active { background: #26689A url(../img/check-pfeil-bg-active.gif) no-repeat center right; }
.match-menu td.next-active { background: #9C9C9C url(../img/check-pfeil-bg-next-active.gif) no-repeat center right;  }
.match-menu  td#mm4 { background-image: none; }
.match-menu a:hover { color: #fff; }

.match-menu #mm5 { background-color: #26689A; border-left: 3px solid #fff; }
.match-menu  td span { padding: 0 4px 0 8px; display: block; }
.match-menu  td span a { color: #fff; }

.highlight { background: transparent url(../img/icon-li.gif) 0 0.2ex no-repeat; padding-left: 16px; } 

.detail td { background-color: #E9E9E9; }
.detail table td { background-color: transparent; }
.detail td.mlabel { width: 30%; padding: 0 0 8px 0; }
.detail td.mvalue { width: 70%; padding: 0 0 8px 0; }