/** Allgemeine HTML-Elemente
-------------------------------------------------------------------------**/

* {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
}

html {
  height: 100%;
  overflow: -moz-scrollbars-vertical;
}

body {
  height: 100%;
  background: #380030 url(../../_Layout/bg-body.gif) repeat-y center 0px;
  text-align: center;
  font: normal 12px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
  color: #333;
}

a {
  text-decoration: none;
  outline: none;
}

p,
pre {
  margin: 0px 0px 10px 0px;
  line-height: 20px;
}

pre {
  white-space:normal;
}

.clear-left{
	clear:left;
	height:0px;
	font-size:1px;
}

.clear-right{
	clear:right;
	height:0px;
	font-size:1px;
}

.clear-both{
	clear:both;
	height:0px;
	font-size:1px;
}


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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/** Layout Elemente
-------------------------------------------------------------------------**/
div#main {
  position: relative;
  width: 880px;  
  min-height: 100%;
  overflow: hidden;
  margin: 0px auto;
  padding: 0px 10px;
  background: #fff;
  text-align: left;
}

div#head {
  position: relative;
  top:0; left:0;
  z-index: 1;
  min-height: 173px;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 8px 0px;
}

div#content {
  width: 620px;
  float: left;
  padding: 0px 8px 10px 8px;
}

div#content.wide {
}

div#sidebar {
  width: 244px;
  float: right;
  padding: 0px 0px 10px 0px;
}

div#sidebar div.box {
  margin: 12px 0px;
  padding: 7px 0px 0px 0px;
  border-top: 2px solid #ccc;
}


div#ctn-toggle-mainmenu a {
  margin-right:5px;
  padding: 5px 10px 5px 8px;
  background: url(../../_Layout/bg-toggle-mainmenu.png) no-repeat right 10px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  margin-top:5px;
}

div#ctn-toggle-mainmenu ul li{
  display: block;
  float:left;
  padding-top: 5px;	
}

a#logo {
  padding: 10px 0px;
  display: block;
  text-align: right;
}

div#news {
  position: relative;
  height: 1%;
  z-index: 0;  
  margin: -8px 0px 0px -8px;
  padding: 4px 8px;
  background: #b69c01;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}


/** Kopfmenu
-------------------------------------------------------------------------**/
div#headmenu {
  float: right;
  padding: 8px 5px 5px 5px;
}

div#headmenu ul li {
  display: inline;
  line-height: 11px;
}

div#headmenu ul li a {
	padding: 0px 8px 0px 9px;
	float: left;
	color: #989898;
  background: url(../../_Layout/bg-headmenu.gif) repeat-y 0px 0px;
}

div#headmenu ul li.first a {
  background: none;
}

div#headmenu ul li a:hover {
	color: #999;
}


/** Hauptmenu
-------------------------------------------------------------------------**/
div#mainmenu {
  display: none;
  position: absolute;
  top: 26px; left: 0px;
  width: 880px;
  height: 280px;
  padding: 20px 0px;
  background: #000;
  z-index:2;
}

div#mainmenu h2 {
	font-size: 14px;
}

div#mainmenu h2 a {
  color: #b69c01;
}

div#mainmenu h2 a:hover {
  text-decoration: underline;
}

div#mainmenu ul li {
	width: 205px;
	float: left;
	margin: 0px 0px 0px 10px;
}

div#mainmenu ul li ul {
}

div#mainmenu ul li ul li {
	padding:10px 0 0 10px;
	background: url(../../_Layout/mainmenu_list-style-type.gif) no-repeat 0px 17px;
	display: block;
	margin: 0px;
}

div#mainmenu ul li ul li ul li {
	display: none;
}

div#mainmenu ul li ul li ul li a {
	font-size: 10px;
}

div#mainmenu ul li ul li a {
	color: #fefefe;
}

div#mainmenu ul li form {
  margin: 25px 0px 0px 0px;
  background: gold;
}

div#mainmenu ul li form input {
  background: #fff;
}

div#mainmenu div.close-mainmenu{
	display:block;
	position:absolute;
	bottom:15px;
	right:15px;
	font-size:12px;
	color:#989898;
	background: url(../../_Layout/mainmenu_close2.gif) no-repeat 0px 4px;	
	padding-left:15px;
	cursor:pointer;
}


/** Teaser - Einleitung
-------------------------------------------------------------------------**/
div#headline {
  width: 750px;
  float: right;
  padding: 10px 30px;
  text-align: right;
}

div#headline h1 {
  padding: 0px 0px 10px 0px;
  font-size: 35px;
  font-weight: normal;
  text-align: right;
  color: #b69c01;
}

div#headline p {
  font-size: 15px;
  font-weight: bold;
  color: #989898;
  text-align: right;
}

/** Flashfilm
-------------------------------------------------------------------------**/

div#flashfilm {
	bottom:120px;
	right:30px;
	clear:right;
	position:absolute;
	z-index:-2;
}

/** Themen
-------------------------------------------------------------------------**/
div.theme {
	width: 860px;
  padding: 10px 0px 0px 10px;
}

div#head div.theme {
  position: absolute;
	bottom: 20px; left: 0px;
  clear: right;
}

div.theme h1 {
  float: left;
  padding: 4px 8px;
  background: url(../../_Layout/bg-theme.png);
  font-size: 14px;
  color: #fff;
}

div.theme-more {
  padding: 7px 2px 0px 0px;
  text-align: right;
}

div.theme-more a {
  font-weight: bold;
  color: #b69c01;
}

.jcarousel-container {
  width: 860px;
  position: relative;
  padding: 15px 0px;
  background: url(../../_Layout/bg-theme.png);
}

.jcarousel-clip {
  width: 840px;
  height: 50px;
  z-index: 2;
  overflow: hidden;
  position: relative;
}

.jcarousel-list {
  z-index: 1;
  overflow: hidden;
  position: relative;
  top: 0px; left: 0px;
}

.jcarousel-list li,
.jcarousel-item {
  width: 200px;
  float: left;
  margin: 0px 0px 0px 10px;
}

.jcarousel-list li span.theme-thumbnail,
.jcarousel-item span.theme-thumbnail {
  width: 41px;
  height: 41px;
  float: left;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
  border: 1px solid #fff;
}

.jcarousel-item h2 {
  font-size: 13px;
  color: #fff;
}

.jcarousel-item h2 sub {
	position: relative;
	top: -3px;
  font-size: 10px;
	line-height: 0px;
}

.jcarousel-list li p,
.jcarousel-item p {
  line-height: 16px;
  color: #fff;
}

.jcarousel-list li a,
.jcarousel-item a {
  color: #fff;
}


/** Themenmotive
-------------------------------------------------------------------------**/
div.motive{
	 position:absolute;
	 top:10px;
	 z-index:1;
	 background-color:black;
}

div.frontpage{
	 height:515px;
	 width:880px;
	 z-index:0;	
}

div.subpage{
	 height:181px;
	 width:880px;
	 z-index:0;
}

div.motive-01{
	 height:498px;
         padding:0 0 15px 0 !important;
}

/** Breadcrumb
-------------------------------------------------------------------------**/
div#breadcrumb {
  padding: 10px 0px 25px 0px;
}

div#content div#breadcrumb ul {
  margin-left:0;
}


div#content div#breadcrumb ul li {
  list-style-image:none;
  margin:0;
}

div#breadcrumb ul li {
  float: left;
  font-size: 11px;
	color: #4d4f53;
  line-height: 12px;
}

div#content  div#breadcrumb ul li a {
  display: block;
	padding: 0px 5px 0px 10px;
	background: url(../../_Layout/bg-breadcrumb.gif) no-repeat 0px 3px;
	color: #4d4f53;
}

div#breadcrumb ul li a.first {
	padding: 0px 3px;
	background: none;
}

div#breadcrumb ul li a:hover {
	text-decoration: underline;
}


/** Foot-Box
-------------------------------------------------------------------------**/
div#foot-box {
  background: url(../../_Layout/bg-foot-box.gif) repeat-x 0px 0px;
}


/** Quicklink
-------------------------------------------------------------------------**/
div#quicklink {
	position: relative;
  height: 135px;
  padding: 10px 10px;
  overflow: hidden;
}

div#quicklink ul li {
  position: relative;
	left: 0px;
  width: 175px;
	height: 280px;
  float: left;
  padding: 0px 0px 0px 10px;
}

div#quicklink ul li.wide {
  width: 305px;
}

div#quicklink ul li.first {
  padding: 0px;
}

div#quicklink ul li img {
  display: block;
}

div#quicklink ul li h2 {
  margin: 5px 0px 0px 0px;
  font-size: 14px;
  color: #fff;
}

div#quicklink ul li p {
  color: #fff;
}

div#quicklink ul li p a {
  color: #b69c01;
}

div#quicklink ul li p a:hover {
  text-decoration: underline;
}


/** Fussbereich
-------------------------------------------------------------------------**/
div#foot {
  padding: 10px 0px;
}

div#foot p,
div#foot div {
  margin: 0px 0px 5px 0px;
  line-height: 10px;
  font-size:10px;
}

div#foot div#copyright {
  float: right;
  text-align:right;
}

div#foot ul li {
  display: inline;
  line-height: 10px;
}

div#foot ul li a {
  float: left;
  padding: 0px 4px 0px 0px;
  font-size: 10px;
  color: #660066;
  line-height: 10px;
}

div#foot ul li.first-child a {
  margin: 0px 4px 0px 0px;
  border-right: 1px solid #660066;
}

div#foot ul li a:hover {
  text-decoration: underline;
}


/** Tag Cloud
-------------------------------------------------------------------------**/
div#tag-cloud a {
	line-height: 14px;
	font-size: 13px;
	color: #4d4f53;
}

div#tag-cloud a:hover {
	color: #660066;
}


/** Whitepaper
-------------------------------------------------------------------------**/
div#whitepaper {
  padding: 20px 0px 0px 40px !important;
  background: url(../../_Layout/bg-whitepaper.gif) no-repeat 3px 27px;
}

div#whitepaper h2 a {
  font-size: 13px;
  color: #660066;
}

div#whitepaper a {
  color: #4d4f53;
}


/** Submenu
-------------------------------------------------------------------------**/
div#submenu ul li {
  display: inline;
}

div#submenu ul li a,
div#submenu ul li span {
  display: block;
  margin: 3px 0px 0px 0px;
  padding: 3px 8px;
  font-size: 14px;
  font-weight: bold;
  color: #4d4f53;
  background-color:#d2d3d4;
}

div#submenu ul li.top a{
  background: #d2d3d4 url(../../_Layout/bg-submenu_a.gif) no-repeat 225px 6px;
}

div#submenu ul li.top ul li a{
  background-image: none;
}

div#submenu ul li.top span{
  background: #d2d3d4 url(../../_Layout/bg-submenu_a.gif) no-repeat 225px 6px;
}

div#submenu ul li.top span.current{
  background: #999 url(../../_Layout/bg-submenu_a.gif) no-repeat 225px 6px;
}

div#submenu ul li span.current{
  background-color: #999;
}

div#submenu ul li ul li a {
  font-weight: normal;
  padding: 3px 25px;
  background-image:none;
  margin: 0px;  
}

div#submenu ul li ul li span.current,
div#submenu ul li.top ul li span.current{ 
  font-weight: bold; 
  padding: 3px 25px; 
  background-image:none; 
  margin: 0px;
}


div#submenu ul li a:hover {
  background-color: #999;
  color: #fff;
}


/** Toogle im Inhaltsbereich
-------------------------------------------------------------------------**/
div#content div.toggle h2 {
	color: #4d4f53;
}

div#content div.toggle div.readmore {
  border-bottom:1px solid #D2D3D4;
  display: none;
}

div#content div.toggle div.readmore div.close-readmore {
  color:#4D4F53;
  font-family:georgia;
  background: url(../../_Layout/toggle_close-readmore.gif) no-repeat 0px 2px;
  padding:0 0 0 18px;
  margin-bottom:5px;
 cursor:pointer;
}



div#content div.toggle div h2.mehr {
 background: url(../../_Layout/toggle_close.gif) no-repeat 0px 2px;
 color:#660066;
 padding:0 0 0 18px;
 cursor:pointer;
}

div#content div.toggle div h2.mehr.open {
 background: url(../../_Layout/toggle_open.gif) no-repeat 0px 2px;
}

div#content div.toggle p {
	margin:0 0 10px 0;
}

div#content div.toggle p img{
    float:left;
    margin-right:10px;
}

/** Elemente im Inhaltsbereich
-------------------------------------------------------------------------**/
div#content h1 {
  margin:0 0 10px 0;
}

div#content h2 {
  font-size: 14px;
  color: #4d4f53;
  margin:10px 0 0 0;
}

div#content p,
div#content pre{
  font-family: georgia;
  color: #4d4f53;
}

div#content table{
  font-size:12px;
}

div#content a{
  background-image:url(../../_Layout/bg-link.gif);
  background-position:right 7px;
  background-repeat:no-repeat;
  color:#660066;
  cursor:pointer;
  padding-right:10px;
}

div#content p a{
  color: #660066;
}

div#content ul{
  line-height:20px;
  font-family: georgia;
  color: #4d4f53;
  margin:5px 0 10px 5px;
}

div#content ul li{
  margin:5px 0 0 20px;
  list-style-image: url(../../_Layout/content_list.gif);
}

div#content ul li a{
  color:#660066;
}

div#content div.teaser {
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 24px;
 margin:0 0 10px;
 color: #b69c01;   
}

div#content div.teaser p{
  color: #b69c01;  
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
font-weight:bold;
}

div#content ol{
  line-height:20px;
  font-family: georgia;
  color: #4d4f53;
  margin:5px 0 0 5px;
}

div#content ol li{
 list-style-type:decimal;
  margin:5px 0 0 20px;
}

div#content ol li ol li{
 list-style-type:lower-latin;
  margin:5px 0 0 15px;
}

/** Formulare
-------------------------------------------------------------------------**/
h2.form{
	float: left;
	background-color:#d2d3d4;
	padding: 10px 10px 0 10px;
}

div#content form{
	background-color:#d2d3d4;
	clear: left;
	padding: 10px; 
}

fieldset{
	position: relative;
	margin-bottom: 15px;
}

legend{
	font-weight: bold;
	margin-bottom: 5px;
}

fieldset p.note{
	position: absolute;
	bottom: 0;
	right: 20px;
	clear: left;
	text-align: right;
	font-size: 10px;
}

div.panel{
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

div.last-child{
	margin-right: 0 !important;
}

div.text{
	width: 193px;
	height: 35px;
}

div.text label{
	/*display: block;
	position: absolute;
	bottom: 0;
	left: 0;*/
}

div.checkbox{
	/*width: auto !important;
	clear: right;*/
}
/*
div.checkbox input{
	float: left;
}
*/

div.checkbox label{
	white-space: nowrap;
}

div.textarea label{
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

input.txt{
	width: 193px;
}

div.submit{
	text-align: right;
}

input.btn{
	color: #660066;
	font-weight: bold;
	background-color: transparent;
	text-align: right;
}

textarea{
	/*width: 100%;*/
}


/** Kopfmenu
-------------------------------------------------------------------------**/

div#news-theme {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  height: 1%;
  z-index: 0;  
  margin: -8px 0px 0px -8px;
  padding: 4px 8px;
  background: #b69c01;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  width:auto;
}

div#news-theme .jcarousel-clip {
  width: 520px;
  height: 20px;
  z-index: 2;
  overflow: hidden;
  position: relative;
}

div#news-theme .jcarousel-list {
  z-index: 1;
  overflow: hidden;
  position: relative;
  top: 0px; left: 0px;
  margin:0;
  line-height:auto;
}

div#news-theme ul li{
  float: left;
  width: 540px;
  list-style-image:none;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  margin:0;
  z-index: 1;
}

div#news-theme ul li a{
  color: #fff;
  background-image:url(../../_Layout/bg-link_white.gif);
  z-index: 1;
  font-weight:normal;
}


div.szwidget{
   padding-top:5px;
}