@charset "utf-8";
html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	background-color: #111111;
	background-image: url(../img/all/bg_head.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 100%;
}
#background {
	background-color: #202020;
}

#head {
	margin: 0px;
	padding: 0px;
	height: 110px;
	width: 100%;
	position: relative;
	z-index: 10;
	top: 0px;
}
#head  #logos {
	padding: 0px;
	height: 110px;
	width: 980px;
	position: relative;
	top: 0px;
	margin: 0 auto;
}
#head  #logos  #logo_wow {
	position: absolute;
	height: 52px;
	width: 130px;
	right: 20px;
	top: 50px;
}

#bg_head {
	background-color: #202020;
	background-image: url(../img/all/head.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 0px;
}
#bg_stripe {
	background-image: url(../img/all/stripe01.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	height: 120px;
	position: absolute;
	top: 150px;
	width: 100%;
	background-position: center top;
	z-index: 1;
}

#footer {
	clear: both;
	background-color: #111111;
	background-image: url(../img/all/bg_footer.jpg);
	background-repeat: repeat-x;
	height: 70px;
	width: 100%;
	z-index: 99;
	font-size: 10px;
	color: #676767;
	text-align: center;
	padding: 0px;
}

/******************/
/* globale Klassen*/

/* Floats */
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.clear {
	clear: both;
	margin: 0px;
}
.scroll {
	overflow: auto;
}

/* Abstände */
.right3		{ margin-right:3px; }
.right5 	{ margin-right:5px; }
.right10 	{ margin-right:10px; }
.right20 	{ margin-right:20px; }

.left10 	{ margin-left:10px; }
.left20 	{ margin-left:20px; }
.left50 	{ margin-left:50px; }
.left70 	{ margin-left:70px; }
.left90 	{ margin-left:90px; }

.bottom5 	{ margin-bottom: 5px; }
.bottom10 	{ margin-bottom: 10px; }

.top5 		{ margin-top: 5px; }
.top10 		{ margin-top: 10px; }

.padding2 	{ padding: 2px; }
.padding5 	{ padding: 5px; }
.padding-top2 { padding-top: 2px; }


/* Höhen und Breiten */
.height400 	{ height: 400px; }

.width40 	{ width: 40px; }
.width50 	{ width: 50px; }
.width60 	{ width: 60px; }
.width80 	{ width: 80px; }
.width100 	{ width: 100px; }
.width140 	{ width: 140px; }
.width150 	{ width: 150px; }
.width180 	{ width: 180px; }
.width200 	{ width: 200px; }
.width220 	{ width: 220px; }
.width230 	{ width: 230px; }
.width250 	{ width: 250px; }
.width260 	{ width: 260px; }
.width270 	{ width: 270px; }
.width300 	{ width: 300px; }
.width350 	{ width: 350px; }
.width400 	{ width: 400px; }
.width560 	{ width: 560px; }
.width640 	{ width: 640px; }
.width660 	{ width: 660px; }
.width960 	{ width: 960px; }

/* Hintergründe */
.bg_grey {
	background: #313131;
}

/* Spezial */
.ajax_wait {
	text-align: center;
	padding-top: 2px;
	font-size: 10px;
}

/* Anzeige */
.hidden {
	display: none;
}
.block {
	display: block;
}

/* Cursor */
.pointer {
	cursor: pointer;
}

/***********/
/* Buttons */
.button {
	background-image: url(../img/buttons/button_bg.gif);
	height: 26px;
	width: 100px;
	margin-bottom: 5px;
	padding: 0px;
	font-weight: bold;
	cursor: pointer;
}
.button:hover {
	background-image: url(../img/buttons/button_bg_h.gif);
}
.button2 {
	background-image: url(../img/buttons/button_bg.gif);
	height: 26px;
	width: 100px;
	margin-bottom: 5px;
	padding: 0px;
	font-weight: bold;
}
.button_big {
	background-image: url(../img/buttons/button_bg_big.gif);
	height: 26px;
	width: 150px;
	margin-bottom: 5px;
	padding: 0px;
	font-weight: bold;
	cursor: pointer;
}
.button_big:hover {
	background-image: url(../img/buttons/button_bg_big_h.gif);
}
.button_big2 {
	background-image: url(../img/buttons/button_bg_big.gif);
	height: 26px;
	width: 150px;
	margin-bottom: 5px;
	padding: 0px;
	font-weight: bold;
}
.button_small {
	background-image: url(../img/buttons/button_bg_small.gif);
	height: 26px;
	width: 25px;
	margin-right: 2px;
	padding: 0px;
	cursor: pointer;
}
.button_small:hover {
	background-image: url(../img/buttons/button_bg_small_h.gif);
}
.button_img {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
.button_text {
	vertical-align: 4px;
	color: #FFFFFF;
}


.editbar {
	background-image: url(../img/buttons/editbar_bg.png);
	width: 640px;
	height: 75px;
	position: relative;
}
.editbar600 {
	background-image: url(../img/buttons/editbar600_bg.png);
	width: 600px;
	height: 75px;
	position: relative;
}
.editbar640 {
	background-image: url(../img/buttons/editbar_bg.png);
	width: 640px;
	height: 75px;
	position: relative;
}
.editbar_small {
	background-image: url(../img/buttons/editbar_small_bg.png);
	width: 640px;
	height: 35px;
	position: relative;
}
.editbar540_small {
	background-image: url(../img/buttons/editbar_small540_bg.png);
	width: 540px;
	height: 35px;
	position: relative;
}



/* Datum und Uhrzeit*/
.dateclock {
	font-size: 12px;
	color: #767676;
	margin: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 0px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}


/***********/
/* Dialoge */

/* Info1-Box (silber) */
#info1 {
	color: #000000;
	position: fixed;
	top: 20%;
	left: 50%;
	width: 514px;
	height: 350px;
	margin-left: -250px;
	display: none;
	z-index: 300;
}

#info1 .ihead_left {
	height: 7px;
	width: 7px;
	float: left;
	background: transparent url(../img/main/info1_head_left.png) no-repeat 0 0;
}
#info1 .ihead_bg {
	height: 7px;
	width: 500px;
	float: left;
	background: transparent url(../img/main/info1_head_bg.png) repeat-x 0 0;
}
#info1 .ihead_right {
	height: 7px;
	width: 7px;
	float: right;
	background: transparent url(../img/main/info1_head_right.png) no-repeat 0 0;
}

#info1 .ibody_left {
	width: 3px;
	height: 100%;
	float: left;
	background: transparent url(../img/main/info1_body_left.png) repeat-y 0 0;
}
#info1 .ibody_bg {
	width: 508px;
	height: 100%;
	float: left;
	background: #cfcfcf url(../img/main/info1_body.png) repeat-x 0 bottom;
}
#info1 .ibody_right {
	width: 3px;
	height: 100%;
	float: right;
	background: transparent url(../img/main/info1_body_right.png) repeat-y 0 0;
}
#info1 .ibody_content {
	width: 493px;
	height: 326px;
	margin: 10px 5px 10px 10px;
	overflow: auto;
}

#info1 .ifoot_left {
	height: 7px;
	width: 7px;
	float: left;
	background: transparent url(../img/main/info1_foot_left.png) no-repeat 0 0;
}
#info1 .ifoot_bg {
	height: 7px;
	width: 500px;
	float: left;
	background: transparent url(../img/main/info1_foot_bg.png) repeat-x 0 0;
}
#info1 .ifoot_right {
	height: 7px;
	width: 7px;
	float: right;
	background: transparent url(../img/main/info1_foot_right.png) no-repeat 0 0;
}

#info1 .close {
	background-image: url(../img/main/close.png);
	height: 22px;
	width: 22px;
	position: absolute;
	top: -5px;
	right: -5px;
	cursor: pointer;
}


/* Info2-Box (gelb) */
#info2 {
	color: #000000;
	position: fixed;
	top: 20%;
	left: 50%;
	width: 514px;
	height: 350px;
	margin-left: -250px;
	display: none;
	z-index: 300;
}

#info2 .ihead_left {
	height: 7px;
	width: 7px;
	float: left;
	background: transparent url(../img/main/info2_head_left.png) no-repeat 0 0;
}
#info2 .ihead_bg {
	height: 7px;
	width: 500px;
	float: left;
	background: transparent url(../img/main/info2_head_bg.png) repeat-x 0 0;
}
#info2 .ihead_right {
	height: 7px;
	width: 7px;
	float: right;
	background: transparent url(../img/main/info2_head_right.png) no-repeat 0 0;
}

#info2 .ibody_left {
	width: 3px;
	height: 100%;
	float: left;
	background: transparent url(../img/main/info2_body_left.png) repeat-y 0 0;
}
#info2 .ibody_bg {
	width: 508px;
	height: 100%;
	float: left;
	background: #fff59b url(../img/main/info2_body.png) repeat-x 0 bottom;
}
#info2 .ibody_right {
	width: 3px;
	height: 100%;
	float: right;
	background: transparent url(../img/main/info2_body_right.png) repeat-y 0 0;
}
#info2 .ibody_content {
	width: 493px;
	height: 326px;
	margin: 10px 5px 10px 10px;
	overflow: auto;
}

#info2 .ifoot_left {
	height: 7px;
	width: 7px;
	float: left;
	background: transparent url(../img/main/info2_foot_left.png) no-repeat 0 0;
}
#info2 .ifoot_bg {
	height: 7px;
	width: 500px;
	float: left;
	background: transparent url(../img/main/info2_foot_bg.png) repeat-x 0 0;
}
#info2 .ifoot_right {
	height: 7px;
	width: 7px;
	float: right;
	background: transparent url(../img/main/info2_foot_right.png) no-repeat 0 0;
}

#info2 .close {
	background-image: url(../img/main/close.png);
	height: 22px;
	width: 22px;
	position: absolute;
	top: -5px;
	right: -5px;
	cursor: pointer;
}

/* Info3-Box (rot) */
#info3 {
	color: #000000;
	position: fixed;
	top: 20%;
	left: 50%;
	width: 414px;
	height: 250px;
	margin-left: -175px;
	display: none;
	z-index: 300;
}

#info3 .ihead_left {
	height: 7px;
	width: 7px;
	float: left;
	background: transparent url(../img/main/info3_head_left.png) no-repeat 0 0;
}
#info3 .ihead_bg {
	height: 7px;
	width: 400px;
	float: left;
	background: transparent url(../img/main/info3_head_bg.png) repeat-x 0 0;
}
#info3 .ihead_right {
	height: 7px;
	width: 7px;
	float: right;
	background: transparent url(../img/main/info3_head_right.png) no-repeat 0 0;
}

#info3 .ibody_left {
	width: 3px;
	height: 100%;
	float: left;
	background: transparent url(../img/main/info3_body_left.png) repeat-y 0 0;
}
#info3 .ibody_bg {
	width: 408px;
	height: 100%;
	float: left;
	background: #ffbebe url(../img/main/info3_body.png) repeat-x 0 bottom;
}
#info3 .ibody_right {
	width: 3px;
	height: 100%;
	float: right;
	background: transparent url(../img/main/info3_body_right.png) repeat-y 0 0;
}
#info3 .ibody_content {
	width: 393px;
	height: 226px;
	margin: 10px 5px 10px 10px;
	overflow: auto;
}

#info3 .ifoot_left {
	height: 7px;
	width: 7px;
	float: left;
	background: transparent url(../img/main/info3_foot_left.png) no-repeat 0 0;
}
#info3 .ifoot_bg {
	height: 7px;
	width: 400px;
	float: left;
	background: transparent url(../img/main/info3_foot_bg.png) repeat-x 0 0;
}
#info3 .ifoot_right {
	height: 7px;
	width: 7px;
	float: right;
	background: transparent url(../img/main/info3_foot_right.png) no-repeat 0 0;
}

#info3 .close {
	background-image: url(../img/main/close.png);
	height: 22px;
	width: 22px;
	position: absolute;
	top: -5px;
	right: -5px;
	cursor: pointer;
}


/* Info2-Box (gelb / klein) */
#info2inline {
	color: #000000;
	position: absolute;
	width: 194px;
	height: 200px;
	bottom: 10px;
	right: 10px;
}

#info2inline .ihead_left {
	height: 7px;
	width: 7px;
	float: left;
	background: transparent url(../img/main/info2_head_left.png) no-repeat 0 0;
}
#info2inline .ihead_bg {
	height: 7px;
	width: 180px;
	float: left;
	background: transparent url(../img/main/info2_head_bg.png) repeat-x 0 0;
}
#info2inline .ihead_right {
	height: 7px;
	width: 7px;
	float: right;
	background: transparent url(../img/main/info2_head_right.png) no-repeat 0 0;
}

#info2inline .ibody_left {
	width: 3px;
	height: 100%;
	float: left;
	background: transparent url(../img/main/info2_body_left.png) repeat-y 0 0;
}
#info2inline .ibody_bg {
	width: 188px;
	height: 100%;
	float: left;
	background: #fff59b url(../img/main/info2_body.png) repeat-x 0 bottom;
}
#info2inline .ibody_right {
	width: 3px;
	height: 100%;
	float: right;
	background: transparent url(../img/main/info2_body_right.png) repeat-y 0 0;
}
#info2inline .ibody_content {
	width: 173px;
	height: 176px;
	margin: 10px 5px 10px 10px;
	overflow: auto;
}

#info2inline .ifoot_left {
	height: 7px;
	width: 7px;
	float: left;
	background: transparent url(../img/main/info2_foot_left.png) no-repeat 0 0;
}
#info2inline .ifoot_bg {
	height: 7px;
	width: 180px;
	float: left;
	background: transparent url(../img/main/info2_foot_bg.png) repeat-x 0 0;
}
#info2inline .ifoot_right {
	height: 7px;
	width: 7px;
	float: right;
	background: transparent url(../img/main/info2_foot_right.png) no-repeat 0 0;
}





/* Dialog-Box (rot) */
#dialog3 {
	color: #000000;
	position: fixed;
	top: 25%;
	left: 50%;
	width: 414px;
	height: 300px;
	margin-left: -160px;
	display: none;
	z-index: 300;
}

#dialog3 .ihead_left {
	height: 7px;
	width: 7px;
	float: left;
	background: transparent url(../img/main/info3_head_left.png) no-repeat 0 0;
}
#dialog3 .ihead_bg {
	height: 7px;
	width: 400px;
	float: left;
	background: transparent url(../img/main/info3_head_bg.png) repeat-x 0 0;
}
#dialog3 .ihead_right {
	height: 7px;
	width: 7px;
	float: right;
	background: transparent url(../img/main/info3_head_right.png) no-repeat 0 0;
}

#dialog3 .ibody_left {
	width: 3px;
	height: 100%;
	float: left;
	background: transparent url(../img/main/info3_body_left.png) repeat-y 0 0;
}
#dialog3 .ibody_bg {
	width: 408px;
	height: 100%;
	float: left;
	background: #ffbebe url(../img/main/info3_body.png) repeat-x 0 bottom;
}
#dialog3 .ibody_right {
	width: 3px;
	height: 100%;
	float: right;
	background: transparent url(../img/main/info3_body_right.png) repeat-y 0 0;
}
#dialog3 .ibody_content {
	width: 393px;
	height: 276px;
	margin: 10px 5px 10px 10px;
	overflow: auto;
}

#dialog3 .ifoot_left {
	height: 7px;
	width: 7px;
	float: left;
	background: transparent url(../img/main/info3_foot_left.png) no-repeat 0 0;
}
#dialog3 .ifoot_bg {
	height: 7px;
	width: 400px;
	float: left;
	background: transparent url(../img/main/info3_foot_bg.png) repeat-x 0 0;
}
#dialog3 .ifoot_right {
	height: 7px;
	width: 7px;
	float: right;
	background: transparent url(../img/main/info3_foot_right.png) no-repeat 0 0;
}


/* Dialog-Bild */
#wrapper {
	position: fixed;
	top: 15%;
	left: 0;
	width: 100%;
	height: 85%;
	text-align: center;
	z-index: 300;
	display: none;
}

#image_lightbox {
	color: #000000;
	background-color: #202020;
	position: relative;
	margin: 0 auto;
	z-index: 301;
	display: none;
	box-shadow:			4px 4px 7px #111, -4px -4px 7px #111, 4px -4px 7px #00111-4px 4px 7px #111;	/* for Opera */
	-moz-box-shadow:	4px 4px 7px #111, -4px -4px 7px #111, 4px -4px 7px #111, -4px 4px 7px #111;	/* for Firefox 3.5+ */
	-webkit-box-shadow:	4px 4px 7px #111, -4px -4px 7px #111, 4px -4px 7px #111, -4px 4px 7px #111;	/* for Safari and Chrome */
}

#image_lightbox .content {
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction= 45, Strength=6)
			progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction= 135, Strength=6)
			progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction= 225, Strength=6)
			progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction= 315, Strength=6);	/* For iE 5+ */
}

#image_lightbox .close {
	background-image: url(../img/main/close.png);
	height: 22px;
	width: 22px;
	position: absolute;
	top: -5px;
	right: -5px;
	top: 5px\9;		/* IE Hack*/
	right: -19px\9;	/* IE Hack*/
	cursor: pointer;
}


/* Zwischenlayer für Dialoge (setzt Main inaktiv) */
#dialog_back {
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: #000000;
	width: 100%;
	height: 100%;
	z-index: 200;
	display: none;
}

#dialog_ajax {
	position: fixed;
	top: 30%;
	left: 50%;
	margin-left: -150px;
	color:#FFFFFF;
	width: 300px;
	z-index: 210;
	display: none;
}


/* Blätterfunktion*/
.pageelement {
	float: left; 
	text-align: center; 
	min-width: 15px;
	margin: 0 1px;
	cursor: pointer; 
	background-color: #565656; 
	color: #000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #767676;
	border-right-color: #343434;
	border-bottom-color: #343434;
	border-left-color: #767676;
}
.pageelement:hover {
	float: left; 
	text-align: center; 
	min-width: 15px; 
	margin: 0 1px;
	cursor: pointer; 
	background-color: #797979; 
	color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #343434;
	border-bottom-color: #343434;
	border-left-color: #FFFFFF;
}
.pageelement_active {
	float: left; 
	text-align: center; 
	font-weight: bold; 
	min-width: 15px; 
	margin: 0 1px;
	background-color: #FFCC00; 
	color: #000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #cc9900;
	border-bottom-color: #cc9900;
	border-left-color: #FFFFFF;
}


/*	CSS für jQuery Plugin "Tooltip" */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	color: #000;
	font-size: 8px;
	font-weight: normal;
	background-color: #eee;
	padding: 3px;
	max-width: 200px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div {
	margin: 0;
}