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

/* einsttellungen basics*/
* {
	margin: 0;
	padding: 0;
}
p,li, h1,h2,h3,h4 {
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
}
img {
	border: 0;
}

span.main {
	margin-left: 20px;
}
span.main-2 {
	margin-left: 200px;
}


/* clearfix fuer alle browser */
.cf {
	clear: both;
}
.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/* IE-mac \*/
* html .cf {
	height: 1%;
}
/* clearfix end */

.left {
	float: left;
}
.right {
	float: right;
}


body {
	background-color: #999; /* to be changed */
	margin-top: 11px;
	font: 12px normal Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

 /* styles for IE 5 Mac */
 #horizon {
	background-color: transparent;
	position: absolute;
	top: 20px;
	left: 20px;
 }
 /* following rules are invisible to IE 5 \*/
 #horizon {
   top: 50%;
   left: 0px;
   width: 100%;
   margin-top: -298px;
   text-align: center;
   min-width: 992px; 
   background-color:#999;
 }
 /* end IE 5 hack */ 
 

#wrapper { /* box um alles */
	width: 992px;
	height: 596px;
	margin: 0px auto;
	text-align: left;
	position: relative;
	background-color:#CFD1D2;
}

#horizon_print {
   top: 50%;
   left: 0px;
   width: 100%;
   margin-top: -298px;
   text-align: center;
   min-width: 992px; 
   background-color:#999;
 }
 

#wrapper_print {
	width: auto;
	height: auto;
	margin: 0px auto;
	text-align: left;
	position: relative;
	background-color:#CFD1D2;
}


/* head - beg */
#head {
	margin:0;
	background-color:#000000;
	width: 992px;
	height: 84px;
	text-align: left;
}

#logo{
	margin:0;
	width: 207px;
	height: 84px;
}

/* head - end */



/* box_left  - beg */
#box_left {
	margin:0;
	padding-left:26px;
	width:172px;
	height:428px;
	text-align:left;
}

#menu_idx {
	margin:0;
	padding-top:30px;
	width:168px;
	height:auto;
	text-align:left;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #0063AE;
}
#adr_idx {
	float:left;
	margin-top:100px;
	padding-left:5px;
	width:150px;
	height:120px;
	text-align:left;
}

#menu {
	margin:0;
	padding-top:30px;
	width:168px;
	height:77px;
	text-align:left;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #0063AE;
}
#s_menu {
	float:left;
	margin-top:20px;
	padding-left:10px;
	width:150px;
	height:160px;
	text-align:left;
}
#projekte_txt {
	float:left;
	margin-top:0px;
	padding-left:5px;
	padding-right:5px;
	width:160px;
	height:140px;
	text-align:right;
}


/* box_left  - end */



/* content  - beg */
#content_idx {
	margin-top:0px;
	padding:0;
	width:712px;
	height:428px;
	text-align:left;
}
#content {
	margin-top:0px;
	padding:0;
	width:715px;
	height:434px;
	text-align:left;
	background-image: url(../pics/projekte_hg.png);
	background-repeat:no-repeat;
}
#content img {
	margin-right:4px;
	margin-bottom:4px;}
	
#content_2 {
	margin-top:0px;
	padding:0;
	width:715px;
	height:434px;
	text-align:left;
	background-image: url(../pics/projekte_hg2.png);
	background-repeat:no-repeat;
}

#content_2 img {
	margin-right:4px;
	margin-bottom:4px;}
#logo_idx {
	margin:0;
	padding-left:177px;
	width:402px;
	height:428px;
	text-align:left;
}
#txt_produkte {
	float: left;
	height: 85px;
	width: 323px;
	padding-top: 20px;
	padding-left: 10px;
}
#txt_produkte_2 {
	float: left;
	height: 120px;
	width: 323px;
	padding-top: 20px;
	padding-left: 10px;
}
#pics_produkte {
	float:right;
	height: 431px;
	width: 268px;
	padding-right:4px;
	text-align:right;
}

/* content  -end */


/* box right */
#box_right { 
	float:left;
	margin:0;
	width: 610px;
	height:494px;
	text-align:left;
}

#b_ri { 
	float:left;
	margin:0;
	width: 310px;
	height:494px;
	text-align:left;
}

#hl_left {
	float: right;
	height: 428px;
	width: 39px;
}
#pfeile {
	float: left;
	height: auto;
	width: 30px;
	margin-top: 415px;
	text-align:left;
}
#pfeile img {
	margin-right:5px;
}
/* foote - beg */
#footer_idx {
	margin:0;
	padding-left:0px;
	width: 992px;
	height:84px;
	text-align:left;
}
#footer {
	margin:0;
	padding-left:26px;
	width: 964px;
	height:78px;
	text-align:left;
}

#ss_menu {
	float:left;
	margin-top:20px;
	width:146px;
	height:auto;
	text-align:left;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #0063AE;
}

/* footer - end */

/* sonstiges - beg */
#ipup {
	position:absolute;
	left:199px;
	top:84px;
	width:743px;
	height:428px;
	z-index:1;
	background-color: #666666;
	visibility:hidden;
}


#close {
	float: right;
	height: 25px;
	width: 25px;
	margin-top: 5px;
	margin-right: 5px;
}

/* sonstiges - end */

/* Tabelle - Daten - beg */
#tab_box {
	position:absolute;
	left:436px;
	top:84px;
	padding-top:0px;
	padding-left:20px;
	width:310px;
	height:428px;
	z-index:1;
	background-color: #999999;
	text-align:left;
	visibility: hidden;
}
#txt_tab {
	float:left;
	height: 46px;
	width: 310px;
	text-align:left;
}
.txt_tab_1 {
	float:left;
	margin-top:20px;
	height: 15px;
	width: 310px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	text-align:left;
}
.txt_tab_beg {
	float:left;
	height: 15px;
	width: 405px;
	margin-top:10px;
	padding-left: 0px;
	text-align:left;
}
.txt_tab {
	float:left;
	height: 15px;
	width: 405px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	text-align:left;
}

.font_tab {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	height: auto;
	width: auto;
	padding-right: 5px;
	padding-left: 0px;
}
.font_tab_1 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	height: auto;
	width: 130px;
	padding-right: 5px;
	padding-left: 0px;
}
.font_tab_2 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	height: auto;
	width: auto;
	padding-right: 0px;
	padding-left: 5px;
	padding-top: 2px;
}
.font_tab_3 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	height: auto;
	width: auto;
	padding-right: 5px;
	padding-left: 5px;
}

#close {
	float: right;
	height: 25px;
	width: 25px;
	margin-top: 8px;
	margin-right: 8px;
}
#scroll { /* scrollbereich */
	position:absolute;
	padding-top:15px;
	padding-left:10px;
	padding-right: 0px;
	padding-bottom: 0px;
	position: 	static;
	left:0px;
	top:0px;
	width:430px;
	height:285px;
	overflow: 	auto;
	z-index:	1;
	text-align:left;
	margin-top: 0px;
}

#scroll_2 { /* scrollbereich */
	position:absolute;
	padding-top:15px;
	padding-left:10px;
	padding-right: 0px;
	padding-bottom: 0px;
	position: 	static;
	left:0px;
	top:0px;
	width:430px;
	height:255px;
	overflow: 	auto;
	z-index:	1;
	text-align:left;
	margin-top: 0px;
}
.space_1 {
	float:left;
	height: 10px;
	width: 135px;
}

/* Tabelle - Daten - end */

#box_mid {
	float:left;
	width:442px;
	height:432px;
	text-align:left;
}
#icon {
	float:right;
	margin-top:0px;
	margin-right:2px;
	width:105px;
	height:100px;
}
#icon img {
	margin-right:0;
	margin-bottom:0;
}


/* Impessum - beg */

#ipopup {
	position:absolute;
	left:199px;
	top:84px;
	width:743px;
	height:428px;
	z-index:10;
	background-color: #666;
	visibility:hidden;
}
#ipopup2 {
	position:absolute;
	left:199px;
	top:84px;
	padding-left:20px;
	padding-top:10px;
	width:700px;
	height:502px;
	z-index:10;
	background-color: #888;
	visibility:hidden;
}

.txt_imp {
	float:left;
	margin-top:10px;
	padding-left:20px;
	width:220px;
	height:400px;
	text-align:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	}
.txt_imp2 {
	float:left;
	margin-top:10px;
	padding-left:15px;
	width:220px;
	height:400px;
	text-align:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	}
.txt_imp3 {
	float:left;
	margin-top:10px;
	padding-left:20px;
	width:200px;
	height:400px;
	text-align:left;
	}
/* Impessum - end */
#pdf_cats {
	float: left;
	height: auto;
	width: 660px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-left-color: #333;
	background-color: #666;
}
.div_entry_link {
	float: left;
	width: 574px;
	height: auto;
	line-height: 22px;
	display: inline;
	margin-bottom: 10px;
	background-color: #CCC;
	padding-left: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;
}
.div_entry_description {
	height: auto;
	width: 574px;
	padding-left: 20px;
	padding-bottom: 20px;
}
.div_entry_link a:link, .div_entry_link a:visited {
	text-decoration:none;
	color: #000;
	font-weight:bold;
}
.div_entry_link a:hover, .div_entry_link a:active {
	text-decoration:none;
	color: #999;
	font-weight:bold;
}
#pdf_scroll {
	float: left;
	height: 399px;
	width: 660px;
	overflow: auto;
	padding-top: 20px;
	border: 1px solid #333;
}
#pdf_wrapper {
	float: left;
	width: 620px;
	height: auto;
	text-align: left;
}
.div_category {
	float: left;
	width: auto;
	height: 18px;
	text-align: left;
	padding-left: 20px;
	padding-right:40px;
	padding-top: 4px;
}
.div_category a:link, .div_category a:visited {
	text-decoration:none;
	color: #FFF;
	font-weight:bold;
}
.div_category a:hover, .div_category a:active {
	text-decoration:none;
	color: #F90;
	font-weight:bold;
}