@import url(shadow.css);
@import url(equipment.css);
/*
Überschriften:
<h1> = Arial 18px bold (Varianten: #474E54; #FD7910; Icon)
<h2> = Arial 16px bold #474E54
<h3> = Arial 14px (Varianten: #474E54; #FD7910; Icon)
Fliesstext:
<p> = Arial 11px #474E54
Links:
<a> = Arial 11px #FD7910 (Varianten: Icon; bold)
Farben
Orange: #FD7910
Blaugrau: #474E54

weitere Farben:
hellgrau: #C3C3C3


Bilder
Die Bilder werden in 72 dpi und im JPG Format auf der Seite integriert.
Produktbilder: klein: 160 x 144 px, gross: 250 x 224 px

Reihenfolge Link-Deklaration: :link, :visited, :focus, :hover, :active
Standard-Linkfarben :link #0000EE (FF) ##0000FF (IE) 
						  :visited #551A8B (FF) #800080 (IE) 
                    :active = #EE0000 (FF)
*/

/* -----------------Initialisierung ------------------------------*/
html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol,
span, a, table, td, form, img, li {
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, sans-serif;
}
body {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body {
	font-size: small;
}
img {
	border:0;
}
em, strong, b	{
	font-weight: bold;
	font-style: inherit;
}
a	{
	color: #FD7910;
	text-decoration: none;
}
#content ul	{
	list-style: none;
}
#content ul li	{
	background: url(layout/listpoint.gif) no-repeat 10px 6px;
	padding-left: 30px;
	font-size: 11px;
}
/* Tools */
.invisible {
	position:absolute;
	left:-1000px;
	top:-1000px;
	width:0px;
	height:0px;
	overflow:hidden;
	display:inline;
  }
 .big, #content .big	{
 	font-size: 16px;
	font-weight: bold;
 } 
/* Position */
body	{
	color: #000;
	background: url(layout/bg.jpg) no-repeat fixed 50% 0;
	background-color: #ccc;
	text-align: center;
}
#pagecontainer	{
	width: 940px;
	background: #fff;
	text-align: left;
	margin: 0 auto 0 auto;
}
#page {
	float: left;
}
#logo	{
	height: 68px;
}
#logo	img {
	margin-top: 12px;
	margin-left: 17px;
}
#lang	{
	height: 15px;
	padding: 0 0 5px 7px;
}
#firstlevelnav	{
	clear: both;
}
#secondlevelnav	{
	clear: both;
	float: left;
	display: inline;
	width: 150px;
	margin: 14px 0 0 8px;
	padding: 17px 0 0 0;
}
#sitebody	{
	float: left;
	display: inline;
	width: 940px;
	margin: 0 0 0 0;
}
#content	{
	width: 772px;
	float: right;
	display: inline;
	margin-top: 30px;
	padding: 0 5px 0 5px;
}

#content	.normal	{
	float: left;
	display: inline;
	/*width: 762px;*/
	margin: 0 0px 10px 5px;
	
}
#content .left{
	float: left;
	display: inline;
	/*width: 762px;*/
	margin: 0 5px 10px 5px;
}
#content	.right	{
	float: left;
	display: inline;
	width: 576px;
	width: 581px;
	margin: 0 0px 10px 5px;
}
#content	.right .alpha-shadow div.dropshadow div.s	{
	width: 526px;
	width: 531px;
}
#content	.border	{
	float: right;
	display: inline;
	width: 176px;
	width: 181px;
	margin: 0px 0px 10px 5px;
}
#content	.border .alpha-shadow div.dropshadow div.s	{
	width: 176px;
}
/* kleine Kaesten */
/* 1/2 Kasten */
.csc-frame-frame1	{
	width: 326px;
	width: 331px;
	float: left;
	display: inline;	
	height: 200px;
	min-height: 200px;
}
/* 1/3 Kasten */
.csc-frame-frame2	{
	width: 197px;
	float: left;
	display: inline;	
	height: 200px;
	min-height: 200px;
}
.csc-frame-indent6633 	{
	width: 712px;
	width: 717px;
}
#footer	{
	clear: both;
	float: left;
	text-align: right;
	display: inline;
	width: 100%;
	padding: 10px 0 10px 0;
	margin: 0 0 20px 0;
	background: #fff url(layout/bgfooter.gif) repeat-x bottom;
}

/* ------------- Navigation und Links -------------- */
/* weiter-Button */
 .more	{
 	float: right;
	margin-top: 5px;
 } 
 /* externer Link, zurueck-Link, nach-oben-Link */
 .externlink, .csi-text p.externlink	{
 	background: url(layout/extlink-icon.gif) no-repeat 0 50%;
	padding-left: 20px;
 }
 .downloadlink, .csi-text p.downloadlink	{
 	background: url(layout/download-icon.gif) no-repeat 0 50%;
	padding-left: 20px;
 }
 .border .downloadlink, .border .externlink, .border .backlink	{
 	background-position: 4px 50%;
	padding-left: 24px;
 }
 .externlink a, .backlink a, .csc-linkToTop a, .downloadlink a	{
 	text-decoration: none;
	font-size: 10px;
	color: #FD7910;
 }
 #content .backlink	{
 	background: url(layout/backlink-icon.gif) no-repeat 0 50%;
	padding-left: 20px;
	margin-top: 10px;
 }
#content .csc-linkToTop	{
 	background: url(layout/top-icon.gif) no-repeat 0 50%;
	padding-left: 20px;
	margin-top: 10px;
	float: right;
 }

/* Sprachumschaltung */
#lang ul	{
	list-style: none;
}
#lang ul li	{
	float: left;
	display: inline;
	font-size: 10px;
	list-style: none;
	color: #817F84;
	padding: 0 6px 0 5px;
}
#lang ul li.deutsch	{
	background: url(layout/langmenu_delimiter.gif) no-repeat right;
}
#lang li a	{
	text-decoration: none;
	font-size: 10px;
	color: #C3C3C3;
	background: #fff;
}
/* Links Seitenfuss */
ul#metanav 	{
	list-style: none;
	margin-right: 11px;
}
#metanav li	{
	/*float:left;*/
	display: inline;
	list-style: none;
	color: #FD7910;
	font-size: 10px;
}
#metanav a	{
	text-decoration: none;
	font-size: 10px;
	color: #FD7910;
	background: #fff;
	padding: 0 3px 0 3px;
}
/* Menu oben */
#firstlevelnav ul 	{
	list-style: none;
}
#firstlevelnav li	{
	float: left;
	display: inline;
	padding: 0;
}
/* ------------ Menu linke Seite -------------- */
/* Menu linke Seite - Beschriftung Menukasten */
.sect01	{
	background: url(layout/sect01.gif) no-repeat;
}
.sect02	{
	background: url(layout/sect02.gif) no-repeat;
}
.sect03	{
	background: url(layout/sect03.gif) no-repeat;
}
.sect04	{
	background: url(layout/sect04.gif) no-repeat;
}
/* Menu linke Seite - allg. Formatierung */
#secondlevelnav ul	{
	list-style: none;
}
#secondlevelnav li	{
	width: 100%;  
	margin: 0;
	padding: 0;  
}
#secondlevelnav a,
#secondlevelnav li .cur span	{
	text-decoration: none;
	font-weight: bold;    
	display: block;
}
/* Menu linke Seite - Menukasten */
#secondlevelnav ul.nav1 	{
	width: 141px;   
	background: #e8e8e8;
   border-top: 1px solid #e8e8e8;
   border-left: 1px solid #f2f2f2;
   border-right: 1px solid #afafaf;
   border-bottom: 1px solid #afafaf;      
   padding: 2px;  
}
/* Menu linke Seite - 1. Ebene */
#secondlevelnav .nav1 li a, 
#secondlevelnav .nav1 li span	{
	display: block;
	padding: 6px 5px 6px 14px;    
	font-size: 11px;  
	width: 122px; 
}
#secondlevelnav .nav1 li.no a	{
	/*background: url(layout/square_o_2x8.gif) no-repeat 5px 50%;*/
	/*background-color: #E8E8E8;*/
	color: #504F54;
	font-weight: normal;
	border: 1px solid #d5d5d5;
	border: 1px solid #eee;
	border-width: 1px 0 0 0;
}
#secondlevelnav .nav1 li.act,
#secondlevelnav .nav1 li.cur	{
	/*background: #504F54 url(layout/bgsecondlevelnav1_ro.jpg) no-repeat;*/
}
#secondlevelnav .nav1 li.no a:link,
#secondlevelnav .nav1 li.no a:visited	{
	background: url(layout/square_o_2x8.gif) no-repeat 5px 50%;
}
#secondlevelnav .nav1 li.act a:link,
#secondlevelnav .nav1 li.act a:visited,
#secondlevelnav .nav1 li.no a:hover,
#secondlevelnav .nav1 li.cur span	{
	background: #504F54 url(layout/bgsecondlevelnav1_ro.jpg) no-repeat;
	color: #fff;
	border: 1px solid #e8e8e8;
	border-width: 0 0 1px 0;
}
/* Menu linke Seite - 2. Ebene */
#secondlevelnav ul.nav2	{
	border: 1px solid #646464;
	border-width: 1px 0 0 1px;
}
#secondlevelnav  .nav2 li	{
	border: none; 
}
#secondlevelnav ul.nav2	{
	background: #D5D5D5;
} 
#secondlevelnav .nav2 li a,
#secondlevelnav .nav2 li span	{
	background: #D5D5D5;
	font-size: 11px;
	padding: 5px 5px 5px 17px;     
	border: none;
	width: 118px; 	
}
#secondlevelnav .nav2 li.no a,
#secondlevelnav .nav2 li.no a:link,
#secondlevelnav .nav2 li.no a:visited,
#secondlevelnav .nav2 li.no a:hover,
#secondlevelnav .nav2 li.act a:link,
#secondlevelnav .nav2 li.act a:visited
	{
	color: #504F54;
	background: #D5D5D5 url(layout/minus_o_3x1.gif) no-repeat 10px 50%;
	font-weight: normal;
	border: none;
}
#secondlevelnav .nav2 li.no a:hover	{
	color: #FD7910;
}
#secondlevelnav .nav2 li.act a	{
	color: #504F54;
	background: #D5D5D5 url(layout/minus_o_3x1.gif) no-repeat 10px 50%;
	font-weight: bold;
	border: none;
}
#secondlevelnav .nav2 li.cur span	{
	color: #504F54;
	background: #D5D5D5 url(layout/minus_o_3x1.gif) no-repeat 10px 50%;
	font-weight: bold;
	border: none;
}

/* Menu linke Seite - 3. Ebene */
#secondlevelnav .nav3 li	{
	border: none;
}
#secondlevelnav ul.nav3	{
  background: #E8E8E8;
} 
#secondlevelnav .nav3 li a,
#secondlevelnav .nav3 li span	{
	font-size: 10px;
	padding: 2px 5px 2px 26px;
	border: none;
	width: 109px;
}
#secondlevelnav .nav3 li.no a,
#secondlevelnav .nav3 li.no a:link,
#secondlevelnav .nav3 li.no a:visited,
#secondlevelnav .nav3 li.no a:hover,
#secondlevelnav .nav3 li.act a:link,
#secondlevelnav .nav3 li.act a:visited
	{
	color: #504F54;
	font-weight: normal;
	background: #E8E8E8;
	border: none;
}
#secondlevelnav .nav3 li.no a:hover,
#secondlevelnav .nav3 li.act a,
#secondlevelnav .nav3 li.act a:link,
#secondlevelnav .nav3 li.act a:visited,
#secondlevelnav .nav3 li.cur span	{
	background: #E8E8E8 url(layout/square_o_2x2.gif) no-repeat 20px 50%;
	font-weight: normal;
	border: none;
	color: #FD7910;
}

/* Searchbox */
div#search {
	float:left;
	text-align: right;
	display:inline;
	width:319px;
	height: 29px;
	background: url(layout/bgsearch.gif) no-repeat;
	margin:0;
	padding:0;
}
#search fieldset {
	border: none;
	margin: 0;
	padding: 3px 13px 2px 0;
}
#search form > fieldset	{
	padding-top: 4px;
}
#search label	{
	font-size: 11px;
}
#searchfield {
	font-size: 90%;
	margin-left: 5px;
	width:140px;
	color: #666;
	background-color:#fff; 
	border:1px solid #c3c3c3;  
	padding: 2px 0 2px 5px;
}

/* Text - Content */
#content p, #content-startseite p	{
	line-height: 140%;
	font-size: 11px;
	margin-bottom: 5px;
}
#content li, #content-startseite li	{
	list-style: none;
	background: url(layout/square_o_4x4.gif) no-repeat 0 50%;
	padding-left: 10px;
	line-height: 140%;
}	
.left h2, .right h2, .normal h2	{
	background: url(layout/square_o_5x5.gif) no-repeat 0px 10px;
	padding-left: 12px;
	font-size: 16px;
	margin-bottom: 20px;
}
.left h3, .right h3, .normal h3	{
	background: url(layout/square_o_5x5.gif) no-repeat 0 10px;
	padding-left: 12px;
	font-size: 16px;
	font-weight: bold;
	color: #FD7910;
	margin-bottom: 12px;
}
.left h4, .right h4, .normal h4	{
	font-size: 11px;
	margin-bottom: 5px;
	color: #FD7910;
}
.left p, .right p, .normal p	{
	padding-left: 0px;
}
.csi-text h2	{
	background: url(layout/square_o_5x5.gif) no-repeat 0px 10px;
	padding-left: 12px;
}
.csi-text p	{
	padding-left: 0px;
}
.border .alpha-shadow div.dropshadow div.s	{
	padding: 0px;
}
.border h2	{
	background: url(layout/bg_teaser.gif) no-repeat;
	font-size: 10px;
	color: #FFFFFF;
	width: 164px;
	height: 14px;
	padding-top: 2px;
	padding-left: 12px;
	margin-bottom: 10px;
}
.border h3	{
	font-size: 11px;
	font-weight: bold;
	background: url(layout/square_o_4x4.gif) no-repeat 4px 50%;
	padding-left: 12px;
}
.border p	{
	font-size: 10px;
	padding: 0 5px 5px 12px;
}

/* --------- Sitemap ------------- */
#content .csc-menu-2 li 	{
	background: none;
	margin: 0;
	padding: 0;
}
#content .ullevel1	{
	padding-left: 12px;
	font-size: 14px;
	padding-bottom: 10px;
}
#content .ullevel2	{
	padding-left: 10px;
	font-size: 11px;
	margin-bottom: 5px;
}
#content .ullevel2 a	{
		color: #000;
}
#content .ullevel2 a:hover	{
		color: #FD7910;
		
}
#content .ullevel3	{
	padding-left: 10px;
}


/* -------- Startseite ------------- */
#content-startseite	{
	float: left;
	display: inline;
	margin-top: 30px;
	padding: 0 5px 10px 5px;
}
#flashrow	{
	float: left;
	display: inline;
}
#flashbuehne	{
	float: left;
	display: inline;
	width: 610px;
	margin: 0 0px 10px 5px;
}
#flashbuehne object	{
	margin:0;
	padding: 0;
}
#flashbuehne DIV.csi-center DIV.csi-imagewrap .csi-image {
  margin: 0;
}
#flashbuehne .alpha-shadow div.dropshadow div.s	{
	padding: 0;
}
#teaserframe	{
	float: right;
	display: inline;
	width:305px;
	margin: 0 0px 10px 5px;
	
}
#teaserframe h2	{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}	
#teaserframe h3	{
	font-size: 14px;
	color: #FD7910;
	margin-bottom: 5px;
}
#teaserframe p	{
	font-size: 11px;
	margin-bottom: 5px;
}
#teaserframe .alpha-shadow div.dropshadow div.s	{
	background: #FD7910;
	color: #fff;
	padding: 5px 0px 5px 5px;
}
.teaserframe-teaser	{
	float: left;
	display: inline;
	width:295px;
	margin: 0 0 5px 0;
}
/* Schatten auf orangem Hintergrund */
#teaserframe .teaserframe-teaser .alpha-shadow {
	background: url(layout/shadow-orange.gif) no-repeat bottom right;
	}
#teaserframe .teaserframe-teaser .alpha-shadow div.dropshadow {
  background: url(layout/shadow2-orange.png) no-repeat left top !important;
  background: url(layout/shadow2-orange.gif) no-repeat left top;
  }
#teaserframe .teaserframe-teaser .alpha-shadow div.dropshadow div.s	 {
  background-color: #fff;
  border-top: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #afafaf;
  border-bottom: 1px solid #afafaf;
  padding: 5px 5px 5px 5px;
  color: #000;
  }
#teaserrow	{
	float: left;
	display: inline;
	width:930px;
	margin: 0;
}
#teaserrow h3	{
	font-size: 14px;
	color: #FD7910;
	margin-bottom: 5px;
}
#teaserrow p 	{
	font-size: 11px;
	margin-bottom: 5px;
}
#teaserrow ul	{
	margin-left: 0px;
	font-size: 11px;
}
.teaserrow-teaser	{
	float: left;
	display: inline;
	width:305px;
	margin: 0 0px 10px 5px;
}
.teaser1 .alpha-shadow div.dropshadow div.s	{
	background: #fff url(layout/bg_starts_teaser1.gif) no-repeat right bottom;
}
.teaser2 .alpha-shadow div.dropshadow div.s	{
	background: #fff url(layout/bg_starts_teaser2.gif) no-repeat right bottom;
}
.teaser1 .alpha-shadow div.dropshadow div.s, .teaser2 .alpha-shadow div.dropshadow div.s, .teaser3 .alpha-shadow div.dropshadow div.s	{
	height: 245px;
	min-height: 245px;
	width: 255px
}

/* ---------- Ansprechpartner ------------- */
#content	.a_left,
#content	.a_right	{
	float: left;
	display: inline;
	width: 762px;
	
	margin: 0 0px 10px 5px;
}

.a_left h2, .a_right h2	{
	background: url(layout/square_o_5x5.gif) no-repeat 0px 10px;
	padding-left: 12px;
	font-size: 16px;
	margin-bottom: 20px;
	width: 705px;
}
.a_left h3, .a_right h3	{
	background: url(layout/square_o_5x5.gif) no-repeat 0 10px;
	padding-left: 12px;
	font-size: 16px;
	font-weight: bold;
	color: #FD7910;
	margin-bottom: 12px;
}
.a_left h4, .a_right h4	{
	font-size: 11px;
	margin-bottom: 5px;
	color: #FD7910;
}
.a_left p, .a_right p	{
	padding-left: 0px;
}

/* kleine Kaesten */
/* 1/2 Kasten */
#content .a_csc1 	{
	width: 346px;
	
	float: left;
	display: inline;	
	margin: 5px;
}
#content .a_csc1 .csc-frame-frame1	{
	width: 296px;
	
	float: left;
	display: inline;	
	height: 170px;
	min-height: 170px;
}