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

body, td, th, h2, h3, h4 {
	font-family: Trebuchet MS, Helvetica, Arial, Geneva, sans-serif;
	font-size: 12px;
	line-height:1.4em;
	color: #32424E;
	padding:0px;
	margin:0px;
}

#main #mainNavLevel1, #main #mainNavLevel2{
	font-family: Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;
	font-size:12px;
}

img, td, th, table {
	border:0px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

td, th {
	border-collapse:separate;
	border-spacing:0px;
}

body {
	background-color: #D8E0E6;
}

a {
	color: #607481;
}

a:hover {
	color: #f90;
}

h1{
	font-size:13px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

h2{
	font-weight:bold;
}

h3, h4{
	font-weight:normal;
	font-size:11px;
}

#pageContainer {
	position:relative;
	top:16px;
	border:2px solid #32424E;
	width:900px;
	height:550px;
	background-color:#fff;
	overflow:hidden;
	margin:auto;
}

#head {
	position:relative;
	background-image:url(../bilder/skin/V7_hintergruende_head.jpg);
	width:900px;
	height:85px;
}

#main {
	position:relative;
	background-image:url(../bilder/skin/V7_hintergruende_main.jpg);
	width:900px;
	height:388px;
}

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

#foot {
	position:relative;
	background-image:url(../bilder/skin/V7_hintergruende_foot.jpg);
	width:900px;
	height:77px;
}

#headSpace {
	width:900px;
	height:47px;
}

#headNav {
	position:relative;
	width:900px;
	height:37px;
}

#headNavLinks {
	position:absolute;
	left:275px;
	top:0px;
}

#headNavLinks a {
	display:block;
	width:66px;
	height:24px;
	float:left;
	margin:0px 2px;
}

#headNavLink1 {
	background-image:url(../bilder/skin/V7_elemente_navi_grafik.gif);
}

#headNavLink2 {
	background-image:url(../bilder/skin/V7_elemente_navi_druck.gif);
}

#headNavLink3 {
	background-image:url(../bilder/skin/V7_elemente_navi_media.gif);
}

#headNavLink4 {
	background-image:url(../bilder/skin/V7_elemente_navi_kontakt.gif);
}

#headNavLink5 {
	background-image:url(../bilder/skin/V7_elemente_navi_login.gif);
}


#mainNavLevel1 {
	width:123px;
	height:359px;
	overflow:visible;
	position:absolute;
	left:47px;
	top:17px;
	z-index:61;
	background-image:url(../bilder/spacer.gif); /* muss rein, da der IE sonst den mouseOver nicht richtig erkennt... kwt */
}

#mainNavLevel2 {
	display:block;
	width:138px;
	height:206px;
	position:absolute;
	left:162px;
	top:17px;
	z-index:62;
	background-image:url(../bilder/spacer.gif); /* muss rein, da der IE sonst den mouseOver nicht richtig erkennt... kwt */
}

#mainNavLevel1 a, #mainNavLevel2 a, #mainNavLevel1 p, #mainNavLevel2 p{
	padding:3px 0px 5px 0px;
	margin:0px;
	display:block;
	text-decoration:none;
	overflow:hidden;
	position:relative;
	z-index:70;
}

#mainNavLevel1 p, #mainNavLevel1 a{
	width:105px;
	padding-right:3px;
}

#mainNavLevel2 p, #mainNavLevel2 a{
	width:115px;
	padding-right:4px;
}

#mainNavLevel1 a.inactive, #mainNavLevel2 a.inactive {
	color:#607481;
}

#mainNavLevel1 a:hover.inactive, #mainNavLevel2 a:hover.inactive {
	color:#f90;
}

#mainNavLevel1 a:hover, #mainNavLevel1 a.active, #mainNavLevel2 a:hover, #mainNavLevel2 a.active{
	background-color:#fff;
	background-image:url(../bilder/skin/V7_elemente_main_navi_aktivMarker.gif);
	background-position:right 5px;
	background-repeat:no-repeat;
	border-bottom:1px solid #eaeaea;
	padding-bottom:4px;
}

#mainNavLevel1 a.active, #mainNavLevel2 a.active{
	color:#56D61C;
}

#mainNavL2Container {
	position:absolute;
	overflow:hidden;
	width:130px;
	height:194px;
	top:0;
}

#mainNavL2Content {
	position:absolute;
	overflow:hidden;
	top:0;
	width:100%;
	height:auto;
}

#mainText {
	width:242px;
	height:359px;
	overflow:visible;
	position:absolute;
	left:305px;
	top:29px!important;
	text-shadow:none;
	padding-top:2px;
	z-index:57;
	color:inherit;
}

#mainNavLevel1, #mainNavLevel2, #mainText{
	top:29px;
}

#mainNavLevel1, #mainNavLevel2, #mainText, #mainImage{
	-webkit-transition-property:width, height, top, left;
	-webkit-transition-duration:500ms;
}

.referenzlink{
/*
	position:absolute;
	height:16px;
	overflow:visible;
	top:320px;
	left:350px;
*/
	padding-top:16px;
	white-space:nowrap;
	text-decoration:underline;
	z-index:9999;
}

#mainImage {
	width:378px;
	height:388px;
	overflow:hidden;
	position:absolute;
	left:522px;
	top:0px;
	z-index:56;
}

#referenzFoto{
	width:378px;
	height:388px;
	display:none;
	visibility:visible;
	z-index:57;
}

#main div.noScrollbar {
	width:18px;
	height:218px;
	position:absolute;
	right:0px;
	top:0px;
	/*background-image:url(../Templates/Entwuerfe/V7_elemente_main_noScrollba.gif);*/
}

#main div.scrollbar {
	width:18px;
	height:218px;
	position:absolute;
	left:112px;
	top:-12px;
	visibility:hidden;
	z-index:1000;
}

#main div.scrollbar div.buttonUp {
	width:16px;
	height:16px;
	position:absolute;
	left:1px;
	top:1px;
	background-image:url(../bilder/skin/V7_elemente_main_scrollbar_up.gif);
}

#main div.scrollbar div.buttonDown {
	width:16px;
	height:16px;
	position:absolute;
	left:1px;
	bottom:1px;
	background-image:url(../bilder/skin/V7_elemente_main_scrollbar_down.gif);
}

#main div.scrollbar div.sliderFrame {
	width:16px;
	height:185px;
	position:absolute;
	left:1px;
	top:16px;
	background-image:url(../bilder/skin/V7_elemente_main_scrollbar_bg.gif);
}

#main div.scrollbar div.sliderFrame div.buttonSlider {
	width:16px;
	height:1px;
	position:absolute;
	left:0px;
	top:1px;
	cursor:move;
	z-index:10001;
	overflow:hidden;
	background-image:url(../bilder/skin/V7_elemente_main_scrollbar_slider_body.gif);
}

#main div.scrollbar div.sliderFrame div.buttonSlider img{
	position:absolute;
	width:100%!important;
	height:100%!important;
	z-index:10000;
	overflow:hidden;
}

#main div.scrollbar div.sliderFrame div.buttonSlider div.sliderObereKante{
	position:absolute;
	top:0px;
	left:0px;
	width:16px;
	height:16px;
	background-image:url(../bilder/skin/V7_elemente_main_scrollbar_slider_top.gif);
	background-position:top center;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}
#main div.scrollbar div.sliderFrame div.buttonSlider div.sliderUntereKante{
	position:absolute;
	bottom:0px;
	left:0px;
	width:16px;
	height:16px;
	background-image:url(../bilder/skin/V7_elemente_main_scrollbar_slider_bottom.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}

#foot #footLogo{
	width:165px;
	height:64px;
	position:absolute;
	top:3px;
	left:20px;
}

#foot #footLogo a{
	width:100%;
	height:100%;
	display:block;
	cursor:pointer;
}

#foot #footLinks{
	position:absolute;
	top:3px;
	right:20px;
	font-size:10px;
}

#foot #footLinks a {
	color:#666;
	margin-left:16px;
	width:64px;
	height:64px;
	display:block;
	float:left;
	overflow:hidden;
	line-height:96px;
	text-align:center;
}

#foot #footLinks a:hover {
	color:#f90;
}
#linkLogIn {
	/*background-image:url(../bilder/skin/V7_elemente_LogIn.gif);*/
	background-image:none;
	display:none!important;
}
#linkImpressum {
	/*background-image:url(../bilder/skin/V7_elemente_Impressum.gif);*/
	background-image:none;
}
.lesehilfe {
	display:none;
}


#debug{
	float:none;
	clear:both;
	margin:30px auto 0px auto;
	padding:0px;
	height:40px;
	overflow:hidden;
	padding:3px;
	border-width:2px;
	border-top-width:10px;
	border-color:#c60;
	border-style:solid;
	width:896px;
	background-color:#ffc;
	color:#000;
}
#debug:hover{
	height:auto;
}

#loadingImageIndicator{
	width:40px;
	height:40px;
	display:block;
	visibility:visible;
	position:absolute;
	top:218px;
	left:694px;
	z-index:1000000!important;
	background-image:url(../bilder/skin/loadingIndicator.gif);
	background-repeat:no-repeat;
}
#disableClicks{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	overflow:hidden;
	z-index:99999!important;
	visibility:visible;
	display:block;
	background-color:#D8E0E6;
	filter:alpha(opacity:95);
	KHTMLOpacity:.95;
	MozOpacity:.95;
	opacity:.95;
}
.disableClick{
	z-index:99999;
	position:absolute;
	width:100%;
	height:100%;
	left: 0px;
}
.klein{
	font-size:75%;
	line-height:130%;
}
.klein p, p.klein, .klein h1, h1.klein, .klein h2, h2.klein, .klein h3, h3.klein, .klein h4, h4.klein{
	padding:0px;
	margin:2px 0px!important;
}

.warnung{
	font-weight:bold;
	color:#900;
}

.flashFilm{
	width:100%!important;
	height:100%!important;
	margin:0px;
	padding:0px;
	background:none;
}