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

* {
	margin:0;
	padding:0;
}

html { height: 100% } 
body { 
	min-height: 101%;	
	font-size: 100.01%; 
	position: relative;
	font-family: Arial, sans-serif;
	font-style:normal;
	font-size:12px;
	background:white;
	text-align:left;
} 

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

#InnerShell {
	position:relative;
	top: 30px;
	left: 30px;
	width:940px;
	margin: 0;
	text-align:left;
}

html>body #InnerShell {
	height:auto;
	min-height:491px;
}

/* ungewollte Rahmen entfernen */
fieldset, img { border:0; }
option {padding-left: 0.4em}

#pageregion {
	margin: auto;
	margin-top: 0;
	padding: 0;
	border: 0;
	width:850px;
	text-align:left;
	background-color:#fff;
	}

#pageregionTop {
	margin: 0;
	padding: 0;
	border: 0;
	}

#emotionImage {
	width:100%;
	height:250px;
	}

#pageregionTop.start_ep {
	height:300px;
	}

#pageregionContent {
	background:#E7F5F0;
	}

#breadcrumb {
	position:absolute;
	top:156px;
	left:30px;
 	font-size:10px;
}

#breadcrumb.start_ep	{	top:238px;	}

#breadcrumb a {
	color:#59B49A;
	} 

#breadcrumb a.current {
	color:red;
	text-decoration:none;
	} 

#Content {
	padding: 0 40px 20px 90px;
	} 

#meta_nav {
	float:right;
	margin: 60px 0 0 0;
}

#meta_nav form {
	display:block;
}

#meta_nav fieldset.searchbutton {
	float:left;
}

#meta_nav fieldset.searchbutton_go {

}

#meta_nav fieldset.searchbutton_go input {
	float:left;
	width:107px;
	height:21px;
	border:0;
	color:white;
	font-size:10px;
	font-weight:bold;
}

#meta_nav a:link, #meta_nav a:hover, #meta_nav a:visited {
	color:#666 !important;
	font-weight:bold !important;
	text-decoration:none;
	line-height:25px;
}

span.lang_sel { display:block; height:25px; }
span.lang_sel a:link, span.lang_sel a:hover, span.lang_sel a:visited { margin-right:6px !important;}
span.lang_sel img { margin-right:3px; }

fieldset.searchbutton input {
	color:#bbb;
	font-weight:bold;
	font-size:10px;
}

/*-- /Broad: without pageregionRight --*/


#pageregionBefore {
	padding: 0 40px 0 90px;
	}

#pageregionMiddle{ position:relative; width: 81%; float:right; margin-right: 0%; background:#E7F5F0 url(layout/nav_green_segment.gif) left top no-repeat;}
#pageregionLeft {position:relative; margin-left: 0; margin-right: 81%; background: url(layout/verlauf.jpg) left top repeat-y;}

#pageregionMiddle.start_ep {
margin-left:-98%;
width:75%;
}

#pageregionBottom {
	border: 1px solid white;
	background: #009966;
	padding: 0;
	margin:0px;
	text-align: left;
	clear: both;
	}

#pageregionBottom p {
	margin: 0;
	padding: 0;
	color:#59B49A;
	line-height:30px;
	}
	
#pageregionBottom a {
	color:#59B49A;
	text-decoration:none;
}

#pageregionBottom img {
	float:left;
	margin: 12px 25px 0 0;
	}

#Logo  {
	margin: 0;
	padding: 0;
	float:left;
	}
/*****************************/
/*-- Default-CSS:ZMSTeaser --*/
/*****************************/

div#teaser /*--Layoutkonstruktor--*/
        {
        width:150px;
        font-size:x-small;
        }
div.ZMSTeaserContainer
        {
        padding:1px;
        margin-bottom:10px;
        }
div.ZMSTeaserElement
        {
        text-align:center;
        }
div.ZMSTeaserElement div.title,
div.ZMSTeaserElement div.text
        {
        display:block;
        padding:3px;
        text-align:left;
        }


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

a:link, a:visited {
	font-weight : normal; 
	text-decoration : underline;
	color:#009966;
	background: transparent; 
	}

a:hover {
	text-decoration : underline;
	color:#009966;
	background: transparent; 
	}

a:active {
	text-decoration : underline;
	color:#009966;
	background: transparent;  
	}

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

#where_at {
	position:absolute;
	right:35px;
	top:148px;
	color:white;
	font-size:22px;
}

#where_at.start_ep {	top:230px;}

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

#Menu
	{
	width:940px;
	height:28px;
	background-color: #d7d7d7;
	border-top:1px solid #666;
	border-bottom:2px solid #666;
	margin:0;
	clear:both;
	}

#Menu.start_ep	{		}

#Menu ul.Menu
	{
	width:100%;
	padding:0;
	margin:0;
	}

#Menu ul.Menu li.Menu 
	{
	padding:5px 28px 0 5px;
	margin:0;
	white-space:nowrap;
	float:left;
	display:block;
	height:23px;
	background: #d7d7d7 url(layout/menu_bg.gif) right top no-repeat;
	}

#Menu ul.Menu li.Menu a
	{
	text-decoration: none;
	color:#666;
	font-weight:bold;
	}

#Menu  ul.Menu li.Menu a:hover
	{
	color:#fff;
	}

#Menu ul.Menu li.current
	{
	}

#Menu ul.Menu li.Menu a:hover
	{
	}

/*-----Micronavigation-----*/

#Micronavigation {
	padding:5px 10px 5px 3px;
	text-align:left;
	clear:both;
	}

#Micronavigation span {
	font-weight:bold;
	}

/*-----Macronavigation-----*/

#Macronavigation {
	padding: 8px;
	background-color:#009966;
	margin-bottom:1px;
	height:79px;
	}


#Macronavigation ul {
	list-style-type:none;
	margin:0;
	padding:0 5px;
	}
	
#Macronavigation ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	border: 0px;
	line-height:127%;
	background: url(layout/arrow_nav.gif) center left no-repeat;
	}

#Macronavigation a:link, #Macronavigation a:visited, #Macronavigation a:hover, #Copyright a:link, #Copyright a:visited, #Copyright a:hover {
	display:block;
	position:relative;
	left:0pt;
	top:0pt;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	text-decoration:none;
	vertical-align:middle;
	color:#fff;
	text-decoration : none;
	cursor:pointer;
}

#Macronavigation li.current a.current{
	color: #fff; 
	text-decoration: none;
	font-weight: bold;
	display:block;
}

#Macronavigation li a span {
	margin:0 auto;
	padding:3px 0;
	text-align:left;
	display:block;
}

 #Copyright {
	width:168px;
	border-right:1px solid white;
	background-color:#9b9b9b;
	padding: 3px 0 5px 10px
}

 #Copyright a {
	font-size:10px;
	background: url(layout/arrow_nav_small.gif) left no-repeat !important; 
	display:inline !important;
	padding-left:15px !important;
	margin:5px 10px 5px 5px;
}

/*********************/
/* Content-Elements  */
/*********************/
	
h1, h2, h3, 
h4, h5, h6 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	margin-top: 12px;
	margin-bottom: 10px;
	letter-spacing: 1px;
	line-height: 18px;
	color:#009966;
	}

h1 {
	font-size:22px;
	font-weight:bold;
	margin-top:35px;
	}
	
h2 { 
	margin-top:30px;
	font-size:16px;
	font-weight:bold;	
	}

h3 { 
	color:#000;
	margin-top:0px;
	font-size:14px;
	font-weight:bold;	
	}

p {
	line-height: 140%;
	margin-top: 1em;
	margin-bottom: 1em;
	}

blockquote {
	background-color:#E2E3DE;
	border: 1px solid #666666;
	padding:10px
}

ol, ul {
	margin: 2px 0;
	padding-left: 10px;
	margin-left: 10px;
	}
	
li {
	line-height: 140%;
	margin:0px;
	margin-bottom: 0px;
	padding: 0;
	padding-left: 5px;
	margin-left: 5px;
	text-align: left;
	}

ol li	{
	list-style-type: decimal;
	}

.content_header {
	margin-bottom:10px;
	margin-top:4px;
	padding:5px 5px 0px 40px;
	width:470px;
	}

.content_header_icons {
	float:right;
	padding-left:8px;
}

.content_header_icons a {
	margin-right:5px;
}

.content_header  h1{
	float:left;
	margin-top:0;
}

.alignright { float:right; width:37%;}
.alignleft { float:left; }
.graphic { padding:0 8px; }

.forum_teaser span {display:block;}
.forum_teaser span a {padding-left:10px;}
/****************/
/* Forms */
/***************/

#dbtest fieldset, #dbtest span.legend {display:block;}, #form fieldset, #form span.legend {display:block;}
#dbtest fieldset, #form fieldset {  width:497px; }
#dbtest fieldset { padding-bottom:20px; }
#dbtest, #form { 
	width:500px;
	margin: 30px 0;
}

#dbtest span.legend, #form span.legend { 
	padding:10px 10px 20px 10px;
	width:500;
	display:block;
	color:#e31218; 
}

#dbtest span.legend p, #form span.legend p{ 
	color:black; 
}

#dbtest input, #form input { margin-left:25px; }

form .left { width:49%; float:left; }
form .right { width:49%; float:right; }
form .third_l { width:33%; float:left; }
form .third_r { width:33%; float:right; }
form .third_m { width:33%; float:left; }
form .quart_l { width:24%; float:left; }
form .quart_r { width:24%; float:right; }
form .quart_m { width:24%; float:left; }
form .quart_m2 { width:24%; float:left; }
form p { clear:both; padding: 10px 20px;}
fieldset.submit_area  { height:20px; }
#form fieldset.submit_area  { height:48px; }
fieldset.submit_area  a, fieldset.submit_area input{ 
	padding: 3px 8px; 
	background:white;	
	color:#e31218; 
	border:2px solid #e31218; 
	text-decoration:none; }


/* Clearing fuer Floats */
.clearsil:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
	
/* Clearing fuer Inhalte innerhalb von Spalten */
.clearin { overflow:hidden; }

/* Safari Korrektur */
.clearsil { display: block; }

/* deaktivieren für "nicht IE's" */
#exp_clear { display: none; }

/* ---------- Google Custom Search -------------- */
#ergebnis {
	position:absolute;
	left:20px;
	top:140px;
}

.google_back {
position:absolute;
top:3px;
left:0px;
}

 a.google_back:link,  a.google_back:hover,  a.google_back:visited,  a.google_back:active {
text-decoration:none;
}