/*  =========================================================
Datei:  extern.css
Media:  screen 
Datum:  08. Oktober 2009
Autor:  rs
Aufbau  1. Kalibrierung und allgemeine Styles 
        2. Styles für Layoutbereiche    
        3. Sonstige Styles 
========================================================== */

/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */
* {
	padding: 0;
	margin: 0;
}

a { 
text-decoration: none; 
outline: none;
} 

h2, p { margin-bottom: 1em;}
ul ul { margin-bottom: 0; }
li { margin-left: 0; }

/* Allgemeine Selektoren */

html,body {
height:100%;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
/*color:#423105;*/
color:#000;
background-image:url(../pics/bg.gif);
background-position: top;
background-repeat:repeat-x;
}

body  {
	background-color: #FFF;
}

#index #content p {
margin:0;
padding:0;
}

#page_center {
	position: relative;
	width: 920px;
	margin: 0 auto;
}

#page {
	position: relative;
	width: 920px;
	padding-top:100px;
	height:100%;
}


#logo {
	position: relative;
	float:left;
	height: 109px;
	width: 247px;
	float: left;
}

#suche {
	position: relative;
	float:left;
	color:#808285;
	height: 33px;
	width: 172px;
	text-align:right;
	right:0;
	font-size:9px;
	padding: 32px 0 0 0;
}

#headline {
	position: relative;
	float:left;
	color:#808285;
	height: 32px;
	width: 500px;
	text-align:left;
	left:0;
	font-size:9px;
	padding: 35px 0 0 0;
}

#suche input{
border: 1px solid #808285;
width: 110px;
height:13px;
margin-left:5px;
color:#808285;
line-height:13px;
}

#suche a {
color:#808285;
text-decoration:none;
line-height: 18px;
}

#suche a:hover {
color:#808285;
text-decoration:underline;
padding-left:5px;
}



#contentwrapper {
	position: relative;
	width: 920px;
	min-height: 412px;
	/*margin-top: 13px;*/
	background-color: #9c9d9f;
	z-index: 10;
}

#links {
	float: left;
	width: 246px;
	padding-bottom: 45px;
}


#content{
	position: relative;
	float:left;
	width: 673px;
	/*padding-left: 13px;*/
	background-color:#e1e1e1;
	min-height: 412px;
	border-left: 1px;
	border-color:#FFF;
	border-style:solid;
}

#content_schibi{
	
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(../pics/bg_l.jpg);
	padding: 20px;
	width: 450px;
	height: 412px;
}




.continhalt ul{
margin-left:4px;
list-style:square;
padding-left:10px;
}

.continhalt li{
padding-bottom:1em;}


h1 {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size:17px;
	font-weight:normal;
	/*line-height:24px;
	margin-top:10px;*/
	margin-bottom:10px;
}

h2 {
	margin: 1em 0 .5em 0;
	font-family: Verdana, Arial, sans-serif; 
	font-size:12px;
	font-weight:normal;
	line-height:18px;
}

a, a:link, a:visited {color: #d19b10; text-decoration: none;}

a:hover {color: #000; text-decoration: none;}

.clear { display: block !important; clear:both !important; height:0 !important; padding: 0 !important; margin: 0 !important;}


/*--------------- start default ------------------------*/

#content .default_content {
	width: 440px;
	float: right;
	padding: 20px 20px 0 20px;
}

#content .default_content_stellen {
	width: 333px;
	float: right;
	padding: 20px 20px 0 20px;
}

#content .default_content h1 {
	line-height: 22px;
}
#content .bilder {
	/*width: auto;*/
	height: auto;
	padding: 0;
}
#content .bilder li {
	float: none;
}
ul.bilder li a {
	padding: 0;
}
#content .bilder li img {
	border-bottom: 1px #FFF solid;
}
#content .caption {
	padding: .5em;
}
.main_content ul {
	/*margin-left: 4px;*/
	list-style: square;
	/*padding-left: 10px;*/
}
.main_content { 
padding-bottom: 20px;
/*padding-bottom: 1em;*/
}
ul.links,
ul.dateien {
	/*margin-bottom: 1em;*/
	padding-bottom: 1em;
}
/*--------------- end default ------------------------*/


/*------------------------------------------------------------*/
#navibereich {
	position: relative;
	height: 40px;
	width: 673px;
	z-index: 20;
	float:left;
	/*margin-left: -1px;*/
	/*background-color:#9c9d9f;*/
	background-color:#c5c6c8;
	padding:0 0px 0 0;
}
#navigation {
	background-color: #9c9d9f;
	font-size:12px;
	float: left;
	width: 674px;
	height: 20px;
}
table#navigation td {
	line-height: 20px;
	border-bottom: 1px;
	border-left: 0px;
	border-right: 1px;
	border-top: 0px;
	border-color: #FFF;
	border-style: solid;
	position: relative;
	text-align: center;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

table#navigation td a{
	font-weight:normal;
	display:block;
	color:#fff;
	text-decoration: none;
}

table#navigation td:hover a,
table#navigation td.over a {
	display: block;
    background-color:#fab913;
	text-decoration: none;
	color:#fff;
}
table#navigation td.active a {
	color: #fff;
	background-color: #fab913;
	text-decoration: none;
}

#subnavigation {
	font-size:12px;
	float: left;
	width: 674px;
	height: 20px;
}
table#subnavigation td {
	line-height: 20px;
	border-bottom: 1px;
	border-left: 0px;
	border-right: 1px;
	border-top: 0px;
	border-color: #FFF;
	border-style: solid;
	position: relative;
	text-align: center;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

table#subnavigation td a{
	font-weight:normal;
	display:block;
	color:#000;
	background-color:#fedc98;
	text-decoration: none;
}

table#subnavigation td:hover a,
table#subnavigation td.over a {
	display: block;
    background-color:#fab913;
	text-decoration: none;
	color:#000;
}
table#subnavigation td.active a {
	color: #000;
	background-color: #fab913;
	text-decoration: none;
}


.hidden { display: none; }
.clear { clear: both; }
.error { color: red; }

/*------------------ start footer -----------------------*/
#pagefooter {
	font-size: 11px;
	padding: .5em 0;
	color:#808285;
}
#pagefooter a {
	color:#808285;
	text-decoration: none;
}
#pagefooter a:hover {
	color:#808285;
	text-decoration: underline;
}
#pagefooter div.copy{
	float: left;
}
#pagefooter div.links{
	float: right;
	text-align: right;
	/*padding-right: 15px;*/
}
.copy {
	padding: 0 0 0 247px;
}

/*--------------- end footer ------------------------*/

/*------------------ start bilder -----------------------*/

/*--------------- end bilder ------------------------*/

#content .bilder_ref {
	width: 460px;
	height: auto;
	padding: 20px 0px 0px 20px;
	float:left;
}

#content .bilder_ref li {
	float: left;
	padding: 0 2px 20px 0;
}


.bilder_ref li img:hover {
	padding: 0;
	border: 1px #808082 solid;
	
}
.bilder_ref li img  {
	border: 1px #FFF solid;
	display:block;
}

div.inhalt_ohne img.rahmen:hover {
	padding: 0;
	border: 1px #808082 solid;
	
}
div.inhalt_ohne img.rahmen  {
	border: 1px #FFF solid;
	display:block;
}



#content .bilder {
	width: 87px;
	height: auto;
	padding: 20px 0px 0px 20px;
	float:left;
}



#content .bilder li {
	float: left;
	padding: 0 0 13px 0;
}


.bilder li img:hover {
	padding: 0;
	border: 1px #808082 solid;
	
}
.bilder li img  {
	border: 1px #FFF solid;
	display:block;
}

#content .caption {
	padding: .5em;
}


/*--------------- start produkte ------------------------*/
#content .produkte {
	width: 425px;
	float: left;
}
#content .produkte img { 
/*	position: absolute;
	top: 0px;
	left: 0px;*/
	float: left;
	border-right: 1px #808285 solid;
	
}
#content .produkte li { 
	border-bottom: 1px #808285 solid; 
	height: 103px;
}
#content .produkte .active li { 
	background-color: #C3C3C5;
}
#content .produkte .active li.last {
	border-bottom: 2px #DA2031 solid;
}
#content .produkte li a {
	display: block;
	position: relative;
/*	height: 63px;
	padding: 20px 20px 20px 123px;*/
	color: #231F20;
	width: 425px;
	height: 103px;
	font-weight: normal;
	line-height: 24px;
/*	overflow: hidden; */
}
#content .produkte li a span.titel {
	display: block;
/*	height: 63px; */
	padding: 20px 20px 20px 0;
	width: 282px;
	float: right;
	font-weight: bold;
}
#content .produkte li a span.material {
	position: absolute;
	display: block;
	right: 20px;
	top: 20px;
}
#content .produkte a .marker {
	display: none;
}
#content .produkte li a:hover {
	text-decoration: none;
}
#content .produkte a:hover .marker {
	display: block;
	position: absolute;
	width: 421px;
	height: 101px;
	border: 2px #DA2031 solid;
	top: -1px;
	left: 0px;
}


#content .produkte .inactive li a{
	color: #777;
}
#content .produkte .inactive li img {
	opacity: 0.5;
}
#content .produkte .inactive a:hover img {
	opacity: 1;
}
#content .produkte .inactive a:hover {
	color: #231F20;
}
/*
#content .produkte li:hover img {
	margin: -2px 0 0 -2px;
}*/

/*#content .p_uebersicht {
	background-image: url(../pics/produkt_kat_bg.gif);
	background-repeat: repeat-y;
	min-height:412px;
}*/

#content .p_kategorie {
	width: 673px;
	/*float: left;*/
}
/*#produkte #content .produkt {
	background-image: url(../pics/produkt_bg.gif);
	background-repeat: repeat-y;
	min-height: 520px;
}*/
#produkte #content .produkt_bild {
	/*width: 192px;*/
	float: left;
}
#produkte #content .p_kategorie .bilder li {
	width: 87px;
border: none;
}
#produkte #content .produkt_beschreibung {
	width: 347px;
	float: left;
	padding: 0 13px 0 0;
}

#produkte #content .p_kategorie .inhalt {  
	width: 333px;
	float: left;
	padding: 20px 20px 0 20px;
}

#produkte #content .p_kategorie .inhalt_ohne {  
	width: 440px;
	float: left;
	padding: 20px 20px 0 20px;
	overflow: auto;
	height: 392px;
}

#produkte #content .produkt_beschreibung h1 {
	line-height: 22px;
}
#produkte ul.dateien li {
	padding: 3px 0 3px 18px;
	background-repeat: no-repeat;
	background-position: left center;
}
#produkte ul.dateien li.pdf {
	background-image: url(../pics/pdf.gif);
}

/*--------------- end produkte ------------------------*/

/*--------------- start sliderpage ------------------------*/
#content .slider {
	width: 746px;
	height: 146px;
	top: -1px;
	border-top: 1px #FFF solid;
	background-color: #C3C3C5;
	position: relative;
}
#content .slider #imageslistwrapper {
	position: relative;
	height: 120px;
}
#content .slider #imageslist { 
	position: relative;
	height: 120px;
}
#content .slider #imageslist a:focus {
	outline: 0;
}
#content .slider .line {
	position: absolute;
	background-color: #DA2031;
	height: 2px;
	width: 100%;
	top: 103px;
}
#content .slider .wrapper {
	padding: 13px 13px 13px 37px;
}
#content .slider a,
#content .slider a:hover {
	color: #000;
	text-decoration: none;
	font-size: 9px;
}
#content .slider .name {
	margin-top: 4px;
	display: block;
	font-weight: bold;
}
#content .slider li li {
	width: 115px;
	height: 120px;
	float: left;
}
#imgBackForward { 
	font-size: 30px;
	line-height: 120px;
	font-weight: bold;
	color: #FFF;
}
#imgBackForward span {
	position: absolute;
	top: 13px;
	display: block;
	height: 120px;
}
#imgBackForward span.back {
	left: 5px;
}
#imgBackForward span.forward {
	right: 5px;
}
#imgBackForward span.active {
	color: #DA2031;
	cursor: pointer;
}
#content .slider ul ul {
	width: 690px;
	height: 120px;
}
/*--------------- end sliderpage ------------------------*/

/*--------------- start newspage ------------------------*/
ul.news {
	padding-bottom: 1.5em;
}
ul.news li {
	padding-bottom: .7em;
}
ul.news .datum {
	color: #000;
	/*display: block;*/
	width: 72px;
	float: left;
}
ul.news .titel {
	/*display: block;
	width: 360px;
	float: right;*/
}
ul.news a:hover {
	text-decoration: none;
}
ul.news a:hover .titel {
	text-decoration: underline;
}
#newscontainer {
	padding: 20px 5px 0 20px;
	position: relative;
}
#newscontainer li {
	padding-bottom: 1.5em;
}
#newscontainer a span {
	color: #000;
	display: block;
}
#newscontainer a:hover {
	text-decoration: none;
}
#newscontainer a:hover span {
	color: #DA2031;
}
#newscontainer .superTitel {
	font-weight: bold;
}
#newscontainer .scrollerfader {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 190px;
	height: 10px;
	background-image: url(../pics/scroller_top.png);
	background-repeat: repeat-x;
}
#newscontainer .scrollerfader.bottom {
	top: auto;
	left: 20px;
	bottom: 0px;
	background-image: url(../pics/scroller_bottom.png);
}
/*--------------- end newspage ------------------------*/









.slogan {
	font-size: 17px;
	padding: 15px 15px 15px 15px;
	display:block;
	color:#FFF;
	line-height: 20px;
	font-weight: normal;
}
.slogan_ohne {
	font-size: 17px;
	/*padding: 15px 15px 15px 15px;*/
	display:block;
	color:#FFF;
	line-height: 20px;
	font-weight: normal;
}

.slogan a:link, .slogan a:visited {
color: #fab913;
text-decoration: none;
}

.slogan a:hover {
color: #FFF;
}


#head_pic1 {
	z-index:1;
	position: relative;
	/*background-image:url(../pics/head01.jpg);*/
	background-repeat: no-repeat;
	background-position: top center;
	height: 412px;
	width: 192px;
	overflow:hidden;
	float: left;
	border-right: 1px #fff solid;
}

.nav_doc, .nav_doc:link, .nav_doc:visited, .nav_news, .nav_news:link, .nav_news:visited {
text-decoration: none;
line-height: 19px;
}

.nav_doc:hover, .nav_news:hover {
text-decoration: none;
}

.nav_kl, .nav_kl:link, .nav_kl:visited, .nav_kl:hover {
font-size: 10px;
}

.inhalt ul {
	padding: 0 0 0 30px;
}
 
.inhalt ul li {
	list-style:disc;
}

.pos_bottom{
	position: absolute;
	bottom: 10px;
	left: 15px;
}

.pos_middle{
	position: absolute;
	bottom: 130px;
	left: 15px;
}

.pos_top{
	position: absolute;
	top: 20px;
	left: 15px;
}
.fensterwechsel {
	font-size: 12px;
	line-height: 1.2em;
}


/*.bilder_medium img {
	padding: 0 0 0 15px;
}*/

/** start files **/
.login label {
	display: block;
	float: left;
	width: 70px;
}
.login input {
	width: 150px;
}
.files table { margin:1em 0 .5em 0;}
.files th,.files td{padding:1px;}
.files tr th,.files tr td{ border-bottom: 1px #CCC solid; text-align:left; }
.files tr th{background-color: font-weight:bold; padding-left:2px;}
.files tr td a { display:block;}
.files tr td+td{ width:100px;}
.files tr td+td+td{ width:50px;}
.files tr td+td+td+td{ width:25px;}
.files tr td+td+td+td+td{width:50px; padding-right:0;}
.files.nothumbs tr td+td+td+td+td{ display:none;}
.files tr:hover td {background-color: #e9e9e9;}
a.logoff{
	font-size:12px;
	line-height:12px;
	padding: 0 0 20px 0;
}
.files p { margin:1em 0;}
#picselection a.active {
	text-decoration: underline;
}
/** end files **/


.box1 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px; 
	font-weight: normal;
	color: black;
	border:#6C6C6C;
	background-color: #FFFFFF;
	Border-color: #9c9d9f;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-style: solid;
	text-align: left;
}