/************************************************
    style.css
*************************************************

    1.0 GLOBALS 
    2.0 LAYOUT 
      2.1 header 
      2.2 main 
      2.3 footer
    3.0 NAVIGATION
      3.1 hilfsnav
      3.2 mainnav
      3.3 subnav
    4.0 CONTENT
      4.1 headings  
      4.2 text 
      4.3 hyperlinks  
      4.4 lists
      4.5 table
      4.6 images
	 4.7. comments
    5.0 FORMS
    6.0 EXTRAS
      6.1 teaser    
    7.0 PRINT
    8.0 CLEARING

************************************************/

/************************************************
    GLOBALS
************************************************/
@media handheld, screen {

* {
    border: 0;
    margin: 0;
    padding: 0;
}

/* IE6 - Italic Bug Fix */
* html body * { overflow:visible }
* html iframe, * html frame { overflow:auto }
* html frameset { overflow:hidden }


html, body {
	padding: 0;
	margin: 0;
 	font-size: 101%;	
	height: 100%;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color: #575756;
	background:#FFF;
    overflow: -moz-scrollbars-vertical;	
}

div { outline: 0 none; } /* Safari */

} /* end: @media handheld, screen */

/************************************************
    LAYOUT
************************************************/
@media handheld, screen {

#wrapper {
	width: 100%;
	height: 100%;
	padding:0;
	margin:0;
	position: relative;
	background:#FFF url(../images/corporate/bg_wrapper.png) bottom repeat-x;	 			
}

body > #wrapper
{
	height: auto;
	min-height: 100%;
}


/**** header ****/

#header {
	width: 920px;
	margin:0 auto;
	height:415px;
	position:relative;
}

#header div.inside {
	
}

#header #logo {
	position: absolute;
	top: 10px;
	left: 242px;
}

#header .mod_customnav {
	position: absolute;
	right:0px;
	top:115px;
}

#header .mod_navigation {
	position:absolute;
	top:143px;
	left:0px;
	width:208px;
	height:246x;
	border:2px solid #575756;
}

#header #banner,
#header .mod_coverpicture {
	position:absolute;
	left:242px;
	top:143px;
	height:246px;
	width:674px;
	border:2px solid #575756;
}

/**** container  ****/

#container {
	width: 920px;
	margin:0 auto;
	padding-bottom:205px;
	position:relative;	 
}

/**** left ****/
#left {
	width: 208px;
}

#left .mod_newslist {
	border:2px solid #575756;	
	margin: 0;
	min-height:100px;
	height:auto !important;  /* für moderne Browser */
	height:100px;  /*für den IE */	
	background:#FFF;	
	margin-bottom: 22px;
}

#left #blogspot,
#left #twitter,
#left #geldunddemenz {
	border:2px solid #575756;	
	margin: 0;	
	background:#FFF;
	height: 60px;
	padding: 10px;
	margin-bottom: 22px;				
}

#left #blogspot img,
#left #twitter img,
#left #geldunddemenz img  {
	margin: 0 8px 0 0;	
	float: left;
}

#left #blogspot div,
#left #twitter div,
#left #geldunddemenz div {
	margin-top: 10px;	
}

#left #geldunddemenz div {
	margin-top: 0;
}

#left .inside {
	padding:0;
}

/**** main  ****/
#main {
	padding: 0;
	margin: 0 0 20px 242px;
	position: relative;
	width: 678px;
}

#main div.inside {
	padding:0;
}


/**** footer ****/
#footer {	
    width:100%;
	padding-top:28px;
	position: relative;
	margin-top: -205px; /* negative value of footer height */
	height:177px;
	clear:both;
}

#footer div.inside {
	padding:0px 0 12px 242px;
	width: 678px;
	margin:0 auto;
	color: white;
}

#footer #footerBoxLeft {
	float:left;
	width:230px;
}

#footer #footerBoxRight {
	width:auto;
	margin-left:235px;
}

#footer p {
	line-height:18px;	
	font-size: 13px;
}


/*#main .ce_text {
	margin: 0 0 15px 0;	
}

#main .ce_toplink {
	text-align: right;	
}*/

/**** News ****/

/* PAGER */
#main .pagination{
	width:100%;
	text-align:center;
	padding: 10px 0 0 0;
}

#main .pagination p {
	font-weight: bold;	
}

#main .pagination ul {
	margin: 0 0 12px 0;	
}

#main .pagination ul li {
	display:inline;
	margin:0 5px 0 0;
	padding: 0;
	font-size:11px;
	list-style-type:none;	
	background: #FFFFFF;
}

#main .pagination ul li a,
#main .pagination ul li a:visited,
#main .pagination ul li a:active,
#main .pagination ul li span {
	text-decoration: none;	
	padding: 3px 6px;
	border: 1px solid #777777;		
	background: #FFFFFF;	
}

#main .pagination ul li a:hover,
#main .pagination ul li span {
	background: #99CF16!important;
	color: #FFFFFF!important;
}


.mod_newslist {	margin:0; }
.block { overflow:hidden; }
.last { border: none; }

#left .mod_newslist .image_container {
	width: 178px;
	margin:0 15px;
	overflow: hidden;
	display: block;

}


#main .mod_newslist .image_container {
	overflow: hidden;
	margin:0 8px 8px 0;
	border:2px solid #575756;
	display:block;	
}

#main .layout_full {
	border-bottom: 1px solid #575756;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}

#main .layout_full.last {
	border-bottom: none;	
}

#main .layout_latest {
	border-bottom: 1px solid #575756;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}

#main .layout_latest.last {
	border-bottom: none;	
}


#main .layout_full p.info {
	font-style: italic;
	margin: 0;
}

.layout_latest img {
	padding:0;
	margin:0;
	display:block;
}

#left .layout_latest .teaser {
	padding:0;
}


#main .layout_full.last {
	border-bottom: none;	
}

#main .mod_newslist .layout_latest, 
#main .mod_newslist .layout_latest.first {
	margin: 0;
	padding:4px 0 18px 0;
	background:none;
}

#main .mod_newslist .layout_latest p.info {
	margin: 0;
	font-style: italic;	
}

#left .mod_newslist h2 {
	margin:10px 0 0 18px;
	line-height:18px;
	font-size:13px;
	font-weight:bold;
}


#left .mod_newslist .teaser p {
	margin: 0 18px 0 18px;
	line-height:18px;
	font-size:13px;
}

#left .mod_newslist h2 a,
#left .mod_newslist .teaser a,
#left .mod_newslist .teaser a:visited,
#left .mod_newslist .teaser a:active {
	color:#575756;
	text-decoration: none;
}

#left .mod_newslist h2 a:hover, #left .mod_newslist .teaser a:hover {
	color:#575756;
	text-decoration: underline;
}

#left .layout_latest p.more {
	padding: 0;	
	line-height:18px;
	margin:0 0 10px 18px;
}

#left .layout_latest p.more a,
#left .layout_latest p.more a:visited,
#left .layout_latest p.more a:active {
	color:#575756;
	text-decoration: underline;
}

#left .layout_latest p.more a:hover {
	color: #575756;
	text-decoration: none;	
}



/*** NEWS - DETAILS ***/
#main .mod_newsreader p.info {
		
}

#main .mod_newsreader .image_container {
	margin: 0 15px 15px 0;
}

#main .mod_newsreader .image_container img {

}

#main .mod_newsreader h1 {
	font-size:13px;
	line-height:20px;
	margin:4px 0 0 0;
	font-weight:bold;
}


/**** Schatten ****/


#left .mod_newslist .image_container,
#left #blogspot,
#left #twitter,
#left .mod_newslist,
#header .mod_navigation,
#header .mod_coverpicture,
#main .ce_image,
#main .c25l .image_container img,
#main .ce_text .image_container img,
#main .c25r .image_container img {
	-webkit-box-shadow: 2px 2px 5px 0px #5d5d5d; /* WebKit */
	-moz-box-shadow: 2px 2px 5px 0px #5d5d5d; /* Firefox */
	box-shadow: 2px 2px 5px 0px #5d5d5d; /* Standard */ 
}

#main .layout_latest .image_container {
	-webkit-box-shadow: 2px 2px 5px 0px #5d5d5d; /* WebKit */
	-moz-box-shadow: 2px 2px 5px 0px #5d5d5d; /* Firefox */
	box-shadow: 2px 2px 5px 0px #5d5d5d; /* Standard */ 
}

} /* end: @media handheld, screen */
/************************************************
    NAVIGATION
************************************************/
@media handheld, screen {

/**** hilfsnav header ****/
#header .mod_customnav ul {	
	list-style: none;
	width: auto;
	padding: 0;
	margin: 0;
	display: inline;
}

#header .mod_customnav ul li {
	margin: 0 5px 0 0;
	border-right:1px solid #575756;
	padding:0 5px 0 0;	
	height:13px;
	line-height:13px;
	text-align: left;
	float: left;
}

#header .mod_customnav ul li.last {
	margin-right:0;
	padding-right:0;
	border-right:none;

}

#header .mod_customnav ul li a,
#header .mod_customnav ul li a:active, 
#header .mod_customnav ul li a:visited,
#header .mod_customnav ul li span {
	padding:0;
	color: #575756;	
	font-size:12px;
	text-decoration: none;
}

#header .mod_customnav ul li a:hover,
#header .mod_customnav ul li a.active,
#header .mod_customnav ul li span {
	color:#575756;
	text-decoration: underline;	
}


/**** mainnav ****/
#header .mod_navigation {
}

#header .mod_navigation ul {	
	list-style: none;
	display: block;
	margin:0;
	padding:0;
}


/* level 1 */
#header div.mod_navigation ul.level_1 li {
	margin:0;
	padding:0;
	border-bottom:1px solid #575756;
}

#header div.mod_navigation ul.level_1 li a,
#header div.mod_navigation ul.level_1 li a:active, 
#header div.mod_navigation ul.level_1 li a:visited,
#header div.mod_navigation ul.level_1 li span {
	display: block;
	text-decoration: none;
	padding:2px 8px 2px 18px;
	line-height: 16px;
	font-size: 14px;
	color: #575756;
	background:none;
}

#header div.mod_navigation ul.level_1 li a:hover,
#header div.mod_navigation ul.level_1 li a.trail,
#header div.mod_navigation ul.level_1 li.active a,
#header div.mod_navigation ul.level_1 li span {
	color: white;
	text-decoration: none;
	background-color: #e72b3e;
	/*background:#FFF url(../images/corporate/bg_mainnav_hover.png) right repeat-y; */
}

#header div.mod_navigation ul.level_1 li a.last,
#header div.mod_navigation ul.level_1 li.last {
	border-bottom: none;
}

/**** hilfsnav footer ****/
#footer div.mod_customnav {
	position:absolute;
	left:0px;
	top:25px;
}

#footer div.mod_customnav ul {	
	list-style: none;
	display: block;
	margin:0;
	padding:0;
}


/* level 1 */
#footer div.mod_customnav ul.level_1 li {
	margin:0;
	padding:0;
}

#footer div.mod_customnav ul.level_1 li a,
#footer div.mod_customnav ul.level_1 li a:active, 
#footer div.mod_customnav ul.level_1 li a:visited,
#footer div.mod_customnav ul.level_1 li span {
	display: block;
	text-decoration: none;
	padding:1px 0;
	line-height: 16px;
	font-size: 13px;
	color: white;
	background:none;
}

#footer div.mod_customnav ul.level_1 li a:hover,
#footer div.mod_customnav ul.level_1 li a.trail,
#footer div.mod_customnav ul.level_1 li.active a,
#footer div.mod_customnav ul.level_1 li span {
	color: white;
	text-decoration: underline;
}

#footer div.mod_customnav ul.level_1 li a.last,
#footer div.mod_customnav ul.level_1 li.last {
	border-bottom: none;
}



} /* end: screen, handheld */
/************************************************
    CONTENT
************************************************/
@media handheld, screen {

/**** headings ****/
h1, h2, h3, h4, h5, h6 {
	
}

h1 {
	font-size: 18px;
	line-height:18px;
	font-weight: normal;
	margin: 0 0 14px 0;		
}

#left h1 {
	font-size: 16px;
	line-height:20px;	
	font-weight: normal;
	margin: 5px 0 4px 18px;
}

h2 {
	font-size: 14px;
	line-height:20px;	
	font-weight: bold;
	margin: 0 0 4px 0;
}

#footer h2 {
	margin-bottom:6px;
}

#main div.backlink {
	text-align: right;	
}

/**** text ****/
#main p {	
	line-height: 18px;	
	font-size:13px;
	margin: 0 0 12px 0;
}


#main ul,
#footer ul {
	padding: 0 0 18px 0;
	margin:0;
	font-size:13px;
}

#main ul li,
#footer ul li {
	margin: 0 0 0 16px;
	padding: 0;
	line-height: 18px;
	list-style-type: disc;
}

#main p.back {
	text-align: right;	
}


/**** hyperlinks ****/
a,
a:visited,
a:active {
	margin: 0;
	padding: 0;	
	color: #575756;
	text-decoration: underline;
}

a:hover {
	color: #575756;	
	text-decoration: none;
}



/**** table ****/


/**** images ****/
#main .c33l .ce_image,
#main .c33r .ce_image { 
	width:210px; 
}

#main .ce_image img {
	border:2px solid #575756;
	display:block;
}

#main .ce_image {
	margin:0 0 8px 0;
}

#main .c25l .image_container img,
#main .ce_text .image_container img,
#main .c25r .image_container img {
	margin:0 0 8px 0;
	border:2px solid #575756;
	display:block;
}

/*** comments ***/
#main div.ce_comments p.info {
	color: #B1C669; /* #5b5a4a; */
	font-style: italic;
}



#main div.ce_comments h2 {
	margin-bottom: 12px;	
}

#main div.ce_comments span.date {
	color: #CCCCCC;
	font-style: normal;
}

#main div.form input.text, #main div.form input.mandatory {
	font-size: 11px;
	padding: 4px;
	margin-bottom: 10px;
	width: 300px;
	background-image:url(../images/corporate/bg_input_kontaktformular.png);
	background-repeat: no-repeat;	
	float: left;		
}



#main div.form textarea {
	background-image:url(../images/corporate/bg_textarea_kontaktformular.png);
	background-repeat: no-repeat;	
	border: 0;
	padding: 4px;
	margin-bottom: 10px;
	width: 300px;
	height: 130px;
	float: left;	
}





#main div.form div.widget {
	text-align: left;
	vertical-align: top;
	display: block;
	overflow: hidden;
}

#main div.form div.widget label {
	width: 220px;
	margin-bottom: 10px;
	margin-left: 12px;
}
*/




} /* end: @media handheld, screen */
/************************************************
    EXTRAS
************************************************/
@media handheld, screen {

#main #suchergebnisse form {
	display: none;	
}

 
} /* end: @media handheld, screen */
/************************************************
    FORMS
************************************************/
@media handheld, screen {

/* KONTAKTFORM */
.kontaktForm {
	margin:20px 0 50px 0px;
}

.kontaktForm label {
	float: left;
	width: 100px;
	margin-bottom: 10px;
	font-weight: bold;
}

.kontaktForm form span {
	clear: both;
}

.kontaktForm form span.mandatory {
	color: #990000;	
}

.kontaktForm form span label {
	width: 40px;
}

.kontaktForm input.radio {
	float: left;
	margin-right: 5px;
}

*+html .kontaktForm .radio_container { /*IE7-Hack */
	float: left;
	margin-bottom: 10px;
}

.kontaktForm input.text {
	font-size: 12px;
	padding: 4px;
	margin-bottom: 10px;
	width: 250px;
	border: 1px solid #575756;
	color: #575756;
}

.kontaktForm div.routinglink input.text {
	font-size: 11px;
	padding: 4px;
	margin: 0px 3px 0 0;
	width: 120px;
	padding: 1px;
	border: 1px solid #e0e4ef;
	color: #2D4991;
	height: 18px;
	float: left;
}

.kontaktForm div.routinglink input[type="submit"] {
	font-size: 11px;	
	width: 80px;
	height: 22px;
}


.kontaktForm div.routinglink {
	font-size: 11px;
	margin: 5px 0 5px 0;	
}

.kontaktForm input.error, .kontaktForm textarea.error, .kontaktForm .radio_container.error {
	margin-left: 90px;
}

.kontaktForm .mod_personalData input.confirm.error {
	margin-left: 0;
}

.kontaktForm .mod_personalData #ctrl_website, .kontaktForm .mod_personalData #ctrl_password_confirm {
	margin-bottom: 30px;
}


.kontaktForm select.select {
	margin-bottom: 10px;
	width: 300px;
}

.kontaktForm textarea {
	padding: 4px;
	margin-bottom: 10px;
	width: 250px;
	height: 130px;
	border: 1px solid #575756;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575756;
}

.kontaktForm p.error {
	color: #990000;
}

.submit_container {
	padding: 10px 0 0 100px;
}


.kontaktForm input.submit {
	color: #575756;
	float: left;
	margin: 0 0px;
	padding: 3px 6px;
	text-align: center;
	text-decoration: none;
	width: 150px;
	border: 0;
	background: #ccc;
	border:1px solid #575756;
	height: 24px;
	line-height:24px;
}
#kontaktformular .ce_form br, #kontaktformular-de .ce_form br {
	clear: both;
}



} /* end: @media handheld, screen */
/************************************************
    PRINT
************************************************/
@media print {


.mod_navigation,
.mod_customnav,
#left,
#right,
.noprint,
#footer,
.mod_coverpicture,
.pdf_link,
.ce_comments .form { 
	display:none; 
}

body {
    font-size:11pt;
    text-align:left;
    color:#000;
    font-family: Verdana, Georgia, "Times New Roman", Times, serif;	
}


#header { padding:0 0 30pt 0; border:0; }
 
/**** headings ****/
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Verdana, "Times New Roman", Times, serif;		
}

h1 {
    font-size:158%;
    line-height:1.4;
    border-bottom: 1pt solid #000;
    margin:0 0 0.75em 0;
}

h2 {
    font-size:125%;
    line-height:1.4;
    font-weight:bold;
    margin:0 0 0.5em 0;
}

.unternehmen h2 {
	font-size: 100%;	
}

#right h2 {
	font-size: 16px;	
}


h3 {
    font-size:92%;
    line-height:1.4;
    font-weight:bold;
    margin:0 0 0.5em 0;
}

/**** text ****/
p {
    font-size:1em;
    line-height:1.4;
    margin:0 0 0.92em 0;
}

#main p.info {
font-size:11px;
font-style:italic;
margin:0;
}

small { font-size:0.92em; }
blockquote { font-style:italic; }

/**** hyperlinks ****/
a,
a:link,
a:visited {
    text-decoration:none;
    color:#000;
}

/**** teaser ****/
#main .image_container {
margin:0 0 12pt 0;
overflow:hidden;
}


.mod_newslist h2, #main .mod_newslist .teaser  {
margin:0 0 0 235px;
}
 
.mod_newslist .image_container {
float:left;
}

.layout_latest {
border-bottom:1pt solid #000;
margin:1px 0 8px 0;
padding:2px 0 10px;
}
 
 
} /* end: @media print */
/************************************************
    CLEARING
************************************************/
@media all {

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix { display:inline-block; }

/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */

* html .clearfix { height:1%; }

.floatbox { overflow:hidden; }


/* BROWSER */

body.ie7 #header .mod_article {
	padding: 168px 0 0 0;
}

/*
body.ie.ie9 #nav,
body.ie.ie8 #nav {
	top:91px;	
}*/

} /* end: @media all */