/*********************/
/*- Layout-Elements -*/
/*********************/

/* BO master_template */
* {
	margin:0;
	padding:0;
}

html { height: 100% } 

body#root {
	min-height: 101%;
	font-size: 100.01%;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 1.4em;
	color: #000;
	text-align: center;
	background-color: #FFF;
} 

#OuterShell {
	position:relative;
	width:100%;
	height:100%;
	text-align:center;
}

#InnerShell {
	position: relative;
	width: 872px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}
/* EO master_template */

/* BO header */

#header {
	clear:both; 
	width: auto;
	padding:0px 0px 17px 0px;
}

.langSel, .langSel * {
	vertical-align: middle;
}

#header_navigation {
	height:18px;
	overflow:hidden;
	color:#036;
	font-size:0.8em;
	padding:5px 9px 8px 19px;
	text-align:right;
}

#header_navigation a {
	color: #036;
}

#header_navigation strong {
	font-weight: bold;
	color: #C33;
}

span.copyright {
	text-align: right;
	margin-right: 20px;
}

#header_title {
	height:127px;
	overflow:hidden;
	padding:0px 0px 0px 0px;
	text-align:right;
}

#header_image {
	white-space:nowrap;
}

/*----- Channel  -----*/


#Menu ul.Menu
	{
	background: #fff url(images/menu_bg.jpg) bottom left repeat-x;
	height: 45px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #D9E1E8;
	float: left;
	width: 100%;
	font-size: 14px;
}

#Menu ul.Menu li.Menu, #Menu ul.Menu li.Menu_left
	{
	margin: 0px;
	padding: 0px;
	display: inline;
	white-space:nowrap;
	}

#Menu ul.Menu li.Menu a
	{
	height: 27px;
	font-weight: bold;
	padding: 9px 20px 0px 20px;
	color: #D9E1E8;
	text-decoration: none;
	float: left;
	border-right: 1px solid #395B86;
	border-left: 1px solid #6B84A4;
	font-style: italic;
}

#Menu ul.Menu li.Menu_left a
	{
	height: 27px;
	font-weight: bold;
	padding: 9px 20px 0px 20px;
	color: #D9E1E8;
	text-decoration: none;
	float: left;
	border-right: 1px solid #395B86;
	border-left: none;
	font-style: italic;
}

#Menu ul.Menu li.Menu a.current
	{
	font-weight: bold;
	color: #043669;
	background: transparent url(images/menu_bg_current.jpg) repeat-x top left;
}

#Menu ul.Menu li.Menu_left a.current
	{
	font-weight: bold;
	color: #043669;
	background: transparent url(images/menu_bg_current_left.jpg) no-repeat top left;
}

#Menu ul.Menu li.Menu a:hover
	{
	color: #043669;
	background: transparent url(images/menu_bg_current.jpg) repeat-x top left;

	}

#Menu ul.Menu li.Menu_left a:hover
	{
	color: #043669;
	background: transparent url(images/menu_bg_current_left.jpg) no-repeat top left;

	}
	
/* BO Navi */

#left {
	float: left;
	width:284px;
}

#navigation ul {
	padding: 0;
	margin-top: 10px;
}

ul.nextlevel {
	padding: 0;

}

#navigation ul li {
	color: #8CA3BA;
	line-height: 1.3em;
}

#navigation a:link, #navigation a:visited, #navigation a:hover, #navigation a:active {
	display:block;
}

#navigation ul li.level2 {
	background: url(images/navi_bg.jpg) no-repeat top;
	width: 284px;
	padding: 0px 0px 0px 0px;
	margin: 0;
}

#navigation ul li.level3 {
	width: 284px;
	padding: 0px 0px 0px 0px;
}

#navigation ul li.level2 a.active:link, #navigation ul li.level2 a.active:visited, #navigation ul li.level2 a.active:hover, #navigation ul li.level2 a.active:active {
	background: url(images/main_menu_o1.gif) left center no-repeat;
	color: #D9E1E8;
	display:block;
}

a.level2:link, a.level2:visited {
	background: url(images/main_menu_l1.gif) left center no-repeat;
	padding: 12px 5px 5px 22px;
   color: #8CA3BA;
	font-size: 1.5em;
	margin: 0px 0px 0px 20px;
}

a.level2:hover, a.level2:active {
	background: url(images/main_menu_o1.gif) left center no-repeat;
	padding: 12px 5px 5px 22px;
	color: #D9E1E8;
	font-size: 1.5em;
	margin: 0px 0px 0px 20px;
}

#navigation ul li.level3 a.active:link, #navigation ul li.level3 a.active:visited, #navigation ul li.level3 a.active:hover, #navigation ul li.level3 a.active:active {
	background: url(images/main_menu_o2.gif) left 6px no-repeat;
	color: #D9E1E8;
	display: block;
	font-weight: bold;
}

a.level3:link, a.level3:visited {
	background: url(images/main_menu_l2.gif) left 6px no-repeat;
	padding: 4px 5px 4px 22px;
	color: #8CA3BA;
	font-size:1.2em;
	margin: 0px 0px 0px 20px;
}

a.level3:hover, a.level3:active {
	background:url(images/main_menu_o2.gif) left 6px no-repeat;
	color: #D9E1E8;
	padding: 4px 5px 4px 22px;
	font-size:1.2em;
	margin: 0px 0px 0px 20px;
}
	
/* BO main */

#main {
	clear:both; 
	width: auto;
}

#content {
	width: 588px;
	float:right;
}

#inner_content {
	padding: 15px 0px 10px 5px;
}

/* EO main */

/* BO teaser */

#teaser  {
	padding:14px 0px 14px 0px;
	clear:both;
}

#teaser_home{
	margin-top: 20px;
	clear:both;
}


.ZMSTeaserContainer {
	background-color: transparent;
}

.ZMSTeaserElement {
	background-color: transparent;
	margin: 0px 0px 10px 0px;	
	float:left;
	width:284px;

}

#teaser_home .ZMSTeaserElement {
        margin: 0px 10px 10px 0px;	
}

#teaser_home .last_teaser .ZMSTeaserElement {
        margin: 0px 0px 10px 0px;	
}

.teaserBackground {
	background: #D7DEE7 url(images/teaser_bg.jpg) no-repeat top;
}

.teaserContent {
	padding: 0px 24px 10px 20px;
	color: #000;
	font-size: 0.85em;
	line-height: 1.4em;	
}
.teaser_head {
	color: #C33;
	font-size: 1.3em;
	padding: 15px 0px 5px 0px;
}
#teaser_home .teaser_head {
	color: #036;
}

.button_teaser {
	background: transparent url(images/teaser_button.jpg) no-repeat left;
        padding: 9px 10px 20px 7px;
        margin-top: 10px;
}

.button_teaser a:link, .button_teaser a:visited, .button_teaser a:hover, .button_teaser a:active {
	color: #F2CCCC;
	font-size: 1.2em;
	font-weight: bold;
	margin: 6px 10px 18px 10px;
	font-style: italic;
	text-decoration: none !important;
}

.pfeil {
	color: #06F;
}

.email {
	background: transparent url(images/newsletter_bg.gif) no-repeat top left;
	color: #7A95AF;
	padding: 4px 0px 10px 7px;
}

.email_anfrage {
	background: transparent url(images/anfrage.gif) no-repeat top left;
	color: #7A95AF;
	padding: 4px 0px 10px 7px;
}

.email_anfrage textarea {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	height:140px;
	overflow:auto;
	width:175px;
	margin: 0 0 1em 0;
}

.noborder {
	background-color: transparent;
	border: none;
}

/* EO teaser */

/* BO Glider */

.slider {
	background:transparent url(images/slider_bg.gif) top no-repeat;
	width:866px;
	overflow:hidden;
	padding:0px;
}
.slider_text {
	float: left;
	overflow: hidden;
	width: 265px;
}
#home_content .slider_text p {
	color: #000 !important;
	margin: 0px 0px 0px 30px !important;
}

.slider_title h2 {
	color: #D9E1E8;
	font-size: 1.2em;
	font-weight: bold;
	margin: 6px 567px 18px 49px;
	font-style: italic;
}

.product{

        float: left;
}

.product_text {
	color: #D9E1E8;
	font-size: 0.8em;
	font-weight: bold;
	padding: 6px 5px 15px 18px;
	font-style: italic;
	background: transparent url(images/slider_bild_bg.jpg) no-repeat left top;
}

#my-glider {
	float: right;
	width: 585px;
}


div.scroller {
	/* modify width and height of scrolling section if necessary	*/
	width: 520px;
	height: 175px;
	overflow: hidden;
	float: left;
}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:525px;
		height:175px;
		overflow:hidden;
		float:left;	
		}
	div.scroller div.content {
		width: 10000px;
		}

/* EO Glider */

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

a:link, a:visited, a:hover, a:active {
	color: #06F;
	text-decoration: none;
}

#content a:link, #content a:visited, #content a:hover, #content a:active {
	text-decoration:underline;
}

.teaserContent a:link, .teaserContent a:visited, .teaserContent a:hover, .teaserContent a:active {
   text-decoration:underline;
}

a.toplink:link, a.toplink:visited, a.toplink:hover, a.toplink:active {
	display:block;
	margin-bottom:1em;
}

/*****************************/
/* Functional Page Elements*/
/*************************/


/*********************/
/* Content-Elements  */
/*********************/

h1 {
	font-weight:normal;
	color:#043669;
	font-size:2em;
        line-height:1.1em;
	margin: 0px 10px 0.5em 30px;
}

h2 {
	color: #C33;
	font-size: 1.3em;
}

h3, h4 {
	color: #C33;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0px 10px 0px 30px !important;
}

h4      {
        color:#043669;
}

p.small {
	font-size: 0.8em;
	color: #666;
	line-height: 1.2em;
}

p.caption {
   color: #036;
	font-size: 0.8em;
}

#content p, #content h2 {
	margin: 0px 10px 1em 30px;
}

#home_content p {
	color: #036;
}

#home_content h1 {
	color: #C33;
	margin: 0px 10px 1em 295px;
}

#content div.ZMSGraphic div.text p {
	margin-left: 0px !important;
}

#teaser p {
	margin-bottom:0;
}

img {
	border:none;
}

ul, ol {
	list-style-type:none;
	display:block;
}

#content ul {
	list-style-type: circle;
	margin: 0px 10px 1em 45px;
}

#content ul li {
	line-height:1.4em;
}

#content ol {
	list-style-type: decimal;
	margin: 0px 10px 1em 50px;
}

#content ol li {
	line-height:1.4em;
}

/* infobox HOME */
.homebox_title{
	background: transparent url(images/homebox_top.jpg) no-repeat left;
	color: #D9E1E8;
	font-size: 1.2em;
	font-weight: bold;
	padding: 6px 5px 5px 18px;
	font-style: italic;
	margin-top: 50px;
}
.homebox_elements{
	background: #FDF3D5 url(images/homebox_bottom.jpg) no-repeat bottom left;
	padding: 25px 180px 33px 25px; 
}

.homebox_list {
	margin-top: 5px;
}

.homebox_elements p{
	padding: 3px 0px 3px 36px;
}

/* zitatbox HOME */

.zitat_title{
	margin: 0px 0px 0px 66px;
	padding: 10px;
	background: url(images/zitat_header.gif) no-repeat left;
	color: #036;
	font-size: 1.2em;
	font-weight: bold;
}

.zitat_text{
	padding: 0px 0px 0px 66px;
	background: url(images/zitat_bild.gif) no-repeat top left;
	color: #C33;
}
.zitat_pers{
   color: #036;
	font-size: 0.8em;
}

/* infobox */

.outer_box {
	margin-bottom:0.8em;
}

.content_box {
	background:transparent url(images/info_bg.gif) top no-repeat;
	width:578px;
	overflow:hidden;
	padding:0px;
}


.content_box p {
	color: #043669;
	margin: 0px 10px 10px 30px !important;
}


.content_box h3 {
	color: #C33;
	font-size: 1.2em;
	font-weight: normal;
	margin: 10px 10px 0px 30px !important;
}

#content h2.content_box_title {
	color: #D9E1E8;
	font-size: 1.1em;
	font-weight: bold;
	margin: 6px 250px 18px 30px;
	font-style: italic;
}

.abb_box {
	background: transparent url(images/box_abb_bottom.jpg) no-repeat bottom left;
        margin-left: 30px;
}

.abb_box_bottom {
	padding: 3px 12px 17px 10px;
}

.abb_box_bottom img {
	vertical-align: middle;
}

.abb_box_bottom a, .abb_box_bottom a:link, .abb_box_bottom a:visited, .abb_box_bottom a:hover, .abb_box_bottom a:active {
   color: #D9E1E8;
   font-size: 0.85em;
   text-decoration: underline;
   padding: 5px 10px 5px 5px;
}

.content_box ul {
	display:block;
	list-style-type:none !important;
	margin: 0px 10px 10px 30px !important;
}
.content_box ul li {
	padding-left: 18px;
	background: transparent url(images/content_box_list.gif) left 5px no-repeat;
	color: #043669;
	font-weight: bold;
}

strong {
	color:#C33;
	font-weight:bold;
	font-style:normal;
}

.file_download {
	margin-bottom:1em;
        margin-left: 30px;
}
/* 2col Content */

.twoCol {
	overflow: hidden;
	width: 100%;
	margin-bottom: 20px;
}
		
.colLeft .colInner {
	padding: 0 20px 0 0;
}
		
.colRight .colInner {
	padding: 0 0 0 0px;
}
		
.colLeft {
	float: left;
	overflow: hidden;
}
		
.colRight {
	float: right;
	overflow: hidden;
}
/****************/
/* Forms 	  */
/************/

select, input, textarea { 
	font-size: 99%; /*Safari Fix*/
	margin-right:3px;
} 

form {
	margin: 10px 0;
}

form a:link, form a:hover, form a:visited {
	text-decoration: none !important;
}

.submit {
    border: none;
    background: none;
    /*text-decoration: underline;*/
    font-family: Arial, sans-serif;
    color: #0066FF;
	cursor: pointer;
}

/******************************/
/* Clearing - do not modify */
/**************************/

.floatholder { overflow:hidden; }

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

.clerasil { display: block; }

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

 * +- [WAI] ZMSGraphic

 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

 */

div.ZMSGraphic 
	{ 
	background-color:transparent; 

	}
#content div.ZMSGraphic {
        
}

div.ZMSGraphic.left 
	{
	text-align:left;
        margin-left:30px;
	}

div.ZMSGraphic.right 
	{
	text-align:right;
	}

div.ZMSGraphic.center 
	{
	text-align:center;
	}

div.ZMSGraphic.floatleft
	{ 
	float:left;
	margin-right:10px;
        padding-left:30px;
       }

div.ZMSGraphic.floatright
	{ 
	float:right;
	margin-left:10px;
        margin-right:5px;
	}

div.ZMSGraphic.center
	{ 
	text-align:center;
	}

div.graphic.alignleft
	{
	float:left;
	text-align:right;
	margin-right:10px;
        margin-left:0px;
        }

div.graphic.alignright
	{
	float:right;
	text-align:right;
	margin-left:10px;
        margin-right:5px;
	}

div.ZMSGraphic div.text
	{
	}

a.zoom img.zoom
		{
		width: 23px;
		height: 21px;
		background: url(/misc_/zms/zoom.gif);
		}

a.download img.download

	{
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/download.gif);
	}

a.superzoom img.superzoom

	{
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/superzoom.gif);
	}
	
/* tables */

	.ZMSTable {
		border-collapse: collapse;
		margin: 0.5em 0 2em 30px;
	}
	
	.ZMSTable p {
		margin: 0 !important;
	}
	
	table.ZMSTable th {
		background:#435567 none repeat scroll 0 0;
		color:#FFFFFF;
		font-weight:normal;
		text-align:left;
	}	
	
	.ZMSTable th, .ZMSTable td {
		border: 1px solid #fff;
		padding: 0.5em;
		vertical-align:top;
	}	

	.even td {
		background: #496990;
		color: #D9E1E8;
	}	
	
	.odd td {
		background: #C7D1DB;
		color: #043669;
	}