﻿body {
	o\verflow:true;
	background: #5D798D url(../images/back.jpg) repeat-y 50%;
	text-align:center;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	margin:0px;
	padding:0px;

}

#main{
	position: relative;
	width:955px;
	height:102px;
	margin:0 auto;
	text-align:left;
}

#head{
	position: relative;
	width:955px;
	height:89px;
	background-image: url(../images/head_back.jpg);
}

#login{
	float:right;
	position: relative;
	width:204px;
	height:85px;
	background-color: #C0D1E0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}

#nav{
	position: absolute;
	top:88px;
	left:0px;
	width:955px;
	height:27px;
	background-image: url(../images/nav_back.jpg);
	background-repeat: repeat-x;

}

#subnav{
	position: absolute;
	top:115px;
	left:0px;
	width:165px;
	height:287px;
	float:left;
	background-image: url(../images/subnav_back.jpg);
}

#cont{
	position: absolute;
	top:225px;
	left:165px;
	width:570px;
	float:left;
	margin-left:2px;

}

#helpbox{
	position: absolute;
	top:221px;
	left:750px;
	width:204px;

	float:right;
	z-index:100;
}

#subnav ul{	padding: 0; margin: 0; list-style-image: none;  list-style-type: none;}
#subnav li{ width:165px; text-indent: 0px;}
#subnav li a { text-decoration: none; display: block; height:14px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; color: #FFFFFF; padding: 5px 0 5px 10px; background-image: url(../images/subnav_i.gif); background-repeat: no-repeat; background-position: 154px; }
#subnav li a:hover { background-color: #00CCCC; color: #003366;background-image: url(../images/subnav_a.gif);    cursor:pointer;}
#subnav li.active { background-color: #00CCCC; color: #003366;    cursor:pointer;}

#nav ul{ padding: 0; margin: 0;	list-style-image: none;	list-style-type: none;	font-size:14px; font-weight:normal; font-family: Arial;}
#nav li{ position:absolute; top:0px; text-indent: 0px; border-left: solid 1px #FFF; border-right: solid 1px #333;}
#nav ul li img{vertical-align: middle;}
#nav li a { float:left; text-decoration: none; height:17px; color: #FFFFFF; padding: 5px 8px 5px 8px;}
#nav li a:hover {	color: #003366;	background-image: url(../images/nav_back_a.jpg); background-repeat: repeat-x;    cursor:pointer;}
#nav li.active {	color: #003366;	background-image: url(../images/nav_back_a.jpg); background-repeat: repeat-x;    cursor:pointer;}

#navjotec{left: 0px;}
#navaktuell{left: 227px;}
#navprodukte{left: 305px;}
#navservice{left: 112px;}
#navjobs{left: 380px;}
#navdown{left: 427px;}
#navarchi{left: 507px;}
#navshop{left:596px;}
#navblank{left: 646px; width: 144px; height: 27px}
#navimpressum{left: 733px;}
#navsitemap{left: 819px;}
#navkontakt{left: 888px;}

#headline{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #29488C;
	/*background-color: #E8EFF4;*/
	padding:10px 0 10px 10px;
}

#inhalt .untertitel{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;
	color: #29488C;
	margin-top:10px;
}

.headerhigh {
	color: #3FB0AE;
}



#login div{
	position: relative;
	left: 15px;
	top:5px;
	height:23px;
	display:block;
}

#article{
	width:204px;
	background-color: #BACFDA;
	border-bottom: 1px solid #fff;
	left: 10px;
}

#articletop{
	width:204px;
	background-color: #BACFDA;
	border-bottom: 2px solid #ff9900;
	border-top: 2px solid #ff9900;
	left: 10px;
}

#article div.text,#articletop div.text{
	line-height: 18px;

	padding: 5px 0 5px 5px;

}

#article div.text a,#articletop div.text a{
	color: #003366;
	text-decoration: none;
	display: block;
	line-height: 18px;
}

#article div.text a.inline,#articletop div.text a.inline{
	display: inline;
	text-decoration: underline;
}

#article div.text a:hover,#articletop div.text a:hover{
	 color:#00CCCC;
}

#article li,#articletop li{
	color:#003366;
	line-height: 20px;
	text-indent: -30pt;
	list-style-type: none;
	list-style-position: outside;
}

#atmobild {	
	position: absolute;
	top:115px;
	left:165px;
	float:right;
	display:block;
	width:789px;
}

#breadcrumbs {
	position: absolute;
	\top:200px;
	left:165px;
	float:right;
	display:block;
	width:789px;
	height:20px;
	background-color: #C5C4C9;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align: middle;
}

#breadcrumbs div{
	position:relative;
	left:10px;
	top:3px;
vertical-align: middle;
}

#breadcrumbs a{
	color: #000000;
	text-decoration: none;
	
}

#breadcrumbs a:hover{
	color: #FFF;
}

div.category{
	float:left;
	width:260px;
	padding:10px;
	overflow:visible;
height:70px;
}

div.category2{
	float:left;
	width:260px;
	padding:10px;
	overflow:visible;
	font-weight: normal;


}

div.category table {
	height:100px;
}

div.category a{
	display:block;
	font-weight: bold;
	color: #333333;
}



div.category a:hover{
	color: #009999;
}

#inhalt {
	float:left;
	width:563px;
    line-height:16px;
	padding-left:5px;

}

#inhalt table{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;

}

#inhalt td{
	/*padding:2px;*/
padding-left:5px;
}


#inhalt div{
	padding-bottom: 6px;
	
}

#inhalt .kat{
	display:block;
	font-weight:bold;
	font-size:12px;
	color: #003366;
	background-color: #E1E1E1;
	margin-top:1px;
	padding:5px 0 5px 10px;
}



#inhalt table a{
	font-weight:bold;
	text-decoration: underline;
	color: #29488D;
}


#inhalt div.category2 table td a{
	display:inline;
	font-weight: normal;
	text-decoration: none;
	color: #666;
}

#LblContent div a{
	font-weight:normal;
	text-decoration: none;
		color: #666666;
	}
	
	#LblTeaser div a{
	font-weight:normal;
	text-decoration: none;
		color: #666666;
	}


#inhalt .titel{
	font-weight:bold;
	text-decoration: none;
	color: #29488D;
}

#inhalt div.teaser{
	text-decoration: none;
	color: #333333;
}

#inhalt div.text{
	text-decoration: none;
	color: #333333;
	
}


.imagedescr{
	float:left;
	width:50px;
	backgroundcolor: #f00;
	color: #333333;
	
}
#inhalt div.datum{
	color: #29488D;
}

#inhalt div.titel a{
	font-weight:bold;
	text-decoration: none;
	color: #29488D;
}

#inhalt li{
	line-height:20px;
		list-style-type: square;
}

.funboxheader {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #29488D;
	font-weight: bold;
	padding: 5px 0 5px 0;
}

.funboxheadertop {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #29488D;
	font-weight: bold;
	padding: 5px 0 5px 0;
	background-color: #00FFFF;
}

/* Hörmann */

.rechts_zwischenueberschrift1{
	padding-top:15px;
	font-weight:bold;
	clear:both;
}

.links_ueberschrift2{
	font-weight:bold;

}

.links_1bild1{

	font-style: italic;
	color: #003366;

	vertical-align:bottom;
	margin-bottom:15px;
}

#popup{
display:block;
width:10px;
}




.links_1bild1 a{
display:block;
}

.links_lbild2{

	font-style: italic;
	color: #003366;
	float:left;
	vertical-align:middle;
	padding-left: 10px;
}

.links_1bild1 a, .links_1bild2 a{
	display:block;
	margin-right:10px;
}

.links_1bild2 a{
	display:block;
}
#LblTeaser{
	margin-top:10px;
	
}

.LblContent{
	list-style-type: square;
}

.einleitung_ueberschrift1{
	font-weight:bold;
}

.links_text3{
	clear:both;
}

.einleitung_text1{
	margin-bottom:10px;
}
.verdana11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	height: 16px;

}
