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

/* Farben */
.lightblue {
	color: #00bef2;
}
.grey {
	color: #9c9d98;
}

/* Zoom */
body#zoom {
	background-color: #00beea;
	background-image: none;
	margin: 0;
	padding: 0;
        border: none;
        overflow: hidden;	
}

body#zoom div#root {
	position: absolute;
	overflow: hidden;
	top: 0; left: 0; width: 640px; height: 400px;
        background-image: url('../zoom/zoom.png');
	background-repeat: no-repeat;
	text-align: left;
}

body#zoom div.left {
	width: 240px;
	height: 400px;
	float: left;
}

body#zoom div.right {
	width: 400px;
	height: 400px;
	float: left;
}

body#zoom div.top {
	height: 300px;
}

body#zoom div.bottom {
	height: 100px;
}

body#zoom div.left div.top div {
	padding: 180px 5px 30px 25px;
}

body#zoom div.left div.bottom div {
	padding: 30px 25px;
}

body#zoom div.right div div {
	padding: 15px;
}

body#zoom div.right div.bottom div {
	padding-top: 10px;
}

body#zoom img#left {
	float: left;
}

body#zoom img#right {
	float: right;
}

body#zoom ul {
	list-style-type: disc;
	padding-left: 15px;
	margin: 0;
}
body#zoom ul li {
	font: bold 14px/28px VectoraLH-Bold, Arial, Helvetica, sans-serif;
	list-style-type: disc;
	background: none;
	margin: 0;
	padding: 0;
}
body#zoom ul li.active {
	color: white;
}

body#zoom h1 {
	font: bold 17px/23px VectoraLH-Bold, Arial, Helvetica, sans-serif;
	color: white;
	margin-top: 0;
}

/* Tags */
body {
	background-image: url(back.png);
	text-align: center;
	margin: 0;
	padding: 30px;
	font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	word-spacing: -1px;
	color: #757474;
}

img {
	border: none;
}

p {
	margin: 8px 0;
}

ul {
	margin: 8px 0;
	padding: 0;
	list-style-type: none;
}

ul li {
	margin: 0;
	padding: 0 0 0 15px;
	background: url(ul.gif) 0 6px no-repeat;
}

ul.big {
	margin: 16px 0;
}

ul.big li {
	margin: 8px 0;
	font-weight: bolder;
	background: url(ul-big.gif) 0 4px no-repeat;
}

h1 {
	font: bold 42px/35px VectoraLH-Bold, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	color: #00bef2;
}

h1 .grey {
	display: block;
}

h2 {
	font: bold 13px/17px VectoraLH-Bold, Arial, Helvetica, sans-serif;
	color: #00bef2;
	margin: 8px 0;
}

.small {
	font-size: 80%;
}

.big {
	font-size: 120%;
	margin-top: 1.5em;
}

h2.big {
	font-size: 150%;
	margin-top: 1.2em;
}

h2 strong {
	color: #9c9d98;
}

h3 {
	font: bold 11px/15px VectoraLH-Bold, Arial, Helvetica, sans-serif;
	margin: 10px 0;
}

blockquote {
	margin: 10px 0;
	padding: 0;
	font-style: italic;	
}

blockquote.big, .big blockquote {
	font-weight: bolder;
}

.initial {
	font-weight: bold;
	color: #00bef2;
	font-size: 150%;
}

.eng-unten {
	margin-bottom: 0;
}

.eng-oben {
	margin-top: 0;
}

/* Layout */
#back {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: url(back.png);
	z-index: 0;
}

#area {
	position: relative;
	width: 760px;
	height: 800px;
	background-color: #ffffff;
	margin: auto;
	text-align: left;
	z-index: 2;
	padding: 20px 40px;
}

	#shadow {
		width: 858px;
		height: 858px;
		position: absolute;
		left: -7px;
		top: -6px;
		background:url(shadow.png);
		z-index: -1;
	}
	
	div#zoom {
		position: absolute;
		width: 840px;
		height: 840px;
		top: 0;
		left: 0;
		z-index: 10;
		background-image: url(fade.png);
		text-align: center;
		display: none;
	}
	
	div#zoom iframe, div#zoom object {
		background-color: white;
		padding: 10px;
		border: none;
		width: 640px;
		height: 400px;
		text-align: left;
		margin: auto;
		position: relative;
		top: 130px;
		overflow: hidden;
	}

	#page {
		position: absolute;
		margin-top: 10px;
	}
	
/* Navigation */
		#nav, #nav ul {
			position: absolute;
			top: 0;
			left: 430px;
			width: 168px;
			height: 130px;
			margin: 0;
			padding: 0;
			border-left: 1px solid #757474;
		}
		#nav ul {
			left: 168px;
		}
		#nav li {
			list-style-type: none;
			background: none;
			margin: 0 0 0 10px;
			padding: 0;
			font: bold 15px/18px VectoraLH-Bold, Arial, Helvetica, sans-serif;
		}

                #nav li a, #nav li a:active, #nav li a:visited, #nav li a:link, #nav li a:hover {
			color: #757474;
		}
		#nav li.active a, #nav li.active a:active, #nav li.active a:visited, #nav li.active a:link, #nav li.active a:hover {
                        color: #00bef2;
		}
                #nav li.active ul li a, #nav li.active ul li a:active, #nav li.active ul li a:visited, #nav li.active ul li a:link, #nav li.active ul li a:hover {
			color: #757474;
		}
                #nav li.active ul li.active a, #nav li.active ul li.active a:active, #nav li.active ul li.active a:visited, #nav li.active ul li.active a:link, #nav li.active ul li.active a:hover {
                        color: #00bef2;
		}

/* Spezielles */

img.links {
	display: block;
	position: relative;
	left: -40px;
	margin-top: 8px;
	margin-right: -40px;
}

img.rechtsaussen {
	float: right;
	position: relative;
	margin: 0 -40px 8px 0;
}

table img.rechtsaussen {
	float: right;
	position: relative;
	margin: 0 -29px 8px 0;
}

img.rechts {
	display: block;
	position: absolute;
	right: 0;
}

p.claim {
	font: lighter 16px VectoraLH-Light, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0;
}

img.head {
	display: block;
	margin: 8px 0;
}

.bottomline {
        padding-bottom: 1px;
	background: url(dots-hori.png) bottom repeat-x;
}

img.mirror {
	position: relative;
	top: -5px;
	left: 40px;
	margin-bottom: -50px;
        z-index: 0;
}

h2.mirror {
        position: relative;
        z-index: 1;
}

img.mirror_klein {
	display: block;
	margin-bottom: -30px;
}

#page a, #page a:active, #page a:visited, #page a:link, #page a:hover {
	color: #00bef2;
	text-decoration: none;
}
#page a:hover {
	text-decoration: underline;
}
.stoerer p {
	font-size: 85%;
}
.stoerer h2 {
	font-size: 24px;
	margin: 20px 0 10px 0;
}
.stoerer h2 strong {
	color: #9c9d98;
}
.stoerer {
	text-align: justify;
}
.stoerer img {
	position: absolute;
	margin-top: -5px;
}

div.aufsichtsrat {
	padding-top: 140px;
}

div.aufsichtsrat h2 {
	height: 16px;
}

/* Kontaktformular */
form {
	margin: 0;
	padding: 0;
}

label {
        float: left;
	text-align: right;
	position: relative;
	width: 80px;
	margin: 0 0 0 0;
}

input.text, textarea.text {
	width: 250px;
	display: block;
	margin: 0 0 15px 90px;
	color: #757474;
	border: 1px solid #9c9d98;
	font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}

span.error {
    display: block;
    text-align: right;
    color: red;
    position: relative;
    top: -15px;
    width: 350px;
}

input.image {
	display: block;
	margin: 0 0 15px 90px;
}

textarea.text {
	height: 80px;
	overflow: auto;
}

form p {
	margin: 0;
}

/* DIV-Layout */
div.einzug {
	margin-left: 20px;
}

#contenttable {
	max-height: 570px;
	width: 760px;
	float: none;
	margin: 10px 0;
}

div.table, div.table001, div.table010, div.table011, div.table100, div.table101, div.table110, div.table111, div.tablenarrow {
	float: left;
	position: relative;
	/*margin-left: 21px;*/
}

div.table    { background: url(table-back.png); }
div.tablenarrow { background: url(table-back-small.png); }
div.table000 { background: none; }
div.table001 { background: url(table-back.png);    background-repeat: repeat-y; background-position: 414px 0; }
div.table010 { background: url(table-back.png);    background-repeat: repeat-y; background-position: 207px 0; }
div.table011 { background: url(table-back-11.png); background-repeat: repeat-y; background-position: 207px 0; }
div.table100 { background: url(table-back.png);    background-repeat: repeat-y; }
div.table101 { background: url(table-back-10.png);  }
div.table110 { background: url(table-back-11.png); background-repeat: repeat-y; }
div.table111 { background: url(table-back.png); }

div.cell {
	float: left;
	position: relative;
	margin-left: 21px;
	background-color: white;
}

div.first {
	clear: both;
	margin-left: 0;
}

div.row {
	clear: both;
}

div.clear {
	clear: both;
	height: 0;
}

div.narrow	{ width: 122px; }
div.half	{ width: 139px; }
div.one		{ width: 186px; }
div.onehalf	{ width: 346px; }
div.two		{ width: 393px; }
div.twohalf	{ width: 553px; }
div.three	{ width: 600px; }
div.threehalf   { width: 760px; }

/* Fußbereich */
div#footer {
	position: absolute;
	top: 700px;
	width: 760px;
	background: none;
	margin: 0;
	float: none;
}

div#footerline {
	clear: both;
	position: relative;
	background-color: #a9aaad;
	height: 1px;
	margin: 5px 0;
	left: -20px;
	width: 800px;
        overflow: hidden;
}

#hotline {
	color: #757576;
	font: bold 15px/18px VectoraLH-Bold, Arial, Helvetica, sans-serif;
	padding-top: 15px;
}

#pageup, #bottomnav {
	color: #858681;
	font: bold 11px/12px VectoraLH-Bold, Arial, Helvetica, sans-serif;
	margin-top: 3px;
	margin-bottom: 0px;
}

#footer a, #footer a:active, #footer a:visited, #footer a:link, #footer a:hover {
	color: #858681 !important;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#hotline .nummer {
	display: block;
	font-size: 18px;
}
#hotline strong {
	color: #00bef2;
}

#bottomnav  {
	text-align: right;
}
#bottomnav ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#bottomnav ul li {
	display: inline;
	margin: 0;
	padding: 0 2px;
	background: none;
}
#bottomnav ul li.active a, #bottomnav ul li.active a:active, #bottomnav ul li.active a:visited, #bottomnav ul li.active a:link, #bottomnav ul li.active a:hover {
	color: #00bef2 !important;
}