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

html {
	width:100%;
	height:100%;
	
	overflow:hidden;
}

body {
	width:100%;
	height:100%;
	
	margin:0px;
	padding:0px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	
	background-color:#000000;
	background-image:url(../images/body_bg.jpg);
}

.name-of-person {
	color:#000;
    font-size: 8pt;
    float:right;
}

table p {
	margin:0px;
}

table td {
	margin:0px;
	padding:5px 5px 5px 0px;
	
	vertical-align:top;
	
	font-size:12px;
}

table {
	border-collapse:collapse;
}

sub, sup {
      line-height: 0px;
}

.clear_left {
	clear:left;
}

.relative {
	position:relative;
	top:0px;
	left:0px;
}

.loading {
	text-align:center;
}

.align-center {
	text-algin:center;
}

.align-justify {
	text-align:justify;
}

.align-right {
	text-align:right;
}

.preloader {
	postion:absolute;
	top:50%;
	left:50%;
	
	width:16px;
	height:16px;
	
	margin:-8px 0px 0px -8px;
}

.col2 {
	width:50%;
	
	float:left;
}

*html .col2 {
	width:45%;
}

select, option {
	color:#989898;
}

h1 {
	font-size:1.4em;
}

h2 {
	font-size:1.2em;
}

h3 {
	font-size:1em;
}

h6 {
	font-size:0.8em;
}


#navigation_container {
	position:relative;
	width:auto;
		
	margin:0px;
	padding:0px;
	
	text-align:center;
	
	background-color:#000000;
	
	z-index:20;
}

#bar {
	position:relative;
	width:850px;
	height:20px;
	
	padding:0px 20px;
	margin:0px auto;	
	
	text-align:left;

	background-color:#4d4d4d;
}

*html #bar {
	width:850px;
}

#menu_button {
	width:30px;
	height:10px;
	
	padding:5px;
	
	color:#ffffff;
	text-transform:uppercase;
}

*html #menu_button {
	width:30px;
	height:20x;
}

#font_size {
	position:absolute;
	top:0px;
	right:0px;
}

#font_inc {
	height:10px;
	
	padding:5px;
	margin:0px 5px 0px 0px;
	
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	
	float:left;
	
	cursor:pointer;
}

*html #font_inc {
	height:20px;
}

#font_reset {
	height:10px;
	
	padding:5px;
	margin:0px 5px 0px 0px;
	
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	
	float:left;
	
	cursor:pointer;
}

*html #font_reset {
	height:20px;
}

#font_dec {
	height:10px;
	
	padding:5px;
	margin:0px 20px 0px 0px;
	
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	
	float:left;
	
	cursor:pointer;
}

*html #font_dec {
	height:20px;
}

#navigation_box {
	position:relative;
	width:850px;
	
	margin:0px auto;
	padding:0px 20px;

	text-align:left;
}

#logo {	
	position:relative;

	width:230px;
	height:140px;
	
	float:left;
}

#logo img {
	position:relative;
	top:20px;
}

#navigation {
	position:relative;

	width:580;
	height:140px;
	
	float:left;
}

#script {
	position:relative;
	
	display:none;
}

#noscript {
	position:relative;
}

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

#navigation ul li {
	margin:3px 0px;
	padding:2px 0px 2px 5px;
}

.stufe1 {
	position:absolute;
	top:0px;
	left:0px;
	
	width:620px;
	height:80px;
	
	margin:25px 0px 0px 0px !important;
}

.stufe1 .stufe1liactive {
	background-image:url(../images/stufe1_active_bg.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.stufe1 li {
	background-image:url(../images/stufe1_active_bg.jpg);
	background-position:-150px 0px;
	background-repeat:no-repeat;
}

.stufe1 a {
	color:#ffffff;
	text-decoration:none;
}

.stufe2 {
	position:absolute;
	top:-25px;
	left:175px;
	
	width:420px;
}

.stufe2 a {
	color:#ffffff;
	text-decoration:none;
}

.stufe2 a:hover {
	text-decoration:underline;
}

.stufe3 {
	position:absolute;
	top:0px;
	left:175px;
	
	width:300px;
}

.stufe3 a {
	color:#ffffff;
	text-decoration:none;
}

.stufe3 a:hover {
	text-decoration:underline;
}

.stufe4 {
	position:absolute;
	top:0px;
	left:175px;
	
	width:100px;
}

/* Farben */

/* blau */
.stufe2_11 a, .stufe3_18 a, .stufe3_17 a, .stufe3_16 a, .stufe3_15 a, .stufe3_14 a, .stufe3_13 a, .stufe3_12 a, .stufe2_26 a, .stufe2_5 a, .stufe3_51 a, .stufe3_50 a, .stufe3_49 a, .stufe3_48 a, .stufe3_47 a, .stufe3_46 a, .stufe3_45 a, .stufe3_44 a, .stufe3_43 a, .stufe3_52 a, .stufe2_62 a, .stufe2_61 a, .stufe2_60 a, .stufe2_76 a, .stufe3_77 a, .stufe3_78 a,.stufe2_88 a {
	color:#00A6EB;
} 

/* grün */
.stufe2_10 a, .stufe3_21 a, .stufe3_20 a, .stufe3_19 a, .stufe2_25 a, .stufe2_24 a, .stufe2_23 a, .stufe2_22 a, .stufe2_9 a, .stufe2_8 a, .stufe2_7 a, .stufe3_37 a, .stufe3_36 a, .stufe3_35 a, .stufe3_34 a, .stufe3_33 a, .stufe3_32 a, .stufe3_31 a, .stufe3_57 a, .stufe3_56 a, .stufe3_58 a, .stufe3_59 a, .stufe2_74 a, .stufe2_73 a, .stufe3_75 a, .stufe2_72 a {
	color:#7ecd31;
}

/* rot */
.stufe2_6 a , .stufe3_42 a, .stufe3_41 a, .stufe3_40 a, .stufe3_39 a, .stufe3_38 a, .stufe3_67 a {
	color:#ff2a0c;
}

/* body */

#body {
	width:850px;
	
	margin:0px auto;
	padding:10px 20px 30px 20px;
	
	z-index:10;
}

*html #body {
	position:absolute;
	left:50%;
	
	margin:0px 0px 0px -425px;
}

#body_header {
	padding:30px 10px 10px 10px;
	
	text-align:right;
	
	background-color:#ffffff;
}

#body_header h1 {
	margin:0px;
	padding:0px;
	
	font-size:2em;
}

#body_content {
	position:relative;
	height:365px;

	margin:10px 0px 0px 0px;
	padding:0px;
	
	font-size:1.2em;
	color:#363637;
	background-color:#ffffff;
	
	overflow:auto;
	overflow-x:hidden;
}

#body_content table {
	text-align:left;
}

#body_content h1 {
	margin:0px 0px 10px 0px;

	font-size:2em;
	
	text-align:left;
	/*text-transform:uppercase;*/
}

#body_content .small {
	width:370px;
	
	padding:50px 0px 25px 30px;
}

#body_content .wide {
	padding:50px 30px 25px 30px;
}

#body_content_text {	
	margin:0px;
}

#body_content_team {
	text-align:justify;
}

#body_content_image {
	position:absolute;
	top:40px;
	right:20px;

	width:370px;
	height:315px;
	
	border:10px solid #d6d6d6;
}

*html #body_content_image {
	width:390px;
	height:335px;
}

.body_content_single_image {
	position:absolute;
	top:0px;
	left:0px;
	
	width:370px;
}

#gallery_navigation {
	position:absolute;
	top:150px;
	right:10px;
	
	width:28px;
	height:31px;
	
	margin:0px;
}

#body_content_team {
	position:absolute;
	top:10px;
	left:50%;
	
	width:644px;
	
	margin:0px 0px 0px -322px;
	
	z-index:10;
}

#body_content_team p {
	margin:5px 0px 0px 0px;
}

#slideshow {
	position:absolute;
	top:10px;
	left:50%;
	
	width:644px;
	height:325px;
	
	margin:0px 0px 0px -322px;
	
	display:none;
	overflow:hidden;
	
	z-index:15;
}

#slideshow p {
	margin:5px 0px 0px 0px;
}

#slide_container {
	position:absolute;
	width:644px;
	height:325px;
	
	overflow:hidden;	
	
	top:0px;
	left:644px;
	
	z-index:20;
}

.team_image {	
	width:644px;
	height:325px;
	
	float:left;
}

#preis-ausgabe {
	display:inline;
	margin:0px 0px 0px 20px;
}

/* popup */

#popup {
	position:absolute;
	top:0px;
	left:0px;
	
	width:100%;
	height:100%;
	
	text-align:center;
	
	z-index:50;
}

#popup_background {
	position:absolute;
	top:0px;
	left:0px;
	
	width:100%;
	height:100%;
	
	background-color:#000000;
}

#popup_window {
	position:relative;
	top:5%;
	
	width:400px;
	
	margin:0px auto;
	padding:10px;
	
	text-align:left;

	background-color:#ffffff;
}

#popup_content {
	text-align:justify;
}

#popup_close {
	padding:5px 0px;
	
	text-align:right;
}

/*.label {
	display:block;
	
	width:125px;
	
	padding:0px 10px 0px 0px;
	
	text-align:right;
}

.input_text, .textarea {
	width:200px;
	
	margin:0px;
	padding:1px;
	
	color:#989898;
	
	border:1px solid #989898;
	background-color:#ffffff;
}

.input_submit {
	margin:5px 10px 5px 0px;
	padding:2px;

	border:none;
	background-color:#00A6EB;
	color:#ffffff;
}*/

#flash_container {
	width:830px;
}

/* footer */

#footer {
	position:fixed;
	bottom:0px;
	left:0px;
	
	width:100%;
	
	margin:0px;
	padding:0px;
	
	font-size:1em;
	color:#ffffff;
	
	background-color:#363636;
	
	z-index:20;
}

*html #footer {
	position:absolute;
}

#footer a {
	color:#ffffff;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#info_header {
	width:100%;
	height:20px;
	
	text-align:center;
}

#shortcuts {
	position:relative;
	width:850px;
		
	margin:0px auto;
	
	color:#ffffff;
	text-align:right;
}

*html #shortcuts {
	width:810px;
}

.copy {
	position:absolute;
	top:5px;
	left:0px;
}

.infolinks {
	position:absolute;
	top:5px;
	right:0px;
	
	/*text-transform:uppercase;*/
}

#shortcuts a {
	padding:0px 0px 0px 10px;

	color:#ffffff;
	text-decoration:none;
}

#shortcuts a:hover {
	text-decoration:underline;
}

#shortcuts .border {
	padding:0px 10px;

	border-right:1px solid #ffffff;
}	

#info {
	width:auto;
	
	padding:10px 20px;
	
	text-align:center;
	
	clear:left;
	
	display:none;
}

#info_box table {
	margin:0px auto;
	color:#ffffff;
}

#info_box td {
	padding:5px 10px;
	
	text-align:left;
}

/* karte */

#karte {
	position:absolute;
	top:0px;
	left:0px;
	
	width:100%;
	height:100%;
	
	text-align:center;
	
	z-index:50;
}

#karte_background {
	position:absolute;
	top:0px;
	left:0px;
	
	width:100%;
	height:100%;
	
	background-color:#000000;
}

#karte_window {
	position:absolute;
	top:5%;
	right:5%;
	
	width:480px;

	padding:10px;
	
	text-align:left;

	background-color:#ffffff;
}

#karte_content {
	text-align:justify;
}

#karte_close {
	padding:5px 0px;
	
	text-align:right;
}

#karte a {
	color:#00A6EB;
	text-decoration:none;
}

#karte a:hover {
	text-decoration:underline;
}

/* ######################
Newsletter
#######################*/

#newsletter {
	color:#989898;
}

#newsletter label {
	display:block;
	
	width:100px;
	
	float:left;
}

#newsletter .row {
	margin:5px 0px;

	clear:left;
}

#newsletter .input-text {
	width:150px;

	font-family:Arial, Helvetica, sans-serif;

	border:1px solid #00A6EB;
	
	background-color:#FFFFFF;
}

#newsletter .input-button {
	border:none;
	
	margin:0px 0px 0px 5px;
	padding:4px 5px;
	
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	
	background-image:url(../images/button-blue-bg.jpg);
	background-repeat:repeat-x;
	background-color:#00A6EB;
}

#newsletter .select {
	position:absolute;
	top:-1px;
	left:-1px;
	
	width:152px;
	height:20px;
}

#newsletter .select-wrapper {
	position:relative;
	
	width:150px;
	height:18px;

	font-family:Arial, Helvetica, sans-serif;

	border:1px solid #00A6EB;
	
	overflow:hidden;
}

*html #newsletter .select-wrapper {
	height:20px;
}

#newsletter .messageBox {
	font-style:italic;
	font-size:10px;
	display:inline;
}

/*#newsletter .eintragen-opt {
	display:none;
}*/

#newsletter .messageBox label {
	width:100%;
}

#newsletter .messageBox .invalid {
	border:none !important;
}

#newsletter .invalid {
	border:1px dashed red !important;
}

/* newsletter-dm */

#newsletter-dm {
	width:790px;

	text-align:left;
	/*color:#989898;*/
}

*html #newsletter-dm {
	width:740px;
}

#newsletter-dm label {
	display:block;
	
	width:125px;
	
	float:left;
}

#newsletter-dm .text-field {
	width:200px;
	height:16px;
	
	padding:1px;

	border:1px solid #00A6EB;
	font-family:Arial,Helvetica,sans-serif;
	
	float:left;
}

*html #newsletter-dm .text-field {
	width:204px;
	height:20px;
}

#newsletter-dm .select-wrapper {
	position:relative;
	
	width:202px;
	height:18px;
	
	border:1px solid #00A6EB;
	
	float:left;
	
	overflow:hidden;
}

*html #newsletter-dm .select-wrapper {
	width:204px;
	height:20px;	
}

#newsletter-dm .select-field {
	position:absolute;
	top:-1px;
	left:-1px;
	
	width:204px;
	height:20px;
	
	padding:1px;
	
	font-family:Arial,Helvetica,sans-serif;
	color:#363637;
	
	border:none;
	
	clear:left;
}

*html #newsletter-dm .select-field {
	width:206px;
	height:22px;
}

#newsletter-dm .col2 {
	width:45%;
	
	margin:0px 25px 0px 0px;
	
	text-align:left;
	
	float:left;
}

#newsletter-dm .show-optional {
	height:20px;

	margin:-20px 0px 5px 0px;

	clear:left;
}

#newsletter-dm .info {
	padding:20px;
	font-weight:bold;
	
	color:#ffffff;	
	
	background-color:#989898;
}

#newsletter-dm .row {
	margin:5px 0px;

	clear:left;
}

/*#newsletter-dm .optional {
	display:none;
}

*html #newsletter-dm .optional {
	display:block;
}*/

#newsletter-dm .extra {
	margin:20px 0px 0px 0px;
}

#newsletter-dm .buttons {
	margin:20px 0px;
}

#newsletter-dm .button-submit, #newsletter-dm .button-reset {
	background-color:#00A6EB;
	background-image:url(../images/button-blue-bg.jpg);
	background-repeat:repeat-x;
	border:medium none;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 5px;
	padding:4px 5px;
}

#newsletter-dm .messageBox {
	font-style:italic;
	font-size:10px;
	display:inline;
}

#newsletter-dm .messageBox label {
	width:100%;
}

#newsletter-dm .messageBox .invalid {
	border:none !important;
}

#newsletter-dm .invalid {
	border:1px dashed red !important;
}

/* ######################
Baukasten
#######################*/

#baukasten .width-75 {
	width:75%;
}

#baukasten label {
	display:block;
	
	width:100px;
	
	color:#989898;
	
	float:left;
}

#baukasten .baukasten-opt {
	color:#989898;
}

#baukasten .input-text {
	width:150px;

	font-family:Arial, Helvetica, sans-serif;

	border:1px solid #00A6EB;
	
	background-color:#FFFFFF;
}

#baukasten .input-button {
	border:none;
	
	margin:0px 0px 0px 5px;
	padding:4px 5px;
	
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	
	background-image:url(../images/button-blue-bg.jpg);
	background-repeat:repeat-x;
	background-color:#00A6EB;
}

#baukasten .messageBox label {
	width:100%;
	
	font-style:italic;
	font-size:10px;

	display:inline;
}

#baukasten .messageBox .invalid {
	border:none !important;
}

#baukasten .invalid {
	border:1px dashed red !important;
}

#baukasten .row {
	margin:5px 0px;

	clear:left;
}

.zusatzinfos {
	display:none;
}