/* --------------------------------------------------------------------

                            HTML TAGS

 --------------------------------------------------------------------*/
 
 /* CLEARING METHODS
----------------------------------------------------------------------------*/

	.clearfix:after { 
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0; 
		height: 0; 
		}
	
	.clearfix {
		display: inline-block; 
		}
	
	html[xmlns] .clearfix {
		display: block; 
		}
	
	* html .clearfix {
		height: 1%; 
		}
	
	.clear {
		clear: both; 
		}

html, body, textarea, input 
{
	font-family: Arial, Helvetica, sans-serif; color: #4b4b4b; 
}

body 
{
	font-size: .8em;
} 

td 
{
	_font-size: .8em; 
	_f\ont-size: 100%;
}

input, textarea, select 
{
	font-size: 100%;
}



html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 0.1px solid /*#6b6b6b*/ #C0C0C0;
}

body { background: /*#6b6b6b;*/ #C0C0C0; }

body.popup { background: #fff; }



form {margin:0px; display: inline}

th {text-align: left; font-weight: bold; }

img {border:none;}

img.bordered { border: 1px solid #1081b8; }

img.greyBordered { border: 1px solid #cfcfc5; }

img.nonBordered { border: none !important; }


p { margin: 0 0 13px 0; }


/*  HEADliNE - Styles */

h1 {display: inline; margin: 0px; padding: 0;}

h2 {font-weight: bold; color: #4b4b4b; font-size: 1.4em;  margin: 0px 0px 20px 0px; }

h3 {color: #4b4b4b; font-size: 1.2em; margin: 25px 0px 10px 0px; }

h4 {font-size: 1em; font-weight: bold; color: #4b4b4b; margin: 0 0 15px 0;  font-size: 1.2em;  }

h5 {font-size: 1em; font-weight: bold; color: #4b4b4b; margin: 0;  }

/*hr { height:1px; color: #758eb1 ; background: #758eb1 ; border: none; margin: 5px 0 15px 0;}*/

dt { font-size: 1em; font-weight: bold; color: #003967; margin: 0 0 5px 0; border-bottom: 1px solid #fff; }

dd { margin: 0 0 5px 15px;  }

/* -------------------------------------------------------------------------------

                            STANDARD CLASSES

 -------------------------------------------------------------------------------------*/

.small			{ font-size: 0.9em;}

.underline 	{ text-decoration: underline }

a:link, a:visited, a:hover, a:active  { color : #4b4b4b; text-decoration: none;}

a:hover, a:active { text-decoration:underline;}

a.worldmapLink { position: absolute; background: none !important; }

div.worldmapInfo{
	position: absolute; 
	visibility: hidden;
}

.hr{ background: transparent url(../../images/line_fade_blue.jpg) center right no-repeat; height: 22px; margin: 10px 0 0;}
.hr hr{ display: none; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TABLES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.optic1 td, table.optic1 th {
	padding: 3px;
	vertical-align: top;
}

table.optic2{
  border-spacing: 0;
  empty-cells: show;
}

table.optic2 td{
  border:1px solid #1081B8;
  border-collapse: collapse;
}

table td{ vertical-align: top; text-align: left; }


/*------------- 2-spaltiges Layout ---------------------*/

table.twoCols td { vertical-align: top;}

table.twoCols td.firstCol { padding: 0 10px 0 0; width: 138px;}

table.twoCols td.firstCol ul { margin:0; padding:0 0 0 12px; list-style: square; }

table.twoCols td.firstCol li { margin:0; padding:0; list-style: square; }

table.twoCols td.firstCol li a:link, table.twoCols td.firstCol li a:visited { text-decoration: none !important;  }

table.twoCols td.secondCol { width: 277px; }

table.twoCols td.textCol { width: 440px; }

table.twoCols td.imageCol { width: 240px; text-align: right; }

table.twoCols td.imageCol img { border: 0px solid #cfcfc5; }

table.optic3 td, table.optic3 th {
	color: #969696;
	vertical-align: top;
	padding:2px;
	border-bottom: 1px dotted #0076ba;
}

table.optic3{
	margin-bottom: 15px;
}

table.optic3 thead th{
 border-bottom: 1px solid #0076baF;
 color: #5A5A5A;
}

table.optic3 thead td{
	color: #0076ba;
}

table.optic3 tr:hover{
	background-color: #cfcfc5;
}
/*~###################################################################################################

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                                                         LAYOUT

----------------------------------------------------------------------------------------------------*/



#contentHolder{
  position: relative;
  width: 1000px;
  margin: 0 auto;
  background: #fff;
  padding: 0px;
  overflow: visible;
}

#headRow *a{
  _position:relative; /*hack damit links auf dem alphaloader (boxen) funktionieren*/
}

#headRow { height: 285px; margin-top: 20px; }

#topbar { height: 112px; background: none; position: relative; }

#headRow h1 span { display: none; }

#headRow h1.subhead {
  position: absolute;
  color: #fff;
  top: 233px;
  right: 30px;
  /*height: 26px;*/
  width: 700px;
  line-height: 1.8em;
  =line-height: 1.2em;
  text-align: right;
  z-index: 92;
}

#upper {
  background-color: #0076ba;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  height: 62px;
  width: 1000px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
}

.pd #upper {
  background-color: #c4c4c4;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

.pd #lower {
  display: none;
  /*background-color: #E4E4E4;*/
}

#line {
  position: absolute;
  top: 62px;
  left: 0;
  height: 1px;
  width: 746px;
  z-index: 91;
  background: transparent url(../../images/whiteline.png) 0 0 no-repeat;
  _background: transparent;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://staging.com2-gmbh.de/martin/bilsteintemp/images/chrome/whiteline.png', sizingMethod='crop');
}

#subline {
  position: absolute;
  top: 262px;
  left: 0;
  height: 1px;
  width: 746px;
  z-index: 91;
  background: transparent url(../../images/whiteline.png) 0 0 no-repeat;
  _background: transparent;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://staging.com2-gmbh.de/martin/bilsteintemp/images/chrome/whiteline.png', sizingMethod='crop');
}

#infobox {
   position: absolute;
   top: 262px;
   left: 0;
   height: 19px;
   width: 200px;
   z-index: 91;
   color: #4A4A4A;
   background: #fff;
   filter: alpha(opacity=90);
   -moz-opacity: 0.9;
   opacity: 0.9;
   vertical-align: middle;
   padding: 3px 0 3px 30px;
   font-size: 1.2em;
}

#lower {
   background-color: #0076ba;
   filter: alpha(opacity=30);
   -moz-opacity: 0.3;
   opacity: 0.3;
   height: 22px;
   width: 1000px;
   position: absolute;
   top: 62px;
   left: 0;
   z-index: 90;
}

h1#logo{
	position: absolute;
	right: 0;
	top: 5px;
	z-index: 95;
	margin: 0;
}

h1#logo a {
	cursor: pointer;
	display: block;
	_width: 154px;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://staging.com2-gmbh.de/martin/bilsteintemp/images/chrome/bilstein-logo.png', sizingMethod='crop');
}

h1#logo a img { _visibility: hidden;}

#topbar ul {
	list-style: none;
	padding: 0 0 0 15px;
	margin: 0;
	position: absolute;
	top: 21px;
	height: 41px;
	left: 0;
	z-Index: 100;
	font-size: 12px !important;
}

#topbar ul li {
	list-style: none;
	padding: 0;
	margin: 0 0 0 5px;
	float: left;
	color: #fff;
	position: relative;
	behavior: none;
	=behavior: expression( this.onmouseover = new Function("this.className += ' suckerfishHover';"), this.onmouseout = new Function("this.className = this.className.replace(' suckerfishHover', '');"),this.style.behavior = null);
}

#topbar ul li a {
	display: block;
	height: 31px;
	padding: 10px 0 0 12px;
	vertical-align: middle;
	text-align: left;
	width: 80px;
	font-size: 1.2em;
}


/* ----- Top navigation ----- */

#topbar ul li#id1 a { width: 85px; }
#topbar ul li#id2 a { width: 85px; }
#topbar ul li#id3 a { width: 70px; }
#topbar ul li#id4 a { width: 90px; }
#topbar ul li#id5 a { width: 65px; }
#topbar ul li#id6 a { width: 130px; }
#topbar ul li#id7 a { width: 40px; }
#topbar ul li#id8 a { width: 40px; }


/* ------ PERFORMANCE DAYS ------ */

#topbar ul li#id271 a { width: 150px; color: #ffdc00; }

#topbar ul li.active a,

#topbar ul li.active a:link,

#topbar ul li.active a:visited {
	color: #ede000;
	background: transparent url(../../images/topnavi_arrow.png) 0 0 no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://staging.com2-gmbh.de/martin/bilsteintemp/images/chrome/topnavi_arrow.png', sizingMethod='crop');
}

#topbar ul li a:link, #topbar ul li a:visited, #topbar ul li a:hover, #topbar ul li a:active { color: #fff; background: none; text-decoration: none; }

#topbar ul li:hover a,

#topbar ul li.suckerfishHover a {
	color: #ede000 !important;
}

#topbar ul li:hover a,

#topbar ul li.suckerfishHover a,

#topbar ul li:hover a:link,

#topbar ul li.suckerfishHover a:link,

#topbar ul li:hover a:visited,

#topbar ul li.suckerfishHover a:visited {
	background: transparent url(../../images/arrow_background.png) 0 0 no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://staging.com2-gmbh.de/martin/bilsteintemp/images/chrome/arrow_background.png', sizingMethod='crop');
}

#topbar ul li:hover ul,

#topbar ul li.suckerfishHover ul { display: block; }

/* ----------------------------------------- */

/* suckerfish menu for the second navi layer */

/* ----------------------------------------- */

#topbar ul li ul {
	position: absolute;
	display: none;
	margin: 0;
	padding: 0;
	top: 41px;
	left: 3px;
	width: 210px;
	background: #fff;
	color: #6A6A6A;
	height: auto;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#topbar ul li ul li {
	float: none;
	height: 20px;
	width: 210px;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}

#topbar ul li ul li a, #topbar ul li ul li a:link, #topbar ul li ul li a:visited, #topbar ul li ul li a:hover, #topbar ul li ul li a:active {
	color: #6A6A6A !important;
	display: block;
	padding: 2px 2px 2px 10px;
	height: 20px;
	width: 210px !important;
	_width: 210px !important;
	background: transparent !important;
	background-image: none;
	_filter: none !important;
}

#topbar ul li ul li a:hover, #topbar ul li ul li a:active {
	color: #2B2A2A !important;
	background: transparent url(../../images/subnavi_arrow.gif) 0 4px no-repeat !important;
}

.pd #topbar ul li ul li a:hover, #topbar ul li ul li a:active {
	color: #2B2A2A !important;
	background: transparent url(../../images/pd_subnavi_arrow.gif) 0 4px no-repeat !important;
}


/* ----------------------------------------- */

/*          secondary navi layer             */

/* ----------------------------------------- */

#secondaryNav, #leftFunctionBox {
	font-size: 12px !important;
}

#secondaryNav {
	position: absolute;
	top: 275px;
	left: 0;
}

#secondaryNav ul {
	list-style: none;
	padding: 0 0 0 15px;
	margin: 0;
	position: absolute;
	top: 21px;
	height: 41px;
	left: 0;
	z-Index: 100;
}

#secondaryNav ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #fff;
	font-size: 1.2em;
	width: 200px;
}

#secondaryNav ul li a,

#secondaryNav ul li a:link,

#secondaryNav ul li a:visited,

#secondaryNav ul li a:hover,

#secondaryNav ul li a:active {
	display: block;
	width: 195px;
	text-decoration: none;
	padding: 2px 0 0 10px;
}

#secondaryNav ul li ul {
	position: relative;
	top: 10px;
	left: -15px;
}

#secondaryNav ul li ul li { font-size: 0.8em; margin: 4px 0; background: none; border: none; padding-bottom: 1px;}

#secondaryNav ul li ul li.active {
	padding-bottom: 0px;
	background: transparent url(../../images/secsubnavi_arrow.gif) 0 7px no-repeat !important;
	border-bottom: 1px solid #0076ba;
}

.pd #secondaryNav ul li ul li.active {
	padding-bottom: 0px;
	background: transparent url(../../images/pd_secsubnavi_arrow.gif) 0 7px no-repeat !important;
	border-bottom: 1px solid #ede000;
}

#secondaryNav ul li ul li a,

#secondaryNav ul li ul li a:link,

#secondaryNav ul li ul li a:visited,

#secondaryNav ul li ul li a:hover,

#secondaryNav ul li ul li a:active
{ padding: 2px 0 0 10px; width: 195px; height: 18px; }

#secondaryNav ul li ul li a:hover,

#secondaryNav ul li ul li a:active {
	text-decoration: none;
	background: transparent url(../../images/secsubnavi_arrow_slim.gif) 0 7px no-repeat !important;
}

.pd #secondaryNav ul li ul li a:hover,

.pd #secondaryNav ul li ul li a:active {
	text-decoration: none;
	background: transparent url(../../images/pd_secsubnavi_arrow_slim.gif) 0 7px no-repeat !important;
}



/*secsubnavi_arrow.gif*/

/* ----------------------- CONTENT --------------------------------- */

#content { width: 770px; margin: 0 0 0 230px; min-height: 300px; _height: 300px; }

#content table { margin-top: 20px; border: none; }

#bigTeaser {
	height: 220px;
	border: none;
	background: transparent url(../../images/bottom_right_border.gif) bottom right no-repeat;
}

.smallTeaser {
	border: none;
	background: transparent url(../../images/bottom_right_border.gif) bottom right no-repeat;
}

#content table .rightBox,

#content table .rightBoxWide { background: transparent url(../../images/cell_faded_line_bottom.jpg) bottom left no-repeat;}

#content table .rightBoxSingle { background: transparent url(../../images/bottom_left_border.gif) bottom left no-repeat;}

#content table td.rightBottomBoxSingle { background: transparent url(../../images/left_faded_border.gif) top left no-repeat;}

#content table .leftBottomBox { background: transparent url(../../images/cell_faded_center_lines.jpg) top left no-repeat; }

#content table .leftBottomBoxSmall { background: transparent url(../../images/cell_faded_center_lines_small.jpg) top left no-repeat; }

#content table .leftBottomBox img,

#content table .leftBottomBoxSmall img { margin-left: 1px; }

#content table .centerBottomBox { background: transparent url(../../images/cell_faded_line_left.jpg) top right no-repeat;}

.topPadd { padding-top: 18px; }

.pd .topPadd { padding: 16px 0; }



#content table td div,

#content table td.rightBoxWide div,

#content table td.rightBottomBoxWide div { width: 180px; float:right; }

#content table td.rightBox div,

#content table td.rightBottomBoxSingle div,

#content table .rightBoxSingle div { width: 130px; float:right; }

#content table td.rightBottomBoxSingle h3,

#content table .rightBoxSingle h3 { margin: 0; padding: 0; }

#content table td.rightBottomBox div { width: 130px; float:right; }

#content table td div a,

#content table td div a:link,

#content table td div a:visited,

#content table td div a:hover,

#content table td div a:active { color: #0076ba; font-weight: bold; }



.pd #content table td div a,

.pd #content table td div a:link,

.pd #content table td div a:visited,

.pd #content table td div a:hover,

.pd #content table td div a:active { color: #EDE000; font-weight: bold; }


#content a,

#content a:link,

#content a:visited,

#content a:hover,

#content a:active { color: #0076ba; font-weight: bold; }


#inner { width: 560px; margin-top: 10px; }

.pd #inner { width: 500px; }


#galTextBox { /*width: 620px;*/ margin-top: 10px; padding: 15px 150px 0 10px; }

.galImg { width: 330px; float: right; margin: 0px -50px 10px 20px; }
.galImg_2 { width: 140px; float: right; margin: 15px 0px 0px 100px; }

.galleryImg { width: 310px; height:250px; float: right; margin: 0px 0px 10px 20px; }
.galleryImg_2 { width: 142px; float: right; margin: 15px 0px 10px 100px; }

.galleryImg #large, .galleryImg #large2 { border: 5px solid #e1e1e1; height: 225px; }
.galleryImg_2 #large { border: 1px solid #ccc; height: 190px; }
.galleryImg #large img, .galleryImg #large2 img, .galleryImg #large img { display: block; }
.galleryImg ul, .galleryImg_2 ul { margin: 0px; padding: 0px; list-style: none;}

.galleryImg ul li, .galleryImg_2 ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.galleryImg ul li a, .galleryImg_2 ul li a { 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #e1e1e1; 
color: #000; 
text-decoration: none; 
display: block; 
} 

.galleryImg ul li a.current, .galleryImg_2 ul li a.current{ 
background: #fff; 
color: #e1e1e1; 
} 

#galTextBox ul.default
{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 20px;
	list-style-type: square;
}

#galTextBox .thumb, #galTextBoxHome .thumb
{
	float: right;
	margin: 20px 0px 3px 100px;
	border: 1px solid #ccc;
}

#galTextBoxHome .news
{
	float: left;
	margin: 3px 15px 3px 0px;
	border: 5px solid #e1e1e1;
}

#galTextBoxHome
{
	margin-top: 10px;
	width: 500px;
}

#galTextBoxHome .news-item
{
	padding: 0px 15px 10px 0px;
	margin: 0px;
	border-right: 1px solid #b2d6ea;
	border-bottom: 1px solid #b2d6ea;
}

#galTextBoxHome .last
{
	border-bottom: none;
}

#galTextBoxHome .news-item h3
{
	margin: 0px 0px 10px 0px;
	padding: 15px 0px 0px 0px;
}

#galTextBox .clear, #galTextBoxHome .clear
{
	clear: both;
}

#galTextBox .clear-left, #galTextBoxHome .clear-left
{
	clear: left;
}

#galTextBox ul.sitemap
{
	margin: 0px 0px 0px 16px;
}

#galTextBox ul.sitemap ul
{
	margin: 5px 0px 10px 20px;
}

#galTextBox ul.sitemap li
{
	margin: 0px 0px 3px 0px;
}

#banners
{
	width: 235px;
	float: right;
	margin: 20px 00px 0px 0px;
}

#banners .inner
{
	width: 200px;
}

#banners h3
{
	font-size: 12px;
	margin-top: 0px;
}

#banners p
{
	font-size: 11px;
}

#inner p,

#galTextBox p,

.textCol p { line-height: 160%; }


#galImageBox { float: right; display: block; width: 350px; margin: 5px 0 0 20px; padding: 0; }

/*
#international { position: absolute; top: 660px; left: 0; padding: 0 0 0 26px; }
*/
#international img { margin: 0px 0px 5px 20px; }


/* Galeriedarstellung */

.galerieTable,

.galerieText { width: 350px; font-size: 0.9em; }

.galerieText { padding: 4px 45px 0 8px; }

.galerieNav { width: 30px !important; float: none !important; }

.galerieTable img { border: 0px solid #cfcfc5; }

td.navCell { width: 30px; text-align: center; padding-top: 20px; }

.galerieNav img { display: block; margin: 30px 5px !important; border: none; }


/*
#funcnavi { position: absolute; top: 720px; left: 0; padding: 0 0 0 26px; }
*/

#funcnavi ul { list-style: none; margin: 10px 0px 0px 20px; padding: 0; }

#funcnavi ul li { list-style: none; margin: 0; padding: 0px 0px 3px 0px;;  }

#rightBox { position: absolute; top: 370px; right: 0px; width: 200px; margin: 0; padding: 0; }

.pd #rightBox { width: 210px; top: 340px; margin: 0 20px; }

#rightBox div { width: 140px; }

#leftFunctionBox {
	width: 200px;
	position: absolute;
	padding: 0 0 0 26px;
	left: 0px;
	top: 530px;
}

#copyright{
	margin: 25px 0 0 0;
	font-size: .9em;
}

#copyright a { color: #4b4b4b;     }


.imgDownload

{
margin-right: 10px;
border: 4px solid #E1E1E1;
}





/*----------------------- Popup Special Optik ---------------------------------*/

body.popup #topNav{background: transparent url(../../images/popup-head.gif) no-repeat; height: 22px; }

/*body.popup #topNav ul{ margin: 0; padding: 34px 3px 0 10px; list-style: none;}*/

body.popup #topNav ul{ margin: 0; padding: 0 3px 0 10px; list-style: none;}

body.popup #topNav li{ margin: 0; padding: 0; list-style: none;}

body.popup #content{ color: #4b4b4b; width: auto !important; margin: 0;}

body.popup a { font-weight: bold; }

body.popup img {border: 1px solid /*#f0e026;*/#cfcfc5; }





/*======================= CSSFORMS: Breiten der spalten ================================*/

.cssForm fieldset{width: 560px; } /* [A]+[B]+10px*/

.cssForm label { width: 140px; } /* [A] */

.cssForm .rightCol {padding-left: 145px; /* [A]+5px */ width: 404px; /* [B] */}

.cssForm input, .cssForm select,

.cssForm textarea, .cssForm .exInput,

.cssForm .exTextarea { width: 404px; /* [B] */ }

.cssForm select { width: 406px; =width: 408px; }


.cssForm input, .cssForm textarea, .cssForm .exInput,

.cssForm .exTextarea {
	border: 1px solid #cfcfc5;
}

.cssForm.smallForm { margin: 0 0 10px 0; }

.cssForm.smallForm label {
	padding: 0 0 2px 0;
	margin: 0;
}


.cssForm.smallForm input, .cssForm.smallForm select,

.cssForm.smallForm textarea, .cssForm.smallForm .exInput,

.cssForm.smallForm .exTextarea {
	width: 133px;
	border-top: 1px solid #969696;
	border-left: 1px solid #969696;
	border-bottom: 1px solid #fbfbfb;
	border-right: 1px solid #fbfbfb;
	margin-top: 0;
}

.cssForm.smallForm select { width: 139px; }

.cssForm.smallForm .smallButton {
	background: #838383 url(../../images/small_button.gif) no-repeat left center;
	border: none !important;
	margin: 0 0 2px 4px;
	font-size:0pt;
	height:15px !important;
	width:15px !important;
}

/* TWINROW: eine zeile beinhaltet label>input>label>input */

.cssForm .twinRow input, .cssForm .twinRow select,

.cssForm .twinRow textarea, .cssForm .twinRow .exInput,

.cssForm .twinRow .exTextarea { width: 83px; /* ([B]-[A]-12)/2 */ margin-right: 10px; _margin-right: 9px;  }

.cssForm .assignment select {width: 200px;}

/*======================= CSSFORMS: Optik der Buttons ================================*/

input.button{
	background: #fff url(../../images/button_background.gif) no-repeat 4px 7px;
	border: 1px solid #F0E426 !important; /*A5ACB2 ist WinXP Style*/
	color: #084ca6;
	padding: 1px 5px 1px 12px !important;
}

fieldset{  border:1px solid #cfcfc5 !important;}

.cssForm label { border-bottom: none !important;}

input[type=text], input[type=file], input[type=password],

button, select, textarea, input.textInput {
	border: 1px solid #cfcfc5 ; /* A5ACB2 ist WinXP Style*/
}

.hint, .error{ background-color: #F0E426; color: #003967; font-weight: bold; }

input.error{ border: 1px solid #003967; background: #F0E426}


/*======================= GALLERY ================================*/


/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
	position: relative; 
	overflow: hidden;  
	border: 5px solid #e1e1e1;   
	margin: 0 0 1px 0; 
} 

.galImg_2 .stripViewer
{
	border: 1px solid #ccc; 
}

.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #e1e1e1; 
color: #000; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #e1e1e1; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
} 


/* Footer */

#impressum
{
	margin: -90px 0px 0px 0px;
}

#footer
{
	background-color: #e0eef6;
	font: normal 12px Arial, Helvetica, sans-serif; 
	color: #4b4b4b; 
	margin: 30px 0px 0px 0px;
	padding: 10px 0px 10px 20px;
}

#footer span
{
	margin: 8px 20px 0px 0px;
	float: right;
}

#footer a
{
	text-decoration: underline;
}

#footer a:hover
{
	text-decoration: none;
}

/* suplement */

.news-images
{
float: left;
width: 175px;
}

.clearBoth
{
clear: both;
}

#test-logo {
	position: absolute !important;
	top: 350px !important;
	left: 55px !important;
	}
	
#garancija-logo {
	position: absolute !important;
	top: 350px !important;
	left: 45px !important;
	}
	
.images-warranty {
	border: 4px solid #e1e1e1;
	margin: 0 10px 10px 0;
	}
	
.news-content-floated {
	float: right;
	width: 280px;
	}
	
.news-image-block {
	float: left;
	width: 180px;
	padding-top: 3px;
	}
	
.news-image-block img {
	margin-bottom: 10px;
	border: 5px solid #e1e1e1;
	}