@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: #5F6061;
	background-image:url(../grafiken/body-bg.jpg);
	background-position:center top;
	background-repeat:repeat-x;

}

div#wrapper {
	background-image:url(../grafiken/main-bg.png);
	background-position:center top;
	background-repeat:repeat-x;
}

div#main{
	width:815px;
	margin:auto;
}

div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-right: 2px;
}


div#main-10{
	width:815px;
}

div#header {
}

img.header-slider {
	margin-left:-20px;
	position:relative;
	z-index:1;
	width:875px;
	height:283px;
	}
	
div.header-menu {
	position:relative;
	z-index:2;
	margin-top:-55px;
	float:left;
	}	
	
div#header li{
	background-image:none;
	float:left;
	}
	
ul.menu-10 {
	margin:0px;
	margin-left:-15px;
	padding:0px;
	z-index:5;
	position:relative;
	}
	
ul.menu-10 a {
	display: block;
	font-weight:normal;
	text-align:left;
}


ul.menu-10 ul {
	position: absolute;
	display:none;
	width:150px;
	float:left;
	padding-top:12px;
}

/*ul.menu-10 ul.hover, ul.menu-10 li.hover ul, ul.menu-10 li:hover ul  {
	display:block;
}*/

ul.menu-10 ul li {
	margin-left:-40px;
	background-color: #444;
	padding-left:10px;
	padding-right:5px;
	width:170px;
	clear:both;
	border-bottom:1px solid  #999;
	
}

ul.menu-10 ul li a{
	color: #FFF;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	padding-top:5px;
	padding-bottom:5px;
}


ul.menu-10 ul li a:hover{
	color: #CCC;
}

*html ul.menu-10 ul {
	width:170px;
}
	
	
ul.menu-20 {
	float:right;
	}
	
ul.menu-20 li{
	padding-left:4px;
	}
	
ul.menu-20 img{
	padding-left:6px;
	float:left;
	padding-top:2px;
	border:none;
	}
	
ul.menu-20 li a{
	color: #FFF;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
}

div#header h3 {
	font-size:23px;
	margin:0px;
	margin-top:-60px;
	z-index:4;
	position:relative;
	}
	
img.header-logo {
	position:relative;
	z-index:4;
	left:550px;
	top:-70px;
	border:none;	
}

.header-input {
	color:#FFF;
	background-color:transparent;
	background-image:url(../grafiken/input-search-text.png);
	background-repeat:no-repeat;
	width:113px;
	padding-left:10px;
	height:28px;
	float:left;
	border:none;
	text-shadow: black 1px 1px 1px;
	filter:glow(color: black, strength: 1);
	font-family:'Webfont', Arial, Helvetica, sans-serif ;
	}
	
.header-button {
	float:left;
	height:28px;
	}

ul.breadcrumb {
	margin-top:20px;
	font-size:10px;
	position:relative;
	margin-left:-45px;
	width:800px;
	float:left;
	}
	
ul.breadcrumb li{
	font-size:11px;
	padding-left:2px;
	float:left;
	list-style:none;
	}
	
ul.breadcrumb a:link{
	font-size:11px;
	color:#FFF;
	}

div.teaser-box-start {
	width:260px;
	float:left;
	padding-left:5px;
	padding-right:2px;
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom:5px;
	margin-top:-5px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #CCC;
	}

.teaser-box-start p{
	font-size:11px;
	width:235px;
	padding-left:15px;
	margin-top:5px;
	margin-bottom:5px;
	line-height:17px;
	clear:both;
	}
	
.teaser-box-start h1{
	width:240px;
	text-align:center;
	font-weight:normal;
	line-height:17px;
	}
	
.teaser-box-start img{
	margin-top:5px;
	border: 3px solid  #6A6A6A;
}

div.content {
	clear:both;
	width:815px;
	padding-right:30px;
	padding-top:10px;
	}
	
div.column-left {
	position:absolute;
	margin-left:-210px;
	margin-top:35px;
	}
	
div.column-left ul {
	width:140px;
	float:left;
	padding-top:12px;
}

div.column-left ul.hover {
	display:block;
}

div.column-left ul li {
	padding-left:15px;
	width:140px;
	clear:both;
	border-bottom:1px solid  #999;
	background-position:1px 3px;
}

div.column-left ul li:hover {
border-bottom:1px solid  #EEE;
}

div.column-left ul li a{
	color: #FFF;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	line-height:18px;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
}

li.column-left-activ {

	}

div.column-left ul li a:hover{
	color: #CCC;
}

div.absatz {
	margin-bottom:25px;
	}
	
.absatz table,
.absatz textarea {
	width:100%;
	}
	
.absatz textarea {
	height:80px;
	margin-top:5px;
	}

*html div.column-left ul {
	width:140px;
}
	
div.column-center {
	width:535px;
	min-height:250px;
	padding-right:25px;
	float:left;
	}
	
div.column-center h3{
	margin-top:20px;}
	

	
div.column-center div.column-right ul{
	padding-left:5px;
	margin-left:5px;
	}
	
	
div.column-right ul{
	padding-left:5px;
	margin-left:5px;
	}
	
	
	
	
div.column-center li ul{
	padding-left:5px;
	margin-left:0px;
	}
	
div.column-right {
	width:250px;
	float:left;
	}
	
div.column-middle {
	float:left;
	width:100%;
	
	}
	
	
div.footer {
	background-color:#484849;
	width:100%;
	float:left;
	margin-top:30px;
	}
	
div.footer-10 {
	width:815px;
	margin:auto;
	}
	
div.footer-10 p.bodytext{
	margin-left:-15px;
	}
	
div.footer-10 img{
/*	float:right;*/
	padding-left:5px;
	border:none;
	}
	
div.footer-10 div{}

.image-border {
	border:1px solid #EEE;
	background-color: #FFFFFF;
	padding:3px;
}

.image-border-left {
	border:1px solid #EEE;
	background-color: #FFFFFF;
	padding:3px;
	float:left;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:10px;
}

.image-border-right {
	border:1px solid #EEE;
	background-color: #FFFFFF;
	padding:3px;
	float:right;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:10px;
}

.box-30 {
	float:left;
	padding-right:7px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #CCC;
	margin-right:7px;
	margin-top:10px;
	}
	
.box-30 div.csc-textpic-intext-right .csc-textpic-imagewrap {
	margin:0;
	float:none;
	}
	
.box-30 p.bodytext{
	font-size:12px;	
	}
	
.box-30 p.bodytext b{
	font-size:13px;	
	}

table td {
	vertical-align:top;
	padding-bottom:4px;
	padding-left:4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CFCFCF;
	}
	
table {
	border-collapse:collapse;
	}

.clear {
	clear:both;
	}
	
.center {
	text-align:center;
	}

.csc-textpic-image{
	background:none;
	padding:0px;
}

.klein {
	font-size:10px;
	}

	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
		border: 2px solid #505050;
		padding: 0px 0px;
	}
	
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline;
    margin-right: 2px;
	margin-top:2px;
}

div.csc-textpic-imagewrap ul {
	margin-left:-40px;
	}

	
@font-face {
    font-family: 'Webfont';
    src: url('webfont.eot');
    src: url('webfont.eot?#iefix') format('embedded-opentype'),
         url('webfont.woff') format('woff'),
         url('webfont.ttf') format('truetype'),
         url('webfont.svg#Webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h4 {
	color: #FFF;
	font-family:'Webfont', Arial, Helvetica, sans-serif ;
	font-weight:normal;
	margin-top:5px;
	margin-bottom:8px;
	text-shadow: black 0px 0px 2px;
		}
	
h1 {
	font-size:22px;
}

h2 {
	font-size:19px;
}

h3 {
	font-size:16px;
}

h4{
	font-size:16px;
}

hr {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #004613;
	}
	
p {
	font-family:Verdana, Geneva, sans-serif;
	margin-top:5px;
	margin-bottom:10px;}

p, td, li, table, form{
	font-family: Arial, Helvetica, sans-serif;
	color:  #FFF;
	font-size:13px;
	line-height:22px;
}

li{
	background-image:url(../grafiken/grafik-li.png);
	background-repeat:no-repeat;
	padding-left:15px;
	list-style:none;
	}

ul {
	margin-top:0px;
	margin-bottom:5px;}

.contenttable p{
	margin:0px;
}


img.headteaser {
	position:absolute;
	top:0;
	z-index:100;
	margin:0 0 0 580px;
	}


.image-border {
	border:2px solid #6A6A6A;
	padding:3px;
}

.image-border-left {
	border:2px solid #6A6A6A;
	padding:3px;
	float:left;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:10px;
}

.image-border-right {
	border:2px solid #6A6A6A;
	padding:3px;
	float:right;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:10px;
}

.input-text-lang {
	background-image:url(../grafiken/input-text-lang.png);
	background-color:transparent;
	background-repeat:no-repeat;

	width:244px;
	height:25px;
	padding:3px;
	border: none;
	margin-bottom:10px;
}

.input-textarea-lang {
	background-image:url(../grafiken/input-textarea-lang.png);
	background-color:transparent;
	background-repeat:no-repeat;
	width:530px;
	height:130px;
	padding:3px;
	border: none;
}

.input-button {
	margin-top:5px;
	}
	
	
a.header-menu-1010{
	text-shadow: black 0px 0px 2px;
	font-family:'Webfont', Arial, Helvetica, sans-serif ;
	color:#FFF;
	font-size:18px;
	}

a.header-menu-1010:link {
	color:#FFF;
	text-decoration:none;
	}
	
a.header-menu-1010:visited {
	color:#FFF;
	text-decoration:none;
	}
	
a.header-menu-1010:hover {
	color: #F4F4F4;
	text-decoration:underline;
	}
	
a.header-menu-1010:active {
	color:#FFF;
	text-decoration:none;
	}


a.content-10-navi:link {
	color:#004613;
	text-decoration: none;
}
	a.content-10-navi:visited {
	color:#004613;
	text-decoration: none;
}
	a.content-10-navi:hover {
	text-decoration: none;
	color:#666;
}
	a.content-10-navi:active {
	color:#004613;
	text-decoration: none;
}



a:link {
	color: #FFF;
	text-decoration: underline;
}

a:visited {
	color: #FFF;
	text-decoration: underline;
}
a:hover {
	color: #FFF;
	text-decoration: none;
}
a:active {
	color: #FFF;
	text-decoration: underline;
}

	
[id*="popup-"]	{
    visibility: hidden;
	opacity:0;
}

.popup_content {
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    margin: 1em;
}

.popup_content {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

button[class*="popup-"]{
  width: 40px;
  height: 30px;
  background: none;
  position: absolute;
  z-index:500;
  top:-40px;
  right:-10px;
  transition: all 0.3s ease;
  border:none;
  cursor: pointer;
}

button[class*="popup-"]  span,
button[class*="popup-"]  span:before,
button[class*="popup-"]  span:after {
  border-radius: 1px;
  height: 3px;
  width: 40px;
  position: absolute;
  top:21px;
  right:0px;
  display: block;
  content: ''
}

button[class*="popup-"]  span,
button[class*="popup-"]  span:before,
button[class*="popup-"]  span:after {
  height: 1px;
  width: 30px;
	}

button[class*="popup-"]  span:before {
	top: -10px;
	}

button[class*="popup-"]  span:after {
  bottom: -8px;
  top: 10px
}

body button[class*="popup-"]  span {
	background-color: transparent;
	}
	
button[class*="popup-"]  span:before,
button[class*="popup-"]  span:after {
	top: 0;
	}
	
button[class*="popup-"]  span:before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}

button[class*="popup-"]  span:after{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg)
}

.overlay .container  {
	padding-top:20px;
	height: 100%;
	}
	
.overlay {
	overflow-y:auto;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:#FFF;
	color:#000;
	font-size:18px;
	background: rgba(255,255,255,1);
	z-index:600;
	-webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.75);
}

body .overlay *{
	color:#000;
	font-size:18px;
	}

.overlay.overlay-contentscale.info {
	width:800px;
	height:200px;
	top:30%;
	left:50%;
	bottom:0;
	padding:50px;
	margin:0 0 0 -400px;
	overflow:hidden
	}

.overlay-close {
	width: 40px;
	height: 40px;
	position: fixed;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url(../grafiken/icon-cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index:400;
}

.overlay-contentscale,
body .overlay.overlay-contentscale.info.close,
body .overlay.overlay-contentscale.info.open {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}

.overlay-contentscale.open,
.overlay.overlay-contentscale.info {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);	
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}

.overlay.overlay-contentscale.info h2 {
	text-shadow:none;
	font-size:30px;
	line-height:40px
	}