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

body{
margin: 0px;
padding: 0px;
background: #353f4d;
}

/*-- Hintergrund --*/

#innerFrame{
position: relative;
left:0px;
top: 0px;
width: 940px;
height: auto;
min-height: 600px;
background: #f1f1f1;
border:#FFFFFF solid 10px;
}

#menuFrame{
position:relative;
left: 0px;
top: 0px;
width: 940px;
height: 35px;
background: #19222f;
}

/* -- Hauptnavigation --*/
#mainMenu{
position: relative;
left: 0px;
top: 9px;
width: 940px;
height: 28px;
background: #39414c;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 11px;
text-decoration: none;
color: #ffffff;
}

#mainMenu ul{
padding-left: 0;
margin-left: 0;
margin-top: 11px;
background-color: #39414c;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#mainMenu ul li { 
display: inline; 
}

#mainMenu ul li a{
padding: 0.2em 0.9em;
background-color: #39414c;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #19222f;;
}

#mainMenu ul li a:hover{
background-color:#19222f;
color: #fff;
}

#mainMenu ul li a#current{
background-color:#fff;
color: #19222f;
}

/* -- Die Bildwelt --*/
#imageFrame{
position: relative;
left: 0px;
top:0px;
height: 155px;
width: 940px;
overflow: hidden;
/*background: #d4deeb url(../images/test.jpg) left top no-repeat;*/
float:left;
}

/* for ie */
div#imageFramePortal{
position: relative;
left: 0px;
margin-top:5px;
height: 400px;
width: 940px;
overflow: hidden;
background: #d4deeb;
float:left;
background: #d4deeb url(../images/portalAltBack.jpg) left top no-repeat;
}
object#imageFramePortal{
position: relative;
left: 0px;
top:0px;
height: 400px;
width: 940px;
overflow: hidden;
background: #d4deeb;
float:left;
background: #d4deeb url(../images/portalAltBack.jpg) left top no-repeat;
}

/* -- Der Brotpfad --*/
#bcFrame{
position: relative;
left: 0px;
top: 0px;
width: 940px;
height: 25px;
overflow:hidden;
margin-left: 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 11px;
text-decoration: none;
color: #747474;
clear:both;
}

#bclist{
list-style: none;
padding: 0;
margin: 0;
}

#bclist li{
display: inline;
padding: 0;
margin: 0;
}

#bclist li:before { 
content: "/ "; 
}

#bclist li:first-child:before { 
content: ""; 
}

#bclist li a{
font-size:9px;
text-decoration:none;
color: #747474;
}

* +html #bclist li a{
padding-left: 12px;
background: url(../images/slash.gif) left center no-repeat;
}

*html #bclist li a{
padding-left: 12px;
background: url(../images/slash.gif) left center no-repeat;
}


#bclist li a:hover{
font-size:9px;
text-decoration:none;
color: #101010;
}

#bclist li a#current{
font-size:9px;
text-decoration:none;
color: #101010;
}

/* -- Der Content - Container --*/
#contentFrame{
position: relative;
left: 0px;
top: 0px;
width: 940px;
height: auto;
overflow: hidden;
/*float:left;*/
}

#contentFramePortal{
position: relative;
left: 0px;
top: 0px;
width: 940px;
height: auto;
/*overflow: hidden;*/
float:left;
background: url(../images/backinfo.gif) left top repeat-y;
}

/* -- dreispaltig --*/
#left{
position:relative;
left: 0px;
top: 0px;
width: 185px;
height: auto;
min-height: 10px;
float: left;
}

#main{
position:relative;
left: 0px;
top: 0px;
width: 550px;
height: auto;
float: left;
}

#right{
position:relative;
left: 0px;
top: 0px;
width: 195px;
height: auto;
float: right;
}

#tec24div
{
position_relative;
background-color:#f1f1f1;
}

iframe#tec24frame
{
background-color:#f1f1f1;
}

/* -- Die Subnavigation --*/
#navcontainer { 
margin-left: 0px; 
}

#navcontainer ul{
margin: 0;
padding: 0;
list-style-type: none;
font-family: arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
}

#navcontainer li { 
margin: 0 0 1px 0; 
}

#navcontainer a{
display: block;
padding: 5px 10px;
width: 140px;
/* color: #101010; */
COLOR: #FFFFFF;
background-color: #b0c4de;
/*background: #A4ADBC;*/
text-decoration: none;
}

#navcontainer a:hover{
color: #fff;
background-color: #69C;
text-decoration: none;
}

#navcontainer ul ul li { 
margin: 0 0 1px 0; 
}

#navcontainer ul ul a{
display: block;
padding: 5px 5px 5px 20px;
width: 135px;
color: #101010;
background-color: #d4deeb;
/*background: #EDECE8;*/
text-decoration: none;
}

#navcontainer ul ul a:hover{
color: #fff;
background-color: #69C;
text-decoration: none;
}

#navcontainer ul ul ul li { 
margin: 0 0 1px 0; 
}

#navcontainer ul ul ul a{
display: block;
padding: 5px 5px 5px 30px;
width: 125px;
color: #101010;
background-color: #f8f8f8;
text-decoration: none;
}

#navcontainer ul ul ul a:hover{
color: #fff;
background-color: #69C;
text-decoration: none;
}

#navcontainer ul li a#current{
background-color: #69C;
text-decoration: none;
}

#navcontainer ul ul li a#current{
background-color: #aac7eb;
text-decoration: none;
}

#navcontainer ul ul ul li a#current{
background-color: #e5e5e5;
text-decoration: none;
}

#clear{
position:relative;
left:0px;
top:0px;
width: 960px;
height: 10px;
clear:both;
}

/* -- 4-spaltig -- Portal --*/
.portalFrame{
position: relative;
float:left;
left: 0px;
top: 5px;
float: left;
width: 235px;
height: auto;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 11px;
margin-bottom:5px;
}


#start_stoerer {
    position: absolute;
	top:50px;
	left:720px;
}
#start_stoerer img {
    border: 0 none !important;
}

#stoerer {
    margin: -170px 0 0 720px;
    position: absolute;
}
#stoerer img {
    border: 0 none !important;
}

#slidervp{
	position: absolute;    
	top: 355px;
    left: 706px;
	height: 80px;
	width:229px;
	overflow: hidden;
	box-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	background: url(../images/transparent-grey.png) repeat;
}

#slidervp:hover .right, #slidervp:hover .left{
	visibility:visible ;
}

#sliderleft
{
	position:absolute;
	left: 0;
	top:0;
	width:20px;
	height:100%;
	color:white;
	visibility:hidden;
	cursor: pointer;
	background-image:url(../images/arrow-left.png);
	background-repeat:no-repeat;
	background-position:center;
	
}
#sliderright
{
	position:absolute;
	left: 209px;
	top:0;
	width:20px;
	height:100%;
	color:white;
	visibility:hidden;
	cursor: pointer;
	background-image:url(../images/arrow-right.png);
	background-repeat:no-repeat;
	background-position:center;
}

#slider{
	width:999999px;
	margin-left: -229px;
}

#slider div.slide{
	float:left;
	width: 189px;
	height: 70px;
	padding: 5px 20px;
	text-align:center;
}

#slider div.slide p{
	color:white !important;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size: 13px;
}

#slider div.slide h2{
	color:white !important;
	font-size: 17px;
}

#slider a{
	display: block;
	width:100%;
	height:100%;
}