/* ------------------------------------------------------------------- */
/*  Global reset																		  */
/* ------------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
    _padding: 0;
    _margin: 0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,fieldset,address {
    margin: 0.5em 0;
}
html{
	overflow:scroll;
}
body {
    font-size: 11px;
    font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
    line-height: 1.3;
    background: url(../images/page_bkgnd_center.jpg);
    background-repeat: no-repeat;
    background-position: top center;
}


/* ------------------------------------------------------------------- */
/* Allgemeines - gilt fuer alle Bereiche der Seite      				    	 */
/* ------------------------------------------------------------------- */
table{
	font-family: Verdana, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #4B575D;
	line-height: 132%;
	font-size: 11px;
}
h1 {
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
}
h3 {
	font-size: 13px;
	font-weight: bold;
}
h4 {
	font-size: 12px;	
	font-weight: bolder;
	/*margin-top: -12px;*/
}
h5 {
	font-size: 12px;
	font-weight: bolder;
}
hr {
	color:#E8E8E8;
	background-color:#E8E8E8;
	height:1px;
	border:none;	
}


/* ------------------------------------------------------------------- */
/* De strompfsack god ome!														     */
/* ------------------------------------------------------------------- */
#wrap {
	position: relative;
	width: 1077px;
	height: 100%;
	margin: 0 auto;
}


/* ------------------------------------------------------------------- */
/* Oberster Bereich mit Logo und Header										  */
/* ------------------------------------------------------------------- */
#top {
	height: 150px;
	width: 480px;
	background: url(../images/infosurance_logo.gif);
	background-repeat: no-repeat;

}


/* ------------------------------------------------------------------- */
/* Linkes Menu, content_container Bereich und rechtem Menu 				  */
/* ------------------------------------------------------------------- */
#left {
	position: absolute;	
	left: 0px;
	float: left;
	width: 221px;
}
#right{
	position: absolute;
	left: 826px;
	float: left;
	width: 221px;
}
#content_container {
	position: absolute;
	left: 222px;
	float: left;
	width: 602px;
	/* overflow: hidden; */
}


/* ------------------------------------------------------------------- */
/* Moduletable Menu																	  */
/* ------------------------------------------------------------------- */
.moduletable_menu {
	margin: 10px 0 0 0;
}
ul.menu {
	/*background: url(../images/menu_down_line.jpg) bottom left no-repeat;*/
	background: url(../images/menu_down_clear_high.jpg) bottom left no-repeat;	
	padding-bottom: 7px;
	margin-bottom:10px;
}
ul.menu li a span{
  font-size: 13px;
  font-weight: bolder;
}
/* Erste Stufe */
ul.menu li {
	list-style: none;
	line-height: 28px;
	line-height: 29px\9; /* IE 8 Hack */
	padding: 0 0 0 20px;
	margin: 0;
	background: url(../images/button_out.jpg) top left no-repeat;
	color: #4B575D;
}
ul.menu li.item1 {
	background: url(../images/home_out.jpg) top left no-repeat;
}
/* Zweite Stufe */
ul.menu li ul {
	margin: 0;
	padding: 0;
}
ul.menu li ul li {
	/*background: url(../images/space.png);*/
	background: url(../images/button_sub.gif);
	background-repeat: no-repeat;
}
/* Keine linie bei diesen Menuepunkten [die etwas faulere Variante...] */
ul.menu li ul li.item8, ul.menu li ul li.item14, ul.menu li ul li.item20  {
	background: url(../images/space.png);
}
/* Aktive Menus */
ul.menu li.active {
	background: url(../images/button_over.jpg) top left no-repeat;
}
ul.menu li.active a span{
	color: #FFFFFF;
}
ul.menu li ul li a span {
	color: #4B575D !important;
	font-size: 13px;
   font-weight: normal;
}
ul.menu li#current.item1 {
	background :url(../images/home_over.jpg);
}
ul.menu li ul li#current {
	/*background: url(../images/space.png);*/
	background: url(../images/button_sub.gif);
	background-repeat: no-repeat;
}
/* Ebenfalls keine Linie bei diesen Menuepunkten [gleich nochmals faul] */
ul.menu li ul li#current.item8, ul.menu li ul li#current.item14, ul.menu li ul li#current.item20 {
	background: url(../images/space.png);
}
ul.menu li ul li.active a span {
	color: #D70032 !important;
}
/* Menüs dritte Stufe */
ul.menu li ul li ul li.active a span{
	color:  #00FF00 !important;
}

/* Redefine Links */ 
a:link, a:active, a:visited {
	color: #4B575D;
	text-decoration: none;
	border: 0;
}


/* ------------------------------------------------------------------- */
/* Allgemeines zum Module-Layout												     */
/* ------------------------------------------------------------------- */
#left h3, #right h3 {
	background: url(../images/head_module.png) top left no-repeat;
	color: #4B575D;
	font-size: 13px;
	padding: 0 0 0 20px;
	font-weight: bolder;
	line-height: 28px;
	line-height: 29px\9; /* IE 8 Hack */
	margin: 10px 0 0 0;
}
#left div.moduletable, #right div.moduletable {
	background: url(../images/menu_down_clear.jpg) bottom left no-repeat;
}


/* ------------------------------------------------------------------- */
/* TestModul																	    	  */
/* ------------------------------------------------------------------- */
div.moduletable_test div {
	background: url(../images/menu_down_clear.jpg) bottom left no-repeat;	
	padding: 20px;
	
}

/* ------------------------------------------------------------------- */
/* Modulegesuelze auf der rechten Seite										  */
/* ------------------------------------------------------------------- */
div.moduletable_standard h3 {
	background: url(../images/head_module.png) top left no-repeat !important;
	
}
div.moduletable_standard div {
	background: url(../images/menu_down_clear.jpg) bottom left no-repeat !important;	
	padding: 20px;
	
}


/* ------------------------------------------------------------------- */
/* RSS-Feed [braucht speziellen Header]										  */
/* ------------------------------------------------------------------- */
div.moduletable_rss h3 {
	background: url(../images/head_rss.gif) top left no-repeat !important;
	padding: 0 0 0 40px !important;
}
div.moduletable_rss div {
	background: url(../images/menu_down_clear.jpg) bottom left no-repeat;	
	padding: 20px;
	
}


/* ------------------------------------------------------------------- */
/* Stil des Login-Fensters	[plus weitere inputfelder]						  */
/* ------------------------------------------------------------------- */
label {
	color: #4B575D;
}

div.moduletable_login h3 {
	margin-bottom: -6px !important;
}
#right div.moduletable_login form {
	background: transparent url(../images/menu_down_clear.jpg) scroll bottom left no-repeat;	
	padding-bottom: 20px;
}
div.moduletable_login fieldset {
	padding-left: 20px;
	border:0px; 
}
div.moduletable_login ul li{
	/* display: none; */
	list-style: none;
	padding-left: 20px;
}
div.moduletable_login fieldset.input p#form-login-remember{
	display:none;
}
input.inputbox,  input.inputbox_search, input.input_newsletter {
	color: #4B575D;
	border: 1px solid #4B575D;
	width: 176px;
   height: 20px;
}
input.button, input.button_newsletter {
	color: #4B575D;
	background-color: #E8E8E8;
	border: 1px solid #4B575D;
	font-weight: normal;
   height:24px;
	width:178px;
	margin-top: 6px;
}
textarea {
	color: #4B575D;
	border: 1px solid #4B575D;
	width: 354px;
	height: 120px;
	padding: 5px;
	overflow: hidden;
}	

/* ------------------------------------------------------------------- */
/* Weiteres Styling des Login-Session-Time-Out								  */
/* ------------------------------------------------------------------- */

fieldset.input p#com-form-login-remember {
	display: none;
}

fieldset.input {
	border: 0px;
}

button {
	color: #4B575D;
	background-color: #E8E8E8;
	border: 1px solid #4B575D;
	font-weight: normal;
   height:24px;
	width:178px;
	margin-top: 6px;
}

input#email, input#token, input#password1, input#password2 {
	color: #4B575D;
	border: 1px solid #4B575D;
	width: 176px;
   height: 20px;
}

label.hasTip {
	display: none;
}

/* ------------------------------------------------------------------- */
/* Breadcrumbs																			  */
/* ------------------------------------------------------------------- */
div.moduletable_breadcrumbs {
	position: absolute;
	top: 24px;
	left: 20px;
	font-weight: bolder;
	font-size: 13px;
	color: #4B575D;
}


/* ------------------------------------------------------------------- */
/* Search Field																		  */
/* ------------------------------------------------------------------- */
div.moduletable_search {
	position: absolute;
	top: 15px;
	top: 16px\9; /* IE 8 Hack */
	right: 20px;
	color: #E8E8E8;
	
}
input.inputbox_search {
	color: #4B575D;
	border: 1px solid #4B575D;
	width: 148px;
   height: 20px;
}


/* ------------------------------------------------------------------- */
/* Layouten des content_containers in der Mitte											  */
/* ------------------------------------------------------------------- */
#center_wrapper div#header {
	background: url(../images/center_header.jpg) top left no-repeat;
	color: #E8E8E8;
	font-size: 13px;
	padding: 0 0 0 20px;
	font-weight: bolder;
	line-height: 44px;
	/*line-height: 45px\9; /* IE 8 Hack */
	margin: 10px 0px -1px -1px;
}
#center_wrapper div#body {
	background: url(../images/center_bkgnd.jpg) bottom left no-repeat;
	padding: 20px;
}
#center_wrapper div#body p {
	color: #4B575D;
}
#center_wrapper div#body h3 {
	font-weight: bolder;
	font-size: 12px;
	color: #4B575D;
}
#center_wrapper div#body td.contentheading, #center_wrapper div#body div.componentheading {
	color: #D70032;
	font-weight: bold;
	font-size: 20px;
	padding: 20px 20px 40px 0;
}
#center_wrapper div#body td.contentheading {
	line-height: 24px;
	padding-bottom: 10px;
}
#center_wrapper div#body ul {
	padding-left: 20px;
}
#center_wrapper div#body td.buttonheading img {
	border: 0px;
	position: relative;
	top: -40px;
	right: 60px;
}
/* Links */
#center_wrapper div#body a:link, #center_wrapper div#body a:active, #center_wrapper div#body a:visited {
	color: #D70032;
	text-decoration: none;
}
#center_wrapper div#body a:hover {
	color: #D70032;
	text-decoration: overline underline;
}
/* Farbe fuer den Hinweis, dass es keine Uebersetzung gibt */
.jfdefaulttext {
	color: #666F74;
}


/* ------------------------------------------------------------------- */
/* Formatierung fuer die Darstellung mit dem UCD Modul 					  */																				  */
/* ------------------------------------------------------------------- */
#center_wrapper div.moduletable_ucd div.ucd_ucd ul.ucd_list li {
	list-style: none;
}
div.moduletable_ucd div ul li div.ucd_title {
	color: #D70032;
	font-weight: bold;
	font-size: 18px;
}
div.moduletable_ucd div ul li div h2 {
	font-weight: bolder;
	font-size: 13px;
	color: #202020;
}
div.moduletable_ucd div ul li div p {
	color: #202020;
}
div.moduletable_ucd div ul li div a:link, div.moduletable_ucd div ul li div a:active, div.moduletable_ucd div ul li div a:visited {
	color: #D70032;
	text-decoration: underline;
}
div.moduletable_ucd div ul li div a:hover {
	text-decoration: underline overline;
}


/* ------------------------------------------------------------------- */
/* Footer																				  */
/* ------------------------------------------------------------------- */
div.moduletable_footer {
	margin-top: 12px;
	margin-left: 10px;
	margin-bottom: 20px;
	color: #4B575D;
	font-size: 10px;
}

/* ------------------------------------------------------------------- */
/* Schriftgroesse-Aender-Dings platzieren										  */
/* ------------------------------------------------------------------- */
#fontsize {
	position: absolute;
	top: 60px;
	right: 26px;
}
.article-font a:link, .article-font a:active, .article-font a:visited, .article-font a:hover {
	/*font-weight: bolder;*/
	text-decoration: none !important;
	position: relative;
	top: -4px;
	color: #666F74 !important;	
}
.article-font-larger {
	font-size: 15px;
}
.article-font-reset {
	font-size: 12px;
}
.article-font-smaller {
	font-size: 10px;
}


/* ------------------------------------------------------------------- */
/* Sprachauswahl										  								  */
/* ------------------------------------------------------------------- */
div.moduletable_language {
	position: absolute;
	top: -12px;
	right: 10px;
	
}


/* ------------------------------------------------------------------- */
/* Chronoforms Styling								  								  */
/* ------------------------------------------------------------------- */
.cf_text {
	color: #4B575D;
	font-size: 11px;
	
}
.cf_heading h6 {
	color: #4B575D;
	font-size: 12px;
	font-weight: bolder;
}
.cf_heading h1 {
	color: #D70032 !important;
	font-weight: bold;
	font-size: 20px;
	/*padding: 20px 20px 40px 0;*/
}


.cf_label {
	color: #4B575D;
	font-size: 11px;
	width: 40px;
}
.cf_inputbox {
	color: #4B575D;
	border: 1px solid #4B575D;
	width: 176px;
   height: 20px;
}
.cf_textarea {

}
input#chrono_verification {
	color: #4B575D;
	border: 1px solid #4B575D;
	width: 176px;
   height: 20px;
   vertical-align:center !important;
}
.cf_button {
	color: #4B575D !important;
	background-color: #E8E8E8 !important;
	border: 1px solid #4B575D !important;
	font-weight: normal !important;
   height:24px !important;
	width:178px !important;
}
.LV_validation_message {
	color: #D70032;
	font-size: 10px;
	font-weight: bold;
}

/* Validation temporär removen */
.chronoform {
	display: none;
}


/* ------------------------------------------------------------------- */
/* Test Mitgliederplatzierung						  								  */
/* ------------------------------------------------------------------- */
ul#jw-sir li img {
	padding-top: 24; 
}

.newsframe {
	
	/*display: inline-block;*/
	padding: 6px;
	width: 542px;
	-moz-border-radius: 10px;
	border: 1px solid #000000;
	background-color: #EFEFEF;
}


