/* ###############################
/* ##  Allgemeine Definitionen	##
/* ###############################*/

@import "style.css";

* {
  margin			: 0px;
  padding			: 0px;
  font-family		: Verdana, Helvetica, Arial, sans-serif;
  font-size			: 11px;
}

/* Links */

a img {border:0px;}

a {
  color				: #0089cc;
  text-decoration	: none;
}

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

/* Überschriften */

h1 {
  font-size			: 15px;
  padding-bottom	: 5px;
  margin-bottom		: 5px;
  border			: 1px solid #ffffff;
  font-family		: sans-serif !important;
  color				: #009EE9;
}

h2 {
  font-size			: 14px;
  font-family		: sans-serif !important;
}

h2 a {
  font-size			: 14px;
  font-family		: sans-serif !important;
}

/* Nützliche Klassen */

.clear {
  clear				: both;
  height			: 0px;
  line-height		: 0px;
  background-color	: #ffffff;
}

.barriere {
	display			: none;		/* Beschreibung für blinde Nutzer */
}

/* Farbklassen */

.hintergrund_blau {background-color:#CEE4F1}
.gbGrau_sehrhell 	{background-color:#F1F1F1; color:#656572;}
.gbGrau_hell 		{background-color:#DFDFDF; color:#656572;}
.gbGrau_mittel 		{background-color:#D1D0CF; color:#656572;}
.gbGrau_dunkel 		{background-color:#A4A3A9; color:#F1F1F1;}
.gbGrau_sehrdunkel 	{background-color:#5C5C6A; color:#CCCBCE;}

.grey {
	color			: #656572;
}

.highlight {
	background-color: #FFFF00 !important;
	font-weight: bold !important;
}

/* Drucken button */
.print_button {
	display:block;
	float:right;
	margin:75px 5px 3px 5px;
	border:1px solid #00A6EA;
	padding:2px 3px 2px 3px;
	font-size:10px;
	letter-spacing:1px;
	background-color:#FFFFFF;
	color:#0089CC;
}

.print_button:hover {
	background-color:#00A6EA;
	color:#ffffff;
}


/* Listen */
#content ul {
	padding			: 10px;
}

#content ul ul {
	padding			: 8px 5px 5px 0px;
	margin-left		: -10px;
}

#content  ul li {
	list-style-type	: none;
	margin-left		: 0px;
	background-image: url(img/bullet.gif);
	background-repeat: no-repeat;
	background-position: 4px 3px;
	padding-left	: 20px;
	padding-bottom	: 4px;
}

#content ul li ul li {
	list-style-type	: none;
	margin-left		: 0px;
	background-image: url(img/bullet.gif);
	background-repeat: no-repeat;
	background-position: 4px 3px;
	padding-left	: 20px;
	padding-bottom	: 4px;
}

/* Tabellen */

table tr td {
	padding			: 3px;
}

html, body {
  height			: 100%;
  font-family		: Verdana, Helvetica , Arial, sans-serif;
  font-size			: 11px;
  color				: #000000;
  text-align		: center;
  background-color	: #CEE4F1;
  /*background-image 	: url(img/background.jpg) !important;*/
  background-position : center;
}

html {overflow-y:scroll}	/* rechte Scrollbar immer anzeigen */

body * {
  text-align		: left;
  padding			: 0px;
  margin			: 0px;
}

#container {
  width				: 970px;
  padding			: 5px 8px 5px 12px;
  margin-bottom		: 10px;
  margin			: 0 auto;
  border			: 1px solid #7EC2E5;
  border-top		: 0px;
  background-color	: #ffffff;
}

/** Banner1 mit Suche **/

#banner {
  /*background-image 	: url(img/banner_top.jpg);*/
  background-repeat	: no-repeat;
  height			: 35px;
  width				: 970px;
  margin			: 0px 0px 0px 0px;
}

#banner_search {
  text-align		: right;
  color				: #B2B2B2;
}

#banner_search a {
  color				: #B2B2B2;
  text-decoration	: none;
}

#banner_search a:hover {
  color				: #0A405B !important;
}

#banner_search #inputsearch {
  padding			: 0px;
  margin			: 0px;
  height			: 14px;
  width				: 120px;
  vertical-align	: middle;
  font-family		: Verdana,sans-serif;
  font-size			: 11px;
  line-height		: 14px;
  border			: 1px solid #7F9DB9;
}

/** Navigationsbereich und Logo **/

#nav_area #nav {
  width				: 605px;
  height			: 60px;
  background-color	: #0089CC;
}

#nav_area #logobild {
	margin			: 10px 20px 5px 10px;
	float			: right;
	height			: 45px;

}

/* Inhaltsbereich */

.startpage_caption {
	padding:5px 5px 5px 5px;		/* IE7 Korrektur */
}

html*+body .startpage_caption {
	padding:5px 5px 0px 5px;
}

#content {
  padding-top		: 0px;
}

.textbox {
  padding			: 0px;
  margin			: 0px;
  width				: 321px;
  height			: 159px;
  background-color	: #F1F1F1;
  border-top		: 1px solid #ffffff;
}

.textbox h3 {
  padding-top		: 5px;
  vertical-align	: middle;
  color				: #0089cc;
  font-size			: 13px;
  font-weight		: bold;
}

.textbox .inner_content {
  padding			: 5px 5px 5px 10px;
}

#produkte {
  margin-top		: 0px;
}

#produkte img {
  margin			: 0px;
  width				: 160px;
  height			: 160px;
}

#produkte .produktbox {
  width				: 160px;
  height			: 160px;
  float				: left;
  margin			: 1px 1px 0px 0px;
  background-repeat:no-repeat;
}

/** Untere 2 Balken mit Sprach-Flaggen **/

* html #untere_balken { /* Korrekturen ausschließlich IE 6.0 */
 flo\at: right;
 margin: 7px 2px 0px 0px;
}

#untere_balken {
	float:right;
	margin: 7px 5px 0px 0px;
}

#sprachen {
  margin			: 7px 0px 0px 0px;
}


#sprachen img {
	margin-right	: 3px;
}

/* #######################
/* ##  Brotkrumen-Pfad	##
/* #######################*/

#breadcrump {
	padding			: 3px 10px 3px 3px;
	margin			: 10px 0px 5px 0px;
	text-align		: right;
	font-weight		: bold;
}

#breadcrump ul {
	margin-left		: 0;
	padding-left	: 0;
	display			: block;
	border			: none;
}

#breadcrump ul li {
	margin-left		: 0;
	padding-left	: 2px;
	border			: none;
	list-style		: none;
	display			: inline;
	font-weight		: normal;
}

/* ###############################
/* ##  Produktgruppenübersicht	##
/* ###############################*/

.bildrand_links {
	border				: 1px solid #ffffff;
	width				: 250px;
	height				: 570px;
	float				: left;
	background-color		: #a3a3a3;
}

.gu_box190 {
	width			: 190px;
	height			: 190px;
	background-color: #C1D2DA;
	float			: left;
	border-right	: 1px solid #ffffff;
	border-top	: 1px solid #ffffff;
}

.gu_box190_extra {
	float			: right;
	height			: 188px;
	width			: 190px;
	background-color: #C1D2DA;
	border-left		: 1px solid #ffffff;
}

.gu_desc {
  background-color	: #ffffff;
  	/*border			: 1px solid #ffffff;*/
  	border-top		: 1px solid #ffffff;
  text-align		: right;
  filter			: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  filter			: Alpha(opacity=90, finishopacity=90, style=2);
  	filter: Alpha(opacity=60, finishopacity=60, style=2);
  opacity			: 0.9;
  -moz-opacity		: 0.9;
  color				: #000000;
  position			: relative;
  left:-150px;
  height:188px;
  width:722px;
  margin-right:-150px;
}

#gu_beschreibung h3, #gu_beschreibung p {
	text-align		: right;
}

#gu_beschreibung h3 {
	padding-top		: 10px;
}

#gu_beschreibung h3 {
	font-size		: 15px;
	padding-bottom	: 5px;
}

#gu_beschreibung p {
	font-size		: 12px;
}

/*.gu_box190:hover {background-color: #E6EBEE;}*/
/*.gu_box190_extra:hover {background-color: #E6EBEE;}*/


/* #######################
/* ##  Produktübersicht	##
/* #######################*/

.pu_box140 {
	width			: 140px;
	height			: 140px;
	background-color: #F4F5F7;
	float			: left;
	border-right	: 1px solid #ffffff;
	border-top	: 1px solid #ffffff;
}

.cursor {
	cursor			: pointer;
}

.white {
	background-color	: #ffffff;
}

.pu_box140_extra {
	float			: right;
	height			: 147px;
	width			: 140px;
	background-color: #F4F5F7;
	border-left		: 1px solid #ffffff;
}

.pu_box140:hover {background-color: #E6EBEE;}
.pu_box140_extra:hover {background-color: #E6EBEE;}

.pu_leftimg {
	border				: 1px solid #ffffff;
	width				: 250px;
	height				: 570px;
	float				: left;
	background-color		: #a3a3a3;
}

.xx {
 	background-color	: #E6EBEE;
}

.pu_desc {
  	background-color: #ffffff;
	border-top		: 1px solid #ffffff;
	text-align		: right;
	filter			: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	filter			: Alpha(opacity=60, finishopacity=60, style=2);
	opacity			: 0.9;
	-moz-opacity	: 0.9;
	color			: #000000;
  	position		: relative;
  	left			: -150px;
  	height			: 146px;
  	width			: 854px;
  	margin-right	: -150px;
}

#pu_beschreibung h2, #pu_beschreibung p {
	text-align		: right;
}

.abstand_klein {
	padding			: 7px;
}

.abstand_klein a {
	color			: #666666;
}

.abstand_mittel {
	padding			: 0px 10px 10px 0px;
}

.abstand_gross {
	padding			: 15px;
}

.beschreibung_text {
	display			: none;
}

.bgrpos {
	background-repeat	: no-repeat;
	background-position	: center center;
}

/* #######################
/* ##  Produktansicht	##
/* #######################*/

/* Positionierung */

#produkt_beschreibung {
	float			: left;
	width			: 855px;
	border			: 1px solid #ffffff;
	background-color: #ffffff;
}

#produkt_beschreibung .linke_spalte {
	float			: left;
	width			: 620px;
	padding			: 10px;
}

#produkt_beschreibung .rechte_spalte {
	width			: 201px;
	float			: right;
}

.info_box {
	width			: 200px;
	background-color: #E6ECEE;
	border-top		: 1px solid #ffffff;
	border-left		: 1px solid #ffffff;
}

/* Überschriften */

#produkt_beschreibung .linke_spalte h2 {
	padding			: 5px 0px 0px 0px;
	color			: #009EE9;
}

#produkt_beschreibung .linke_spalte h3 {
	padding			: 0px 0px 5px 10px;
	font-size		: 11px;
	padding			: 20px 0px 10px 0px;
	color			: #0A405B;
}

.info_box h3 {
	color			: #A6BEC9;
	font-size		: 13px;
	padding			: 4px 0px 0px 5px;
}

.info_box ul {
	padding-bottom	: 0px;
}

.info_box img {
	display			: inline;
	vertical-align	: bottom;
}


.produkt_bild {
	background-color: #ffffff;
}

.right_caption {
	padding			: 0px;
	margin			: 0px;
}

.abstand_mittel.inhalt h2 {
	padding			: 0px 0px 5px 10px;
	font-size		: 11px;
	padding			: 20px 0px 10px 0px;
	color			: #0A405B;
}

.produkt_bild img {

	border-left		: 1px solid #ffffff;
	border-right	: 1px solid #ffffff;
}

.hellblaue_box {
	height			: 80px;
	width			: 200px;
	background-color: #C0E1F2;
	border-top		: 1px solid #ffffff;
	border-left		: 1px solid #ffffff;
}

div.option_links a {
	float: left;
	width: 200px;
	height: 20px;
}


/* ###############
/* ##  Page		##
/* ###############*/

.page_left {
	float:left;
	width:215px;
	padding-bottom:40px;
}

.page_middle {
	float:left;
	width:602px;
	padding-bottom:5px;
	padding-right:40px;
}

.page_right {
	float:left;
	width:100px;
	background-color:#cccccc;
}

.page_middle h1 {
	padding: 15px 0px 0px 0px;
	margin-left: -1px;
}

.page_middle h1.tmpl {
	padding:10px 0px 10px 0px;
}

.page_middle p {
	padding:3px 0px 3px 0px;
}

.box100x100 {
	float:left;
	width:100px;
	height:100px;
	border:1px solid #ffffff;
	border-bottom:0px;
	border-left:0px;
}

.box100x200 {
	float:left;
	width:201px;
	height:100px;
	border:1px solid #ffffff;
	border-bottom:0px;
	border-left:0px;
}

.box100x {
	float:left;
	width:201px;
	padding-bottom	: 7px;
	border:1px solid #ffffff;
	border-bottom:0px;
	border-left:0px;
}

.box100x ul li {
	padding-left	: 0px;
	margin-left		: 5px !important;
}


/* Farben */
.c1 {background-color:#F3F5F6}
.c2 {background-color:#E6ECEE}
.c3 {background-color:#D9EDF6}
.c4 {background-color:#C0E1F2}
.cx {background-color:#FFFFFF}


/* ###############
/* ##  Sitemap	##
/* ###############*/

.erste_ebene {
	display				: block;
	background-color	: #F3F5F6;
	padding				: 4px;
}

.sitemap a {
	display			: block;
	padding			: 2px;
}

.sitemap li a {
	border-bottom:1px dotted #cecece;
}

.sitemap li li a{
	border-bottom:0px;
}

.sitemap li ul li ul{
	padding:0px !important;
	margin:0px !important;
}

.sitemap li ul li {
	margin-left: 10px !important;
}

.sitemap li li li a{
	border-bottom:0px;

}

.sitemap .first a:hover {
	background-color: #F3F5F6;
}

/* #######################
/* ##  CAD-Download		##
/* #######################*/

a.icon_zip {
  display			: inline;
  padding			: 2px 0px 5px 20px;
  margin			: 0px;
  background-image	: url(img/zip.gif);
  background-repeat	: no-repeat;
  background-position: 0px 0px;
  text-decoration	: none;
  color				: #4A4A4A;
}

a.icon_pdf {
  display			: inline;
  padding			: 2px 0px 5px 20px;
  margin			: 0px;
  background-image	: url(img/pdf.gif);
  background-repeat	: no-repeat;
  background-position: 0px 0px;
  text-decoration	: none;
  color				: #4A4A4A;
}

.arrow_right {
  display			: block;
  float				: right;
  padding			: 0px 0px 5px 13px;
  margin			: 0px;
  background-image	: url(img/arrow.gif);
  background-repeat	: no-repeat;
  background-position: 0px 2px;
  text-decoration	: none;
  color				: #4A4A4A;
}

#content .left_cad_nav ul  {
	padding			: 5px 0px 0px 5px;
}

#content .left_cad_nav ul ul {
	padding			: 0px 0px 0px 0px;
}

/* #######################
/* ##  Suche			##
/* #######################*/

.blaettern a {
	display			: block;
	float:left;
	border			: 1px solid #cecece;
	margin-right	: 5px;
	vertical-align	: middle;
	text-align		: center;
	background-color: #ffffff;
	width			: 20px;
}


/* #######################
/* ##  Kontakt			##
/* #######################*/

ul.niederlassungen {
	list-style-type : none !important;
	padding:0px !important;
	margin:0px !important;
}

ul.niederlassungen li {
	display: block;
	margin: 3px 6px 3px 0px !important;
	padding: 2px 5px 2px 5px !important;
	float:left;
	border: 1px solid #cecece;
	background-image: none !important;
}

ul.niederlassungen li:hover, ul.niederlassungen a:hover {
	background-color: #47AADA;
	color:#ffffff !important;
}

.aktuell, .aktuell a {
	background-color: #47AADA !important;
	color:#ffffff !important;
}


/* ####################################### */
/* ##  Transparenz auf der Startseite	## */
/* ####################################### */

h2.transp {
	background-color:#ffffff;
	height:20px;
	padding:8px 5px 5px 8px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter:Alpha(opacity=80, finishopacity=80, style=1);
	opacity:0.80;
	-moz-opacity:0.80;
}

h2.transp a {
	height:20px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter:Alpha(opacity=100, finishopacity=100, style=1);
	opacity:1;
	-moz-opacity:1;
}

/* #################################
/* ##  Inhalt auf der Startseite  ##
/* ################################# */

#start_seite_inhalt p {
	padding: 2px 0px 2px 0px;
	margin: 0px;
}