/*---- Layout ----*/
div
{
	/* this is for netscape 4's sake */
	padding: 0;
	margin: 0;
}

body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color: #5e5e5e;
	padding: 20px 2.5em 20px 2.5em;  /* -- oben|rechts|unten|links -- */	
	margin: 0;
	max-width:1500px;
}


#oldbrowser
{
	text-align: center;
}

#leftcolumn
{
	margin-right: -200px;	/* IE 4 fix */
	
}
#leftColumn
{
	float: left;
	width: 150px;
	
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}
#contentColumn
{
	font-size:11px;
	width: auto;
	margin-left: 149px;
	
}

#contentColumn_big
{
font-size:11px;
	width: auto;
	background-color:#fff;
}

#contentColumn_big_start
{
	width: auto;
	height:380px;
	background:url(pub/gfx/bg_startscreen.jpg) center no-repeat;
}

#contentColumn_big_start_en
{
	width: auto;
	height:380px;
	background:url(pub/gfx/bg_startscreen_en.jpg) center no-repeat;
}

#innerLeftColumn{

}

#footer
{
	clear: both;
}
#innerFooter
{
	text-align: right;
	background:url(pub/gfx/bg_footer.jpg) top left repeat-x;
	height:60px;
}

#innerFooter span{
display:block;
font-size:11px;
padding-top:8px;
padding-right:17px;
}

#innerFooter a{
text-decoration:none;
}

#innerContentColumn
{
	padding:15px;
	overflow: visible;

}

#innerContentColumn_big
{
	padding:15px;
	overflow: visible;
	background-color:#fff;

}


#masthead, #footer
{
	z-index: 10;
}

/*---- Borders ----*/


.ro {
	background:url(pub/gfx/shadow_ro.gif) top right no-repeat;
}

.lo {
	background:url(pub/gfx/shadow_lo.gif) top left no-repeat;
}

.ru {
	background:url(pub/gfx/shadow_ru.gif) bottom right no-repeat;
}

.lu {
	background:url(pub/gfx/shadow_lu.gif) bottom left no-repeat;
}

#shadow_container{
padding:13px 16px 13px 16px;
}

#pageFrame
{
	margin:0;
	min-width: 500px;
	background:url(pub/gfx/bg_pageframe.jpg) top left repeat-y;
	
}



#footer, #innerLeftColumn, #innerContentColumn, #contentColumn, .hnav
{
	border: solid 0px #000;
}



#innerLeftColumn
{
 background: url(pub/gfx/bg_leftcolumn.jpg) top left repeat-x;
}
#innerContentColumn
{
 background:url(pub/gfx/border_shadow.jpg) top left repeat-x;
}

* html #innerContentColumn {
position:relative;
left:-3px;
}





/*---- Visual Elements ----*/

#masthead{
background:url(pub/gfx/header_bg.jpg) top left repeat-x;
}



#masthead img{
display:block;
margin:0;
border:0;
}

.hide
{
	display: none;
}

/*---- Simple Horizontal Navigation for IE 4/5.0/NS4 ----*/
.hnav
{
	white-space: nowrap;
	margin: 0;
	color: #000;
}

.hnav ul
{
	text-align: center;
	list-style-type: none;
	line-height: normal;
	margin: 0;
	padding: 0;
}
.hnav ul li
{
	display: inline;
	white-space: nowrap;
	/*/*/ /*/display: none;/*  */
}


/*---- Hacks ---*/

div#oldbrowser
{
	display: none;	/* hide the standards compliant warning - this isn't a catch all, but works for old browsers */
}
a img
{
	border-width: 0;	/* remove the border around linked images. <img border="0" ..../> is invalid in XHTML 1.1 */
}
#innerLeftColumn img
{
	display: block;
	margin: 0 auto;
	text-align: center;	/* IE 5 centering hack */
}


#LeftColumn{
 background: url(pub/gfx/bg_leftcolumn.jpg) top left repeat-x;
}




* html #masthead
{
	position: relative;
}

/* --- Button Language en --*/

#btn_lang_en{
	height: 35px;
	width: 40px;
	/* -- text-indent: 10000px; -- */
	overflow: hidden;
	background: url(pub/gfx/flags.gif) bottom left no-repeat;
	display: block;
	float:right;
	margin-right:10px;
	margin-top:10px;
	text-decoration:none;
	}
	
	
html>body #btn_lang_en{
height: 35px;
	width: 40px;
	/* -- text-indent: 10000px; -- */
	overflow: hidden;
	background: url(pub/gfx/flags.gif) bottom left no-repeat;
	display: block;
	float:right;
	text-decoration:none;
	}	

#btn_lang_en:hover{
	background-position: top left;
	}


/* --- Button Language --*/

#btn_lang{
	height: 35px;
	width: 40px;
	/* -- text-indent: 10000px; -- */
	overflow: hidden;
	background: url(pub/gfx/flags.gif) top left no-repeat;
	display: block;
	float:right;
	margin-right:10px;
	margin-top:10px;
	text-decoration:none;
	}
	
	
html>body #btn_lang{
height: 35px;
	width: 40px;
	/* -- text-indent: 10000px; -- */
	overflow: hidden;
	background: url(pub/gfx/flags.gif) top left no-repeat;
	display: block;
	float:right;text-decoration:none;
	}	

#btn_lang:hover{
	background-position: bottom left;
	}
	
	
div#content_right {
float:right;
width:290px;
text-align:right;
}
	
div#content_left {
margin-right:295px;
}


div#content_right_big {
margin-left:300px;
}
	
div#content_left_small {
float:left;
width:290px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* --- Formular --- */

#formular { margin:0 auto; padding:0; }
/* start style formular */
form { margin:0; padding:0;}
fieldset {width:390px; border:1px solid #ccc; padding:10px; margin:5px; text-align:left;}
fieldset:hover {border-color:#333;}
fieldset#checkbox input  {width:35px;}
legend {font-size:11px; color:#5e5e5e; font-weight:bold; padding:5px; margin:5px; background:none;}
label { color:#666; font-size:11px; margin:0 3px 3px 0; padding:0; line-height:1.5em; width:120px; display:block; float:left; clear:left;}
input {border:1px solid #5e5e5e; padding-left:0.3em; margin-bottom:0.6em; width:240px; background: #ebebeb;}
select {border:1px solid #5e5e5e; padding-left:0.3em; margin-bottom:0.6em; background:#ebebeb; width:100px;}
option {color:#000;}
textarea {width:244px; border:1px solid #5e5e5e; background: #ebebeb;}
.plz {width:50px;}
.ort {width:180px;}
.strasse {width:200px;}
.strnummer {width:30px;}
.submitbtn {width:123px; background:#ebebeb; border:1px solid; border-color:#999 #333 #333 #999; color:#000; cursor:pointer; padding:0; margin:0;}
.submitbtn:hover {background:#ccc; color:#000; border:1px solid; }
/* ende style formular */

#formular_haendler fieldset {width:500px;}
#check_btn {margin:0px; padding:0px; padding-left:0.3em; background:#fff; border:none; }


/*bestellformular*/
#bestell { margin:0 auto; padding:0; }


#bestell input {border:1px solid #5e5e5e; width:25px; background: #ebebeb; margin:0px; padding:0px;}
#bestell select {border:1px solid #5e5e5e; padding-left:0.3em; margin-bottom:0.6em; background:#ebebeb; width:100px;}
#bestell option {color:#000;}
#bestell textarea {width:244px; border:1px solid #5e5e5e; background: #ebebeb;}

#bestell_kontakt fieldset {width:428px; margin:0px;}

#bestell_kontakt .plz {width:50px;}
#bestell_kontakt .ort {width:180px;}
#bestell_kontakt .strasse {width:200px;}
#bestell_kontakt .strnummer {width:30px;}
#bestell_kontakt .submitbtn {width:123px; background:#ebebeb; border:1px solid; border-color:#999 #333 #333 #999; color:#000; cursor:pointer; padding:0; margin:0;}
#bestell_kontakt .submitbtn:hover {background:#ccc; color:#000; border:1px solid; }
#bestell_kontakt legend {font-size:11px; color:#5e5e5e; font-weight:bold; padding:5px; margin:5px; background:none;}
#bestell_kontakt label { color:#666; font-size:11px; margin:0 3px 3px 0; padding:0; line-height:1.5em; width:120px; display:block; float:left; clear:left;}
#bestell_kontakt input {border:1px solid #5e5e5e; padding-left:0.3em; margin-bottom:0.6em; width:240px; background: #ebebeb;}
#bestell_kontakt select {border:1px solid #5e5e5e; padding-left:0.3em; margin-bottom:0.6em; background:#ebebeb; width:100px;}
#bestell_kontakt option {color:#000;}
#bestell_kontakt textarea {width:244px; border:1px solid #5e5e5e; background: #ebebeb;}
#bestell_kontakt fieldset#checkbox input {width:35px;}

/*--- Textstyles ---*/

p{
font-size:1.05em;
line-height:150%;
}

#headline h1{
font-size:14px;
color: #5e5e5e;
margin-top:8px;
}

h1{
font-size:14px;
color: #5e5e5e;
}


#liste{
list-style:disc;
line-height:100%;
font-size:1.1em;
}

#liste li {
margin-top:0px;
margin-bottom:0px;
line-height:150%;
}

a {color:#5e5e5e;}

.tooltips {text-decoration:none; background-color:#ebebeb; border:1px solid #d8d8d8; padding-left:2px; padding-right:2px;}


.textlink {text-decoration:underline;}
a.textlink:link {color:#5e5e5e;}
a.textlink:visited { color:#5e5e5e; }
a.textlink:hover { color:#5e5e5e;}
a.textlink:active { color:#5e5e5e;}
a.textlink:focus { color:#5e5e5e;}

#trenner {
width:100%;
height:14px;
margin-top:10px;
margin-bottom:10px;
}

html>body #trenner{
margin-top:15px;
}

.product_pics {
border: 1px solid #dddddd;
margin-left:70px;
margin-top:10px;
}

#product_table td {
vertical-align:top;
}

#tab_outerborder{
margin-top:10px;
border:1px solid #dbdbdb;
background-color:#f4f4f4;
}

#price_exkl {
font-size:1.4em;
font-weight:bold;
margin-top:3px;
margin-bottom:3px;
padding:0px;
padding-right:2px;
}

#price_inkl{
display:block;
font-weight:bold;
font-size:1.1em;
margin-bottom:10px;
color:#bababa;
padding-right:2px;
}

#angebot_headline {
display:block;
font-size:2.5em;
margin-top:4px;
}

#angebot_description{
font-size:1.4em;
}

.ungerade { background-color:#efefef;}

/* Formatierung der Tabellen f&uuml;r die HAndydetail-Ausgabe */
#data table{color:#333;  border:1px solid #ccc;}
#data table p{padding: 0; margin: 0;}
#data table caption {text-align:left; display:none;}
#data th { text-align:left;font-family:Arial, Helvetica, sans-serif;padding:0.2em; font-size:1em;border:1px solid #fff;}
#data td { text-align:left;font-family:Arial, Helvetica, sans-serif; padding:0.2em;border:1px solid #fff;}
.table_head {font: 1.1em bold;background-color:#efefef; padding:0.4em;}
#data a acronym{text-decoration: underline;}

#data {
float:left;
margin-right:20px;
width:330px;
font-size:90%;
}

/* Formatierung der Tabellen f&uuml;r die HAndydetail-Ausgabe */
#data01 table{color:#333;  border:1px solid #ccc;}
#data01 table p{padding: 0; margin: 0;}
#data01 table caption {text-align:left; display:none;}
#data01 th { text-align:left;font-family:Arial, Helvetica, sans-serif;padding:0.2em; font-size:1em;border:1px solid #fff;}
#data01 td { text-align:left;font-family:Arial, Helvetica, sans-serif; padding:0.2em;border:1px solid #fff;}
.table_head {font: 1.1em bold;background-color:#efefef; padding:0.4em;}
#data01 a acronym{text-decoration: underline;}

#data01 {
float:left;
width:330px;
font-size:90%;
}

/* Formatierung der Tabellen f&uuml;r die HAndydetail-Ausgabe */
#data02 table{color:#5e5e5e; border:1px solid #ccc; border-right:none; background-color:#fcfcfc;}
#data02 table p{padding: 0; margin: 0;}
#data02 table caption {text-align:left; display:none;}
#data02 th { text-align:left;font-family:Arial, Helvetica, sans-serif;padding:0.2em; font-size:1.3em; border-right:1px solid #ccc;}
#data02 td { height:3em;vertical-align:middle;font-family:Arial, Helvetica, sans-serif; padding:0.2em; border-top:1px solid #ccc; border-right:1px solid #ccc; padding-right:3px; padding-left:5px;}
.table_head {font: 1.1em bold;background-color:#efefef; padding:0.4em; }
#data02 a acronym{text-decoration: underline;}

#data02 {
width:450px;
font-size:100%;
}

#data02 .label 
{
	background-color:#efefef;
	background-image: url(pub/gfx/produkte_zeigen.gif);
	background-repeat:no-repeat;
	background-position:right;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	padding:5px;
	border:1px solid #ccc;
}

#data02 .label_en
{
	background-color:#efefef;
	background-image: url(pub/gfx/show_products.gif);
	background-repeat:no-repeat;
	background-position:right;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	padding:5px;
	border:1px solid #ccc;
}

#tab_gps_empfaenger input{
font-size:1.05em;
text-align:center;
}

.bin_weg {
display:none;
}

.bin_da {
display: table-row;
}

