html { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:  xx-small; /* 10px; */
}

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	border: 0;
	background-color:#fff;
}

*html html { height: 100%; }
*html body { height: 100%; }

html>body {
	font-size: 1.1em;
}

img, p, h1, h2, h3, h4, h5, form {
	margin: 0;
	border: 0;
}

a, a:link, a:hover {
	text-decoration: none;
	color: #555555;
}

ul {
	margin: 0;
	padding: 0;
}

/* Layout Module*/


.grey{
	background-color: #8a8a8a;
}
.cyan{
	background-color: #3db7f2;
}
.magenta{
	background-color: #f23da8;
}
.white{
	background-color: #ffffff;
}




/* HEADER */

#header {
	min-height: 22.7em;
	display: block;
	padding-bottom: 2em;
	background: #ffffff url(../images/header_backgr.gif) center bottom repeat-x;
}

*html #header {
	padding-bottom: 5em;
}

html>body #header {	
	height: auto;
}

#header a {
	outline: none;
}

#headerheader {
	margin: 0;
	/* background: url(../images/headerheader_backgr.gif) center top repeat-x; */
	display: block;
	height: 0.5em;
	line-height: 1em;
	background-color: #5c5c5c;
}
html>body #headerheader {height: 0.8em;}

#headerheader h1 {
	color: #fff;
	font-size: 1.3em;
	line-height: 1.1em;
	text-transform: uppercase;
	font-weight: normal;
	background-color: #5c5c5c;
	padding: 0.25em 0.6em 0.4em;
	display: inline;
	position: absolute;
	top: 0.2em;
	right: 16em;
}

#headerheader h1 a{
	color: #fff;	
}

#meta {
	position: absolute;
	width: 20em;
	right: 0.6em;
	z-index: 9;
}

html>body #meta {top: 1.1em;}

*html #meta { top: 1.5em !important; }

#meta ul {
	list-style:none;
} 

#meta li {
	list-style:none;
	float: left;
}

#meta li a, #meta a {
	color: #999999;
	font-size: 1em;
	line-height: 1em;
	text-transform: uppercase;
	font-style: normal;
	font-weight: normal;
	padding: 0.25em 0.6em 0.4em;
	display: inline;
	outline:none;
}

#meta a {
	color: #333333;
	font-size: 1em;
	line-height: 1.7em;
}	

#main {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	clear: both;
	overflow:visible;
}

.languageOver {
	position: absolute;
	top: 2em;
	left: 0;
}

.jp {
	font-size: 1.2em !important;
}

.searchOver {
	position: absolute;
	top: 3.5em;
	line-height: 1em !important;
	left: -16em;
}

.searchOver input {
	color: #eeeeee;
	width: 28em;
	font-size: 1.1em;
}
.searchOver img {
	vertical-align: middle;
}

/* NAV */


.hoverMagenta {
	background-color: #f23da8;
	color: #ffffff !important;
}
.hoverCyan {
	background-color: #3db7f2;
	color: #ffffff !important;
}
.hoverGreen{
	background-color: #999999; 
	color: #ffffff !important;
}


.unhover {
	background-color: transparent;
	color: #8a8a8a !important;
}
.unhoverCyan {
	background-color: transparent;
	color: #3db7f2 !important;
}
.unhoverMagenta {
	background-color: transparent;
	color: #f23da8 !important;
}

#nav{
	margin: 3em 0 0em 2.6em;
	width: 94%;
	display:block;
}
#nav a,#nav a:link,#nav a:hover{
	text-decoration: none;
	display:block;
	padding-left:1px;
	padding-top:1px;
}

#nav ul, #nav li {
	list-style:none;
}

.nav1, .nav2, .nav3, .nav4 {
	float: left;
	font-size: 1.5em;
	line-height: 1.2em;
	font-weight: bold;
}
html>body .nav1, html>body .nav2, html>body .nav3, html>body .nav4 {
	font-size: 1.6em;
	line-height: 1.1em;
}

#nav1 {
	width: 8em;
	display: block;
}
#nav1 ul {
	border-top: 0.3em solid #8a8a8a;
	margin-top: 0.6em;
	padding-top:0.6em;
}
#nav1 a, #nav1 a:hover, #nav1 a:active {
	width: 8em;
	padding: 0 0 0 0.1em ;
	display: block;
}
.nav1, .nav1 a, .nav1 a:link {
	color: #8a8a8a;
	text-transform: uppercase;
}

#nav2 {
	display: block;
}

#nav2 ul {
	border-top: 0.3em solid #3db7f2;
	margin-top: 0.6em;
	padding-top:0.6em;
}

#nav2 a, #nav2 a:hover, #nav2 a:active {
	min-width: 9.5em;
	padding: 0 1em 0 0.1em ;
	display: block;
}

.nav2, .nav2 a, .nav2 a:link {
	color: #3db7f2;
	text-transform: uppercase;
}

*html #nav2 a {
	width: 12em;
}

*html #nav2 a:hover {
	width: 12em;
}

*html #nav2 a:active {
	width: 12em;
}

#nav3 {
	display: block;
}
#nav3 ul {
	border-top: 0.3em solid #f23da8;
	margin-top: 0.6em;
	padding-top:0.6em;
}
#nav3 a, #nav3 a:hover, #nav3 a:active {
	min-width: 9.5em;
	padding: 0 1em 0 0.1em ;
	display: block;
}
*html #nav3 a {
	width: 20em;
}
*html #nav3 a:hover {
	width: 20em;
}
*html #nav3 a:active {
	width: 20em;
}

.nav3, .nav3 a, .nav3 a:link {
	color: #f23da8;
	text-transform: uppercase;
}

#tabO{
	position: absolute;
	top: 22.1em;
	left: 2.6em;
	max-width: 400px;
}

*html #tabO { width: 400px; }

#tab{
	left:2.6em;
	max-width:450px;
	position:absolute;
	top:-2em;
	z-index:200;
}

*html #tab { width: 450px; }

#tab h1, h1, h2 {
	color: #999999;
	padding: 0.5em 0.7em;
	margin-bottom: 1.6em;
	font-size: 2em;
	background-color: #FFFFFF;
	line-height: 1em;
}

#tab p {
	color: #777777;
	padding: 0.65em 0.7em;
	font-size: 1.4em;
	background-color: #FFFFFF;
	line-height: 1em;
	min-width: 200px;
	max-width: 400px;
}
#tab p a {
	color: #555555;
}
#tab p a:hover {
	color: #111111;
}
#tab p a {
	padding-left: 16px;
	background: #ffffff url(../images/pfeil_grau1.gif) left bottom no-repeat;
}

.tableBox {
	float: left;
	margin: 2em 1.4em 1em 2em;
	width: 44%;
	font-size: 1.3em;
	line-height: 1.2em;
	color: #555555;
}
.tableBoxImg {
	float: right;
	margin:0 0 0.4em 1.5em;
	text-align: right;
}












.text {
	width: 50%;
	padding: 1em 2em 1em 2.6em;
	font-size: 1.3em;
	line-height: 1.2em;
	color: #555555;
	float:left;
	min-width:320px;
}
html>body .text {width: 46%;}

.media {
	float: left;
	width: 45%;
	padding: 1.3em 0 0 0;
}
.mediaObj {
	float: left;
	margin: 0 10px 10px 0;
}
.max1 {
	min-width: 330px;
	max-width: 450px;
}
.max2 {
	min-width: 280px;
	max-width: 370px;
}
.max3 {
	min-width: 440px;
	max-width: 560px;
}

.xxl {
	min-width: 540px;
	max-width: 560px;
}

.square{
	clear: both;
}
.vertical{
	clear: both;
}
.horizontal{
	clear: both;
}
.tables{
	clear: both;
}
.coverbild{
	min-height:5em;
	position:absolute;
	overflow:hidden;
height:100%;
margin:0;
padding:0;
width:100%;
}
div.coverbild div.csc-textpic-center{
left:-150%;
position:absolute;
width:400%;
}
div.coverbild div.csc-textpic-right{
position:absolute;
width:100%;
}

div.coverbild div.csc-textpic-imagewrap{
margin:0;
overflow:hidden;
padding:0;
width:100%;
margin:0 auto;
}
div.coverbild div.csc-textpic-left img{
position:absolute;
left:0;
}
div.coverbild div.csc-textpic-right img{
position:absolute;
right:0;
}

input, textarea {
	font-size: 0.9em;
	padding: 3px;
	border: 1px solid #555;
	background-color: #555;
	color: #fff;
}

input.checkbox {
	padding: 0;
	border: 0;
}


#impressum {
	position:absolute;
	font-size: 10px;
	color: #888888;
	bottom: 2;
	right: 4;
	border: 0;
}
#impressum a { color: #888888; text-decoration: none;}
#impressum a:link { color: #888888;  text-decoration: none;}
#impressum a:hover { color: #AAAAAA;  text-decoration: none;}



#backTab{
left:0;
position:absolute;
top:24em;
z-index:10;
}
#backTab img{
padding:11px 10px;
}

div.main_content{
margin:10px 0 0;
position:relative;
}
div.main_content p.bodytext{
background-color: #ffffff;
padding:0.65em 0.7em;
}

div.main_content p.bodytext a.internal-link,
div.main_content p.bodytext a.external-link,
div.main_content p.bodytext a.external-link-new-window{
	padding-left: 16px;
	background: #ffffff url(../images/pfeil_grau1.gif) left bottom no-repeat;
}

div#logo-overlay {
	color:#999999;
	line-height:1em;
	font-size:1em;
	font-weight:bolder;
	background-color:#FFFFFF;
	filter:alpha(opacity=50);
	bottom:0;
	height:16px;
	left:30px;
	opacity:0.8;
	position: fixed;
	padding: 2px 4px 2px 4px;
}

*html div#logo-overlay {
	position: absolute;
	top: 192px;
	left: 100%;
	white-space: nowrap;
	margin-left: -375px;
	width: 365px;
	filter:alpha(opacity=70);
}

div#logo-overlay a, div#logo-overlay a:hover, div#logo-overlay a:visited, div#logo-overlay a:visited:hover {
	color:#999999;
	display:inline;
	font-size:1.2em;
	font-style:normal;
	font-weight:normal;
	line-height:1.2em;
	text-decoration:none;
}

/***** SEARCH - SUCHE ******/

div.tx-indexedsearch{
width:550px;
position:absolute;
}

div.tx-indexedsearch-whatis{
background-color:#FFFFFF;
color:#777777;
font-size:1.4em;
line-height:1em;
max-width:400px;
min-width:200px;
padding:0.65em 0.7em;
}

input.tx-indexedsearch-searchbox-sword{
width:550px !important;
font-size:13px;
height:1.4em;
margin:0 0 10px 0;
}

div.main_content div.csc-default div.csc-textpic{
color:#555555;
float:left;
font-size:1.3em;
line-height:1.2em;
padding:1em 6.7em 1em 2.6em;
clear:both;
}