/*
Colors used:

#b6b6b6  bordercolor
#d9d9d9  graustufe navi right
#e6e6e6  graustufe bg
#ffffff  weiss 
#000000  schwarz

*/

/* Reset ---------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; 
border: 0; outline: 0; font-size: 100%; vertical-align: baseline; 
background: transparent; } body { line-height: 1; } ol, 
ul { list-style: none; } blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: '';
content: none; } :focus { outline: 0; } ins { text-decoration: none; }
 del { text-decoration: line-through; } table { border-collapse: collapse; 
border-spacing: 0; }

*
{margin:0;padding:0;border:0
} 

/* 
   General 
------------------------------------------------------------------- */

html {
font-size: 11px;
height: 100%;
padding-bottom: 1px;  /*force scrollbars*/
}

body{
background: #e6e6e6 url(../gif/body-bg.gif) repeat-x left top;
color: #000000;
font-family: arial, san-serif;
line-height: 1.4em;
font-size: 14px;
text-align: center;
color: black;
cursor: default;
height: 100%;
}

.clearer{
display: block;
font-size: 0;
line-height: 0;
height: 0;
/*clear: both;*/
margin: 0;
padding: 0;
border: 0;
}

/* Typografie -----------------------------------------------------*/
p, li {
font-size: 0.8em;
}

h1, h2, h3 {
text-align: left;
cursor: text;
}

h1 {
font-size: 1.8em;
font-weight: bold;
margin-bottom: .6em;
line-height: 1.2em;
}

h2{
font-size: 1.2em; 
font-weight: bold;
margin-top: .2em;
margin-bottom: .2em;
}

h3 {
font-size: 1.05em !important; 
font-weight: bold;	 
margin-top: .2em;
margin-bottom: .2em;
}

p, li, dd {
	font-size: .8em;
}



p {
	text-align: left;
	line-height: 1.3em;
	margin-bottom: 1em;
	cursor: text;
}


li {
	line-height: 1.3em;
}




/*----------------------------------------------------------*/
ul, ol{
text-align: left;
}


/* Anchors/Links --------------------------------------------*/
a {
background-color: inherit;
font-weight: normal;
text-decoration: none;
color: #009FF2;
cursor: pointer;
}

a:hover {
background-color: inherit;
color: #009FF2;
text-decoration: none;
}

a:active {
background-color: inherit;
color: #009FF2;
}

a:visited {
background-color: inherit;
color: #009FF2;
}


/* Images
----------------------------------------------------------*/
img {
border: none;
}


/* Special styles used throughout the site
----------------------------------------------------------*/
.hidden {
	display: none;
}

span.heading {
	font-weight: bold;
	text-align: left;
	display: block;
}

label, input, select { 
 /* float: right;*/
  width: 140px; 
  border: 1px solid #d9d9d9;
}

/***********************************************************
Global Layout definition
***********************************************************/
#wrapper{
margin: 0 auto;
z-index:1;
}

#wrapper-top{
width: 990px;
height: 85px;
position: relative;
margin: 0 auto;
min-height: 1px;
 z-index:3;
}

* html #logo-top{
height: 80px;
}

#logo-top{
width: 195px;
position: absolute;
height: 85px;
left: 795px;
top: 0px;
z-index:4;
}

* html #wrapper-body{
background: url(../gif/cc-bgmie.jpg) repeat-y;
margin: auto;
width: 980px;
}

#wrapper-body{
position: relative;
top: 0px;
left: 0px;
width: 990px;
background: url(../gif/cc-bgm.png) repeat-y;
margin: auto;
padding-bottom: 5px;
padding-top: 3px;
z-index:2;

margin-bottom: 20px;
}

#content-box{
/*position: relative;*/
background-color: #ffffff;
/*top: 5px;
left: 0px;*/
width: 960px;
margin: auto;
margin-top: 5px;
padding-bottom: 5px;
z-index:3;
border-bottom: 1px solid #d9d9d9;
overflow:hidden;
}

#left-side{
float: left;
width: 765px;
margin-top: 10px;
padding-left: 8px;
padding-bottom: 10px;
/*border: 1px solid #d9d9d9;*/
z-index:3;
overflow: hidden;
}
 
#footer{
height:25px;
width: 960px;
margin: auto;
background-color: #009ff2;
border-top: 1px solid #d9d9d9;
margin-bottom: 5px;
color: #ffffff;
text-align: center;
padding-top: 0.2em;
}

#footer p{
text-align: center;
}

/***********************************************************
Top Navigation definition   background: url(gfx/btn-normal1.gif);
***********************************************************/
#layout-top{
width: 990px;
height: 85px;
position: absolute;
left: 0px;
top: 0px;
 z-index:4;
}

* html #navi-top{
top: 57px; 
}

#navi-top{
position: absolute;
top:60px; 
left: 25px;
display: inline;
list-style-type: none;
height: 31px;
 z-index:4;
}



ul#navigiation{
display: inline;
list-style: none;
display: block;
height: 30px;
background-color: #ffffff;
 z-index:4;
}

ul#navigation li{
float: left;
background-image: url(../gif/btn-normal1.gif);
width: 104px;
height: 32px;
margin-left: -3px;
font-size: 1.0em;
line-height: 2em;
}

ul#navigation li:hover{
color: #000000;
background-image: url(../gif/btn-active1.gif);
height: 31px;
}

ul#navigation li:active{
color: #000000;
background-image: url(../gif/btn-active1.gif);
height: 31px;
}

ul#navigation a{
float: left;
width: 104px;
display: block;
margin-top: 5px;
color: #f5f5f5;
font-weight: bold;
text-align: center;
}

ul#navigation a:hover{
float: left;
width: 104px;
display: block;
margin-top: 5px;
color: #000000;
font-weight: bold;
text-align: center;
}

ul#navigation a:active{
float: left;
width: 104px;
display: block;
margin-top: 5px;
color: #000000;
font-weight: bold;
text-align: center;
}


/***********************************************************
Sidebar definition
***********************************************************/

#navi-right{
float: right;
width: 180px;
height: 670px;
margin-top: 10px;
/*border: 1px solid #d9d9d9;*/
background-color: #D9D9D9;
}

ul#product-menu li{
background-color: #ffffff;
display: block;
text-align: left;
font-weight: bold;
border-bottom: 1px solid #d9d9d9;
}

ul#product-menu a{
display:block;
color: #000000;
font-size: 11px;
line-height: 2em;
font-weight: bold;
padding-left: 0px;
}

ul#product-menu li:hover{
display:block;
background-color: #D9D9D9;
}


/*----Kundendienst und Promobox--------*/
.box {
/*margin-bottom: 0.6em;*/
/*height: 230px;*/
width: 180px; 
background-color: #d9d9d9;
}

.box-title {
background: #d9d9d9;
text-align: left;
font: bold 13px sans-serif;
padding: 3px 0px 3px 7px;

border-top: 1px solid #b6b6b6;
}

.box-title a{
font-size: 13px;
font-weight: bold;
color: #000000;

}


#box-pic {
padding: 0px 0px 0px 0px;
text-align: left;
font-size: 11px;
font-weight: bold;
/*IE hack nötig*/ 
}

.box-content {

padding: 0px 0px 0px 7px;
text-align: left;
font-size: 12px;
font-weight: bold;
line-height: 1.4em;
/*IE hack nötig*/ 
}

.breadcrumb {
border-bottom:1px solid #d9d9d9;
color:#999999;
font-family: arial, san-serif;
padding-left: 7px;
text-align: left;
font-size: 11px;
text-decoration: none;
margin-bottom:10px;
width: 750px;
}

.breadcrumb a{
color:#999999;

cursor: pointer; 
}

.breadcrumb a:hover{
color:#999999;

}

.breadcrumb a:focus{
color:#999999;

}

#breadimg  {
padding-bottom: 3px;

}

/*
#wrapper #wrapper-body #content-box #left-side iframe_shop {
width:100%;
height:99%;
}
*/


#home-link {
z-index: 10000;
float: left;
margin-top: 10px;
margin-left: 20px;
color: #000000;
}