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

* {
	margin:0;
	padding:0;
}

html { height: 100% } 

body { 
	min-height: 101%;	
	font-size: 100.01%; 
	position: relative;
	font-family: Verdana, sans-serif;
	font-style: normal;
	font-size: 12px;
	background: url(images/content_bg.gif);
	text-align: center;
	color: #000;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
} 

#OuterShell {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	margin-bottom:15px;
	text-align:left;
	background:transparent;
}

#InnerShell {
	position:relative;
	top:0;
	left:0;
	width:100%;
	text-align:left;
}

#pageregionLeft {
	width: 230px; /* 247px */
	float: left;
	position:relative;
}

.prLeft_home {
	position:relative;
	top:-154px;
	border-top:1px solid #FFF;
}


#header {
	background-color:#9ACBE7;
}

#logo_area {
	font-family:Georgia, serif;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:2px;
	color:#195676;
	background:#fff;
	padding-top:15px;
	height:220px; /* edited vorher: 325px */
	width: 230px; /* edited vorher: 247px */
	float:left;
}

#logo_area span, #logo_area img {
	display:block;
	width:173px;
	margin:auto;
	border:none;
}
#logo_area span {
	padding:20px 0 0 25px;
}

#meta-nav {
	display: none;
	/* edited 
	height:75px;
	font-size:0.9em;
	color:#0A6695;
	background:white url(images/meta_nav_bg.gif) bottom repeat-x;
	padding-top:15px;
	*/
}

#emotion_pic {
	width:746px;
	height:185px;
	margin-left:230px; /* edited 247px; */
	/* background:url(images/tmp/emotion.jpg) no-repeat; */
	padding:50px 0 0 0;
	border-right:1px solid #fff;
	overflow:hidden;
}

.overlay {
	background-color:#fff;
	opacity: 0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
	width:265px;
	padding: 20px 20px 5px 20px;
	margin: 0 20px 20px 20px;
}

.overlay p.overlay_head {
	display:block;
	font: bold 1.8em/1.2em Georgia, serif;
	margin-bottom:15px;
    color:#444;
}

#meta-nav-content {
	border-top:1px solid #fff;
	background: transparent;
	font-size:0.8em;
	border-bottom:1px solid #fff;
}

#inner_meta-nav-content {
	background: #037DC2;
	/* padding-left:247px; */
	width: 977px; /* 747px */
}

#pageelement_Translate .active {
  color: #FFF;
  font-weight: bold;
}

#breadcrumbs {
	background:#3597CE none repeat scroll 0%;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	float:left;
	padding: 10px 0pt 10px 40px; /* 15 */
	width:462px;
}

div.icons {
	border-right:1px solid #FFFFFF;
	float:left;
	width:206px;
	padding:10px 0pt 10px 36px;
	background:#68B1DA;
	height:20px;
}



#spalte1, #spalte2, #spalte3 { position:relative; }



#content_area {
	width: 985px; /* 1002px */
	float:left;
	clear:both;
}

#content {
	width: auto; /* auto; */
	padding: 20px 40px 0 40px;
	background: white;
	margin-right: 255px; /* 255px */
	margin-left: 230px; /* 247px */
}

#footer{
	font-size:10px;
}


#main {
	background: transparent url(images/window_bg.gif) 0px 10px repeat-y;
	clear:both; 
	width: auto;
}

/* Linke Spalte */

#navigation {
	background-color:#9ACBE7;
	border-bottom:1px solid #fff;
	font-family:Georgia, serif;
	font-size:1.3em;
	font-weight:bold;
}

/* TOC */

#Index {
	margin: 30px 0;
}

.linkbox_content {
	padding-bottom:10px !important;
	background-color:white !important;
}

/* Content */

/* Teaser */

.ZMSTeaserElement {
	background:transparent !important;
}

.ZMSTeaserContainer {
	background:transparent !important;
}

#teasers {
	float:right;
	width:250px;
	margin-left:5px;
}

.teaser {
	font-size:98%;
	padding:20px 0 0 0;
	background-color:transparent;
}

.teaser_content {
	font-size:0.9em;
	background-color:#fff;
	padding:21px 18px 18px 18px;
	width:203px;
}

.teaser_headline, .infobox_headline, .linkbox_headline {
	text-transform:uppercase;
	display:block;
	background:url(images/content_bg.gif) bottom repeat-x;
	padding:0 0 10px 3px;
	font-family:Georgia, serif;
	color:#538098;
	letter-spacing:2px;
}

.infobox_headline, .linkbox_headline {
	margin:0 0 20px 0;
}

.teaser_headline {
    margin: 0 0 5px 0;
}

/*------ top area ------*/



.mn-content_home {
	background: #68B1DA url(images/hp_teaser_bg.gif) bottom repeat-x;
}

#meta-nav-links {
	width:740px;
        float:left;
}

.meta-nav-links-left {
	float:left;
}

.meta-nav-links-right {
	float:right;
}




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

a:link, a:visited, a:hover, a:active {
	/*color:#0A6695;*/
	color:#037DC2;
	text-decoration:none;
}

a.more:link, a.more:visited, a.more:hover, a.more:active {
	font-weight:bold;
	background:url(images/link_bg.gif) left center no-repeat;
	padding-left: 12px;
	text-decoration:underline;
}

#meta-nav-content a:link,  #meta-nav-content a:active, #meta-nav-content a:hover, #meta-nav-content a:visited {
	color:#CCE5F3;
}

#pageregionLeft a:link, #pageregionLeft a:visited, #pageregionLeft a:hover, #pageregionLeft a:active {
	color:#fff;
}

#pageregionLeft ul li a {
	display:block;
	padding:9px 0 9px 36px;
	background:url(images/navigation_item_bg.gif) 10px center no-repeat;
}

#pageregionLeft ul ul li a:link, #pageregionLeft ul ul li a:active, #pageregionLeft ul ul li a:hover, #pageregionLeft ul ul li a:visited{
	padding:3px 0 3px 0;
	background:none;
	color:#D1DDE3;
	font-weight:normal;
}

#pageregionLeft ul li.current a.current:link, #pageregionLeft ul li.current a.current:visited, #pageregionLeft ul li.current a.current:active, #pageregionLeft ul li.current a.current:hover {
	color:#fff;
	font-weight:bold;
}

#pageregionLeft li.current a.level1:link, #pageregionLeft li.current a.level1:visited, #pageregionLeft li.current a.level1:active, #pageregionLeft li.current a.level1:hover {
	background:url(images/navigation_item_current_bg.gif) 10px center no-repeat;
}

#pageregionLeft a.level3:link, #pageregionLeft a.level3:visited, #pageregionLeft a.level3:active, #pageregionLeft a.level3:hover {
	background:url(images/sub_nav_item_bg.gif) left center no-repeat;
	padding-left: 18px;
}

/*---  Icons ---*/

#pageregionLeft ul li.icons, .icons {
	background-color:#9ACBE7;
	padding:16px 0 16px 36px;
}

#pageregionLeft ul li.icons span, .icons span {
	display:none;
}

a.font_plus, a.font_minus, a.print, a.tellafriend {
	width:20px;
	height:20px;
	float:left;
	padding:0 !important;
	margin-right:2px;
}

a.font_plus { background:url(images/icons/font_bigger.gif) no-repeat !important; margin-right:5px;}
a.font_minus { background:url(images/icons/font_smaller.gif) no-repeat !important; }
a.print { background:url(images/icons/print.gif) no-repeat !important; width:18px; margin-right:7px; }
a.tellafriend { background:url(images/icons/tellafriend.gif) no-repeat !important; }

/* TOC */

#Index li {
	background: url(pfeil_index.gif) 0px 3px no-repeat;
	padding: 0 0 0 15px;
}

#Index a:link, #Index a:visited {
	font-size:1.2em;
	text-decoration: none;
	font-family:Georgia, serif;
	font-weight:bold;
}

#index a:hover, #Index a:active, a.index {
	text-decoration: underline;
}

a.index {
	display: block;
	background: url(pfeil_index.gif) 0px 3px no-repeat;
	padding: 0 0 0 15px;
	text-decoration: none;
}

a.index:hover {
	text-decoration: underline;
}

.linkbox a:link, .linkbox a:visited, .linkbox a:hover, .linkbox a:active {
	text-decoration:underline;
	font-weight:bold;
}

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


/*********************/
/* Lists*/
/*********************/

ul {
	list-style-type: none;
}

#pageregionLeft ul{
	list-style-type:none;
	/*padding-bottom:200px;*/
	margin: 0;
}

#pageregionLeft ul ul {
	padding:0 0 16px 37px;
}

#pageregionLeft ul ul ul{
	padding:0;
}

#pageregionLeft ul ul ul ul{
	padding-left:18px;
}

#pageregionLeft ul li{

	border-bottom:1px solid #fff;
	background:#68B1DA;
}

#pageregionLeft ul li.current{
	background:#3597CE;
}

#pageregionLeft ul ul li{
	border-bottom:none;
	background-color:transparent;
	font-family:Verdana,sans-serif;
	font-size:0.8em;
}

#pageregionLeft ul ul ul li{
	font-size:0.95em;
}

/* TOC */

#Index ul {
	margin-bottom:0.7em;
}

.linkbox ul li {
	font-size:0.9em;
	margin-bottom:1.1em;
	line-height:1.2em;
}

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

/* Zoom Korrektur */
#content span, #content p, #content li, #content a:link, #content a:visited, #content a:hover, #content a:active {
	line-height:1.4em;
}

#teasers p {
	line-height:1.5em;
}


#content h1, #content h2 {
	font-weight:normal;
	margin-bottom:1em;
	color:#195676;
	line-height:1.1em;
	font-family: Georgia, serif;
}

#content h1 {
	font-size:1.5em;
}

#content h2.ruler {
	padding-top: 5px;
	background:url(images/content_bg.gif) top repeat-x;
}

h3, h4, h5, h6 {
	line-height:1.4em;
	margin-bottom:1.1em;
	font-size:1em;
	font-weight:bold;
	color:#000;
}

p, ul.bullet {
	margin-bottom:1.1em;
}

p.description {
	color:#666;
	font-weight:bold;
}

ul.bullet {
	list-style: square outside;
	margin: 0 2em 1em;
	padding: 0 2em;
}

#teasers h2, #teasers h3, #teasers h4 , #teasers h5, #teasers h6 {
	font-weight:bold;
	margin-bottom:1.2em;
	line-height:1.4em;
	color:#037DC2;
	font-family:Verdana, sans-serif;
	font-size:1.1em;
}

/* Startseite */

.hp_teaser_left {
	background: #663366 url(images/hp_teaser_left_bg.jpg) bottom repeat-x;
	color:#333;
}

.hp_teaser_right {
	background: #FF9900 url(images/hp_teaser_right_bg.jpg) bottom repeat-x;
	border-right:1px solid #fff;
	color:#333;
}

.hp_teaser_right,.hp_teaser_left {
	border-left:1px solid #fff;
	float:left;
	width:372px;
	height:200px;
}

.hp_teaser_left h2, .hp_teaser_right h2 {
	color:#D9CCD9;
	padding: 13px 0 0 50px;
	border-bottom:1px solid #fff;
	height:34px;
	font-family:Georgia, serif;
	font-size:2em;
}

.hp_teaser_left h2 {
	background: transparent url(images/hp_teaser_left_arrow.gif) 15px center no-repeat;
}

.hp_teaser_left h2 a { color:#D9CCD9 !important; }

.hp_teaser_right h2 {
	background: transparent url(images/hp_teaser_right_arrow.gif) 15px center no-repeat;
}

.hp_teaser_right h2 a { color:#0A6695 !important; }

.hp_teaser_left a {
	color:#333 !important;
	font-weight:bold;
}

.hp_teaser_right a {
	color:#333 !important;
	font-weight:bold;
}

.hp_teaser_right p ,.hp_teaser_left p {
	font: bold 1.3em/1.3em Arial,Helvetica-sans-serif;
	margin: 15px 50px 0;
}



/* Tagcloud */

.tagcloud {
	margin: 1em;
}

.tagcloud_header {
	color:#538098;
	text-align: left;
font-size: 80%;
}

.tagcloud_content {
	/* background: #9ACBE7; */
	font-size: 70%;
	text-align: center;
}

.tagcloud_content a:link, .tagcloud_content a:visited, .tagcloud_content a:hover, .tagcloud_content a:visited  {
	font-family: Arial,Helvetica,sans-serif;
	color: #FFF;
	display: inline !important;
	padding: 0  !important;
	margin: 0 8px 0 0  !important;
	text-decoration: underline;
}

/* Content-Styles */

/* infobox */

.infobox, .linkbox {
	margin:20px 0;
	background:transparent url(images/content_bg.gif);
	padding:5px 5px 6px 5px;
}

.infobox_content, .linkbox_content {
	background:white;
	padding:8px 8px 8px 8px;
}

/*
 * Content Ruler
 */
hr.content_ruler {
  height: 30px;
  border: none;
  background: transparent url(images/content_bg.gif) 10px repeat-x;
}

/*
 * Nach Oben
 */
a.goto_top {
  font-size: smaller;
  display: block;
  text-align: right;
  padding-right: 15px;
  background: url(images/arrow_up.gif) right no-repeat;
}

/****************/
/* Forms 	  */
/************/

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

form {
	margin: 10px 0;
}


/***********/
/* Sitemap */
/***********/

ul.sitemap {
  list-style: square outside;
  margin: 0em 1em 2em;
  padding: 0em 1em;
}

.thirdLevel, .forthLevel {
  list-style: square outside;
  margin: 0em 1em;
  padding: 0em 1em;
}

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

.floatholder { clear: both; overflow:hidden; }

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

.clerasil { display: block; }

/* IE-clearing: nur noetig fuer IE*/

#ie_clearing { display: none }

body.zmi {
  background: #FFF;
  text-align: left;
}

.cmsBgColorLight0 {
  background: #F7F7F7;
}

.customer_list ul {
  width: auto;
}

.customer_list li {
  float: left;
  width: 50%;
}

.customer_list li img {
  border: 1px solid #CCC;
  margin: 0 0 20px 0;
}

p.blockquote, div.customer_quotes p {
  background: url(quotemark.gif) no-repeat;
  padding-left: 40px;
}

a img {
  border: none;
}



#Copyright p {
  font-size: 80%;
  color: #999;
}
#Copyright a:hover {
  text-decoration: underline 
}

/* Suchfeld-Anpassungen */

#q {
  width:180px;
  height:18px;
  line-height: 18px;
  padding:0 3px;
  margin:0;
  border:1px solid #037DC2;
  font-size: 80%;
  color: #666;
  vertical-align:middle;
}

.search_area {
  background-color:#9ACBE7 !important;
  border:none !important;
}

.searchText {
  line-height:1.2em;
}

#Search {
    padding:10px 0;
}


#Macronavigation {
    padding-bottom:200px;
}


#Search form {
    margin:0 10px 10px 10px;
}

a.zoom {
  background: url(http://vm-s-live.xmachina.de/misc_/zms/zoom.gif) right 7px no-repeat;
  height: 30px;
  display: block;
}

/*
Ticker
*/

.clear-both {
	clear:both;
}

a#toggleTicker {
	color:#FD6801;
	margin-top:8px;
	display:block;
	outline:none;
}

/*this is the main wrapper for the ticker*/
#ticker {
	width:99.9%;
	height:1.5em;
	padding: 2px 0px;
	overflow:hidden;
	position: fixed;
	left: 0; bottom: 0; right: 0;
	width: 100%;
	z-index: 1000;
	background-color:#CCCCCC;
}

/*styles specifically for when JS is disabled, I'll explain
how this works in the JS section*/
#ticker.noscript {
	overflow:visible;
	height:auto;
}

/*really wide div within the wrapper*/
#ticker-inner {
	width:10000px;
	position:relative;
	margin-left:-3000px;
}

/*more noscript styles*/
#ticker.noscript #ticker-inner {
	margin-left:0px;
	width:auto;
}

/*positioned absolutely 3400px away from the left
hand side of the #ticker-inner div.  Why 3400?  Because
3000 of that is off the screen to the left and the width
of the wrapper is 400px, so this positions it just out of 
view on the right hand side*/
#ticker ul {
	padding:0px;
	margin:0px;
	height:1.5em;
	position:absolute;
	left:3400px;
}

/*yet more noscript*/
#ticker.noscript ul {
	position:relative;
	height:auto;
	left:0px;
}

/*simply display these next to one 
another in the #ticker-inner div*/
#ticker ul li {
	padding:0px;
	margin:0px;
	margin-right:30px;
	display:block;
	float:left;
	height:50px;
}

/*more noscript*/
#ticker.noscript ul li {
	position:relative;
	float:none;
	clear:both;
	height:auto;
}

#ticker ul li a {
	color:#666;
	text-decoration:none;
}

#ticker ul li a:hover {
	color:#000;
	text-decoration:underline;
}

.left, .alignleft {
  float: left;
  margin-right: 1em;
}

.right, .alignright {
  float: right;
  margin-left: 1em;
}

.ZMSTable td {
 vertical-align: top;
}

fieldset {
  padding: 15px;
  padding-top: 0;
}

fieldset.submitarea {
  padding-top: 15px;
}

legend { 
  padding: 15px;
  font-weight: bold;
  color: #666;
}

label { 
  margin-bottom: 15px; 
  display: block;
  text-align: right; 
}

label.inline { 
  display: inline !important;
}

label input, label select {
  width: 270px;
}

span.mandatory {
  font-weight: bold;
  color: #C00;
}

#content textarea {
  width: 100%;
  height: 90px;
}