* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
margin: 0;
padding: 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
}

body {
text-align: center; /* Für IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
}

div {
text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbündig ausgerichtet sind */
}

html, body {
height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}

P {
line-height : 21px;
margin-bottom: 15px;
}

ul
{
	line-height : 21px;
	margin-bottom : 15px;
	margin-top: 0px;
}

/* DIV-Boxen */
div#wrapperCountry {
position: relative;
margin: 0 auto;
width: 972px;
min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 100%; /* Mindesthöhe in IE (<7) */
}

div#wrapper {
position: relative;
margin: 0 auto;
width: 972px;
min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 100%; /* Mindesthöhe in IE (<7) */
background: url(/images/schatten-bg.jpg) repeat-y;
}

div#header {
height: 21px;
background: #ccc;
background: url(/images/schatten-bg.jpg) repeat-y;
margin-left: 11px;
margin-right: 11px;
}

div#leftCol {
width: 200px;
min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 100%; /* Mindesthöhe in IE (<7) */
float: left;
margin-left: 11px;
background: #ddd;
}

div#logo {
width: 200px;
height: 117px;
}

div#navigation {
width: 200px;
min-height: 300px;
height: 300px; /* Mindesthöhe in IE (<7) */
background: url(/images/nav-hintergrund.jpg) no-repeat;
padding-top: 15px;
}

div#adresse {
min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 100%; /* Mindesthöhe in IE (<7) */
font-size:11px;
line-height:15px;
background: #f0f0f0;
padding-left: 6px;
padding-top: 15px;
padding-bottom: 15px;
}

div#rightCol {
width: 750px;
float: right;
margin-right: 11px;
}

div#productpage {
overflow: hidden;
margin-top: 15px;
padding-bottom: 15px;
width: 720px;
border-bottom: #cccccc 1px solid;
}

div#overviewleft {
float: left;
padding-right: 15px;
}

div#overviewleft p {
line-height: 21px;
margin-bottom:15px;
}

div#overviewleft ul {
margin-bottom: 15px;
margin-left: 15px;
}

div#overviewleft ul li {
line-height: 21px;
}

div#overviewimage {
width:350px;
float: right;
}

div#product {
overflow: hidden;
width: 720px;
}

div#productleft {
float: left;
width: 485px;
padding-right: 25px;
}

div#productleft p {
line-height: 21px;
margin-bottom:15px;
}

div#productleft ul {
margin-bottom: 15px;
margin-left: 15px;
}

div#productleft ul li {
line-height: 21px;
}

div#productright {
float: right;
width: 210px;
}

div#productright p {
line-height: 21px;
margin-bottom:15px;
}

div#productright ul {
margin-bottom: 15px;
margin-left: 15px;
}

div#productright ul li {
line-height: 21px;
}


/* Klassen */
#content ul
{
line-height: 21px;
margin-bottom: 10px;
margin-left: 16px;
}

.country {
height: 21px;
background: #ccc;
width: 194px;
padding-left:6px;
font-weight:bold;
white-space: nowrap;
}

.path {
height: 21px;
background: #ccc;
}

.langselect {
height: 21px;
background: #ccc;
padding-right:10px;
text-align: right;
width: 100px;
}

.countryselect {
height: 21px;
background: #ccc;
margin-left: 15px;
text-align: right;
white-space: nowrap;
width: 200px;
}

.small
{
font-size: 11px;
}

.TopMenuItem
{
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:bold;
  border-style:none;
  padding-left:3px;
  cursor:pointer;
  width: 195px;
  height:18px;
  margin-bottom:5px;
  text-align:left;
  z-index: 9;
  
  color:#ffffff;
}

.TopMenuItem:HOVER
{
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:bold;
  border-style:none;
  padding-left:3px;
  cursor:pointer;
  width: 195px;
  height:18px;
  margin-bottom:5px;
  text-align:left;
  z-index: 9;
  
  background: url(/images/navi-verlauf.png) repeat-y;
  color:#000000;
}

.TopMenuItemOver
{
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:bold;
  border-style:none;
  padding-left:3px;
  cursor:pointer;
  width: 195px;
  height:18px;
  margin-bottom:5px;
  text-align:left;
  
  background: url(/images/navi-verlauf.png) repeat-y;
  color:#000000;
}

.TopMenuText
{
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:bold;
  border-style:none;
  cursor:pointer;
  width: 195px;
  height:18px;
  margin-bottom:5px;
  text-align:left;
  
  color:#ffffff;
}

.TopMenuText:HOVER
{
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:bold;
  border-style:none;
  cursor:pointer;
  width: 195px;
  height:18px;
  margin-bottom:5px;
  text-align:left;
  
  background: url(/images/navi-verlauf.png) repeat-y;
  color:#000000;
}

.TopMenuTextOver
{
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:bold;
  border-style:none;
  cursor:pointer;
  width: 195px;
  height:18px;
  margin-bottom:5px;
  text-align:left;
  
  background: url(/images/navi-verlauf.png) repeat-y;
  color:#000000;
}

.SubMenuText
{
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:bold;
  border-style:none;
  cursor:pointer;
  width: 195px;
  height:18px;
  margin-bottom:5px;
  text-align:left;
  
  color:#ffffff;
}

.SubMenuText:HOVER
{
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:bold;
  border-style:none;
  cursor:pointer;
  width: 195px;
  height:18px;
  margin-bottom:5px;
  text-align:left;
  
  background-color:#cccccc;
  color:#000000;
}

.SubMenuTextOver
{
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:bold;
  border-style:none;
  cursor:pointer;
  width: 195px;
  height:18px;
  margin-bottom:5px;
  text-align:left;
  
  background-color:#cccccc;
  color:#000000;
}

/* sonstige styles */
A
{
	color : #0072BA;
	text-decoration : none;
}

A:HOVER
{
	text-decoration: underline overline;
}

H1
{
	font-size : 15px;
	color : #333333;
	margin-bottom: 10px;
}

H2
{
	font-size : 13px;
	color : #333333;
	margin-bottom: 10px;
	margin-top : 15px;
}

hr
{
	color: #cccccc;
	height: 1px;
}

INPUT
{
color: #333333;
background-color: #ffffff;
border-color: #333333;
border-width: 1px;
border-style: Solid;
font-size: 12px;
}

SELECT
{
color: #333333;
background-color: #ffffff;
border-color: #333333;
border-width: 1px;
border-style: Solid;
font-size: 12px;
}


/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */