html {
width: 100%;
height: 100%;
}

body {
background-color: white;
padding: 0;
margin: 0;
font-family: arial, sans-serif;
color: rgb(80,80,80);
font-size: 9pt;
line-height: 12pt;
width: 100%;
text-align: center;
}

/* ---------------------------- Headerbereich --------------------------- */

div.langchoose{
width: 924px;
text-align: right;
padding-top: 20px;
}

div.titel {
margin-left: auto;
margin-right: auto;
width: 922px;
height: 370px;
padding: 0;
border-width: 0 1px;
border-style: solid;
border-color: rgb(165,165,165);
}

div.titel2 {
margin-left: auto;
margin-right: auto;
width: 922px;
height: 330px;
padding: 0;
border-width: 0 1px;
border-style: solid;
border-color: rgb(165,165,165);
position: relative;
}

div.titel3 {
position: relative;
margin-left: auto;
margin-right: auto;
width: 922px;
height: 442px;
padding: 0;
border-width: 0 1px;
border-style: solid;
border-color: rgb(165,165,165);
}

/* ---------------------------- Kleines Men� ganz oben --------------------------- */

div.oben1 {
margin-left: auto;
margin-right: auto;
width: 924px;
height: 115px;
background: url(../img/balkenoben.gif) repeat-x;
padding: 0;
text-align: left;
}

ul.menu_oben {
list-style-type: none;
width: 924px;
padding: 0;
margin: 0;
font-size: 7.5pt;
}

li.menu_oben1 { display: block; float: right; width: 75px; height: 18px; background: url(../img/menu_oben_on.gif) no-repeat; margin: 0; padding: 0; color: rgb(80,80,80); text-decoration: none; 
text-align: left; text-indent: 8px;}
li.menu_oben2 { display: block; float: right; width: 75px; height: 18px; background: rgb(255,255,255); margin: 0; padding: 0; color: rgb(80,80,80); text-decoration: none; 
text-align: left; text-indent: 8px;}

li.menu_oben1 a:link{ display: block; float: right; width: 75px; height: 18px; background: url(../img/menu_oben_off.gif) no-repeat; color: rgb(255,255,255); text-decoration: none;}
li.menu_oben2 a:link{ display: block; float: right; width: 75px; height: 18px; background: rgb(125,125,125); color: rgb(255,255,255); text-decoration: none;}

li.menu_oben1 a:visited{ display: block; float: right; width: 75px; height: 18px; background: url(../img/menu_oben_off.gif) no-repeat; color: rgb(255,255,255); text-decoration: none;}
li.menu_oben2 a:visited{ display: block; float: right; width: 75px; height: 18px; background: rgb(125,125,125); color: rgb(255,255,255); text-decoration: none;}

li.menu_oben1 a:hover{ display: block; float: right; width: 75px; height: 18px; background: url(../img/menu_oben_on.gif) no-repeat; margin: 0; color: rgb(125,125,125); text-decoration: none;}
li.menu_oben2 a:hover{ display: block; float: right; width: 75px; height: 18px; background: rgb(255,255,255); margin: 0; color: rgb(125,125,125); text-decoration: none;}

li.menu_oben1 a:active{ display: block; float: right; width: 75px; height: 18px; background: url(../img/menu_oben_on.gif) no-repeat; margin: 0; color: rgb(255,255,255); text-decoration: none;}
li.menu_oben2 a:active{ display: block; float: right; width: 75px; height: 18px; background: rgb(125,125,125); margin: 0; color: rgb(255,255,255); text-decoration: none;}

/* ---------------------------- Main Men� Level 1 --------------------------- */

div.menu {
margin-left: auto;
margin-right: auto;
display: block;
padding: 0;
border: 0;
text-align: left;
height: 35px;
width: 924px;
background: white;
border: 0;
}

div.menua {
float: left;
display: block;
padding: 0;
border: 0;
text-align: left;
height: 35px;
width: 312px;
background: url(../img/menuaend.gif) bottom right no-repeat;
}

div.menua_sub {
float: left;
display: block;
padding: 0;
border: 0;
text-align: left;
height: 34px;
width: 311px;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: rgb(165,165,165);
}

ul.main {
float: left;
list-style-type: none;
width: 612px;
padding: 0;
margin: 0;
border: 0;
font-size: 9pt;
}

li.menu1 { display: block; float: left; width: 123px; height: 35px; background: url(../img/menu3a.gif) no-repeat; margin: 0; padding: 0; color: rgb(80,80,80); text-decoration: none;}
li.menu1a { display: block; float: left; width: 123px; height: 35px; background: url(../img/menu3b.gif) no-repeat; margin: 0; padding: 0; color: rgb(80,80,80); text-decoration: none;}
li.menu2 { display: block; float: left; width: 122px; height: 35px; background: url(../img/menu4a.gif) no-repeat; margin: 0; padding: 0; color: rgb(80,80,80); text-decoration: none;}
li.menu3 { display: block; float: left; width: 123px; height: 35px; background: url(../img/menu5a.gif) no-repeat; margin: 0; padding: 0; color: rgb(80,80,80); text-decoration: none;}

li.menu1 a:link{ display: block; float: left; width: 123px; height: 35px; background: url(../img/menu3.gif) no-repeat; color: rgb(255,255,255); text-decoration: none;}
li.menu1a a:link{ display: block; float: left; width: 123px; height: 35px; background: url(../img/menu3b.gif) no-repeat; color: rgb(255,255,255); text-decoration: none;}
li.menu2 a:link{ display: block; float: left; width: 122px; height: 35px; background: url(../img/menu1.gif) no-repeat; color: rgb(255,255,255); text-decoration: none;}
li.menu3 a:link{ display: block; float: left; width: 123px; height: 35px; background: url(../img/menu2.gif) no-repeat; color: rgb(255,255,255); text-decoration: none;}

li.menu1 a:visited{ display: block; float: left; width: 123px; height: 35px; background: url(../img/menu3.gif) no-repeat; color: rgb(255,255,255); text-decoration: none;}
li.menu1a a:visited{ display: block; float: left; width: 123px; height: 35px; background: url(../img/menu3b.gif) no-repeat; color: rgb(255,255,255); text-decoration: none;}
li.menu2 a:visited{ display: block; float: left; width: 122px; height: 35px; background: url(../img/menu1.gif) no-repeat; color: rgb(255,255,255); text-decoration: none;}
li.menu3 a:visited{ display: block; float: left; width: 123px; height: 35px; background: url(../img/menu2.gif) no-repeat; color: rgb(255,255,255); text-decoration: none;}

li.menu1 a:hover{ display: block; float: left; width: 123px; height: 35px; background: url(../img/menu3a.gif) no-repeat; margin: 0; color: rgb(80,80,80); text-decoration: none;}
li.menu1a a:hover{ display: block; float: left; width: 123px; height: 35px; background: url(../img/menu3c.gif) no-repeat; margin: 0; color: rgb(80,80,80); text-decoration: none;}
li.menu2 a:hover{ display: block; float: left; width: 122px; height: 35px; background: url(../img/menu4a.gif) no-repeat; margin: 0; color: rgb(80,80,80); text-decoration: none;}
li.menu3 a:hover{ display: block; float: left; width: 123px; height: 35px; background: url(../img/menu5a.gif) no-repeat; color: rgb(80,80,80); text-decoration: none;}

li.menu1 a:active{ display: block; float: left; width: 123px; height: 35px; background: url(../img/menu3a.gif) no-repeat; margin: 0; color: rgb(80,80,80); text-decoration: none;}
li.menu1a a:active{ display: block; float: left; width: 123px; height: 35px; background: url(../img/menu3c.gif) no-repeat; margin: 0; color: rgb(80,80,80); text-decoration: none;}
li.menu2 a:active{ display: block; float: left; width: 122px; height: 35px; background: url(../img/menu4a.gif) no-repeat; margin: 0; color: rgb(80,80,80); text-decoration: none;}
li.menu3 a:active{ display: block; float: left; width: 123px; height: 35px; background: url(../img/menu5a.gif) no-repeat; color: rgb(80,80,80); text-decoration: none;}

/* ---------------------------- Main Men� Level 2 --------------------------- */

div.menusub {
margin-top: 1px;
margin-left: auto;
margin-right: auto;
display: block;
padding: 0;
border: 0;
text-align: left;
height: 35px;
width: 924px;
border: 0;
}

ul.sub {
float: left;
list-style-type: none;
/*width: 612px;*/
padding: 0;
margin: 0;
border: 0;
font-size: 9pt;
}

li.submenu1 { display: block; float: left; width: 123px; height: 35px; background: url(../img/submenu1.gif) no-repeat; margin: 0; padding: 0; color: rgb(80,80,80); text-decoration: none;}
li.submenu2 { display: block; float: left; width: 122px; height: 35px; background: url(../img/menu4a.gif) no-repeat; margin: 0; padding: 0; color: rgb(80,80,80); text-decoration: none;}
li.submenu3 { display: block; float: left; width: 122px; height: 35px; background: rgb(125,125,125); margin: 0; padding: 0; color: rgb(80,80,80); text-decoration: none;}
li.submenu4 { display: block; float: left; width: 123px; height: 35px; background: rgb(125,125,125); margin: 0; padding: 0; color: rgb(80,80,80); text-decoration: none;}

li.submenu1 a:link{ display: block; float: left; width: 123px; height: 35px; background: url(../img/menu1.gif) no-repeat; color: rgb(255,255,255); text-decoration: none;}
li.submenu2 a:link{ display: block; float: left; width: 122px; height: 35px; background: rgb(125,125,125); color: rgb(255,255,255); text-decoration: none;}
li.submenu3 a:link{ display: block; float: left; width: 122px; height: 35px; background: rgb(125,125,125); color: rgb(255,255,255); text-decoration: none;}
li.submenu4 a:link{ display: block; float: left; width: 123px; height: 35px; background: rgb(125,125,125); color: rgb(255,255,255); text-decoration: none;}

li.submenu1 a:visited{ display: block; float: left; width: 123px; height: 35px; background: url(../img/menu1.gif) no-repeat; color: rgb(255,255,255); text-decoration: none;}
li.submenu2 a:visited{ display: block; float: left; width: 122px; height: 35px; background: rgb(125,125,125); color: rgb(255,255,255); text-decoration: none;}
li.submenu3 a:visited{ display: block; float: left; width: 122px; height: 35px; background: rgb(125,125,125); color: rgb(255,255,255); text-decoration: none;}
li.submenu4 a:visited{ display: block; float: left; width: 123px; height: 35px; background: rgb(125,125,125); color: rgb(255,255,255); text-decoration: none;}

li.submenu1 a:hover{ display: block; float: left; width: 123px; height: 35px; background: url(../img/menu1.gif) no-repeat; margin: 0; color: rgb(80,80,80); text-decoration: none;}
li.submenu2 a:hover{ display: block; float: left; width: 122px; height: 35px; background: url(../img/menu4a.gif) no-repeat; margin: 0; color: rgb(80,80,80); text-decoration: none;}
li.submenu3 a:hover{ display: block; float: left; width: 122px; height: 35px; background: url(../img/menu4a.gif) no-repeat; color: rgb(80,80,80); text-decoration: none;}
li.submenu4 a:hover{ display: block; float: left; width: 123px; height: 35px; background: url(../img/menu4a.gif) no-repeat; color: rgb(80,80,80); text-decoration: none;}

li.submenu1 a:active{ display: block; float: left; width: 123px; height: 35px; background: url(../img/menu1.gif) no-repeat; margin: 0; color: rgb(80,80,80); text-decoration: none;}
li.submenu2 a:active{ display: block; float: left; width: 122px; height: 35px; background: url(../img/menu4a.gif) no-repeat; margin: 0; color: rgb(255,255,255); text-decoration: none;}
li.submenu3 a:active{ display: block; float: left; width: 122px; height: 35px; background: url(../img/menu5a.gif) no-repeat; color: rgb(80,80,80); text-decoration: none;}
li.submenu4 a:active{ display: block; float: left; width: 123px; height: 35px; background: url(../img/menu5a.gif) no-repeat; color: rgb(80,80,80); text-decoration: none;}

div.menub {
float: none;
display: block;
padding: 0;
border: 0;
text-align: left;
height: 35px;
/*width: 312px;*/
background: url(../img/menubend.gif) bottom right no-repeat;
}

/* ---------------------------- Allgemeines zu den Men�s --------------------------- */

.einschub {
width: 110px;
height: 23px;
padding: 10px 0 0 12px;
margin: 0;
display: block;
}

.link {
cursor: pointer;
}

/* ---------------------------- Textlinks --------------------------- */

a.copy {
color: rgb(80,80,80);
text-decoration: none;
font-size: 8pt;
}

a.copy:link {
color: rgb(80,80,80);
text-decoration: none;
}

a.copy:visited {
color: rgb(80,80,80);
text-decoration: none;
}

a.copy:hover {
color: rgb(165,165,165);
text-decoration: underline;
padding: 0;
}

a.copy:active {
color: rgb(80,80,80);
text-decoration: underline;
}

a.text {
color: rgb(80,80,80);
text-decoration: none;
}

a.text:link {
color: rgb(80,80,80);
text-decoration: underline;
}

a.text:visited {
color: rgb(80,80,80);
text-decoration: underline;
}

a.text:hover {
color: rgb(165,165,165);
text-decoration: none;
}

a.text:active {
color: rgb(80,80,80);
text-decoration: underline;
}

a.text_hl {
color: #7F9ABC;
text-decoration: none;
}

a.text_hl:link {
color: #7F9ABC;
text-decoration: underline;
}

a.text_hl:visited {
color: #7F9ABC;
text-decoration: underline;
}

a.text_hl:hover {
color: rgb(165,165,165);
text-decoration: none;
}

a.text_hl:active {
color: #7F9ABC;
text-decoration: underline;
}


/* ---------------------------- Div Contentbereich --------------------------- */

div.content {
margin: 0 auto;
clear: both;
display: block;
padding: 0 0 12px 0;
border: 0;
text-align: left;
width: 924px;
border: 0;
}

div.dreier {
float: left;
display: block;
margin: 12px 12px 0px 0;
padding: 0;
width: 300px;
text-align: left;
}

div.dreierend {
float: left;
display: block;
margin: 12px 0 0 0;
padding: 0;
width: 300px;
text-align: left;
}

div.mitte_drei {
display: block;
margin: 0;
padding: 12px;
width: 274px;
text-align: left;
border-width: 0 1px;
border-style: solid;
border-color: rgb(165,165,165);
}

div.zweier {
float: left;
display: block;
margin: 12px 12px 0 0;
padding: 0;
width: 612px;
text-align: left;
}

div.mitte2XtraKlasse{
display: block;
margin: 0;
padding: 12px;
width: 586px;
text-align: left;
border-width: 0 1px;
border-style: solid;
border-color: rgb(165,165,165);
}

div.mitte_zwei {
display: block;
margin: 0;
padding: 12px;
width: 586px;
text-align: left;
border-width: 0 1px;
border-style: solid;
border-color: rgb(165,165,165);
}

/* ---------------------------- Footer --------------------------- */

div.copyright {
margin-left: auto;
margin-right: auto;
padding: 0;
width: 922px;
border-width: 0 1px;
border-color: rgb(165,165,165);
border-style: solid;
}

div.copyright2 {
float: left;
margin: 0;
padding: 0;
text-align: left;
/*width: 624px;*/
font-size: 8pt;
text-indent: 8px;
line-height: 15px;
}

div.copyright3 {
margin: 0 0 0 630px;
padding: 0;
text-align: right;
width: 280px;
font-size: 8pt;
text-indent: 8px;
line-height: 15px;
}

div.margin{
clear: both; 
margin-bottom: 24px;
}


/* ---------------------------- Img & Strong & Unsinniges f�r den IE--------------------------- */

p {
padding: 0;
margin: 0 0 15px 0;
}

img.farbenshop {
border-width: 0;
margin: 0 12px 0 0;
}

img.rund1 {
clear: both;
border-width: 0;
margin: 0 0 0 0px;
padding: 0;
}

img.rund2 {
clear: both;
border-width: 0;
margin: 0 0 12px 0px;
padding: 0;
}

.warensym {
cursor: pointer;
border: 0;
}

img {
border-width: 0;
padding: 0;
margin: 0;
}

.acmlogo {
margin: -10px 0 0 40px;
}

strong {
font-weight: bold;
}

.acm {
font-weight: normal;
font-size: 1.1em;
}

div.rundung1 {
height: 4px;
padding: 0;
margin: 0;
}

div.rundung2 {
height: 4px;
padding: 0;
margin: 0 0 12px 0;
}

div.rundung3 {
height: 3px;
padding: 0;
margin: 0;
}

div.rundung4 {
height: 3px;
padding: 0;
margin: 0 0 12px 0;
}

/* ---------------------------- Headlines --------------------------- */

h1.header {
display: block;
text-align: left;
position: absolute;
width: 380px;
top: 240px;
left: 50%;
right: 50%;
margin: 0 0 0 -380px;
padding: 0;
font-size: 1.8em;
line-height: 1.3em;
font-weight: normal;
color: rgb(80,80,80);
z-index: 10;
}

h1.sub-content {
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight: normal;
}

h2 {
padding: 0;
margin: 0 0 12px 0;
font-size: 1.5em;
font-weight: normal;
}

h2.no-margin {
padding: 0;
margin: 0;
font-size: 1.5em;
font-weight: normal;
}

h3 {
padding: 0;
margin: 0 0 1px 0;
font-size: 1.2em;
font-weight: bold;
}

h4 {
padding: 0;
margin: 16pt 0 4pt 0;
font-size: 1.2em;
font-weight: bold;
}

h5 {
padding: 0;
margin: 4pt 0 0 0;
font-size: 1em;
font-weight: bold;
}


/* ---------------------------- Shop --------------------------- */

div.article_pic_wrapper{
	clear: both;
}


div.errormessage{
color: #7F9ABC;
}


div.shop5050_1 {
float: left;
padding: 0;
margin: 0 0 8px 0;
width: 405px;
}

div.preisschild {
float: left;
width: 108px;
height: 20px;
padding: 16px 0 0 12px;
margin: 0 12px 0 8px;
color: white;
background: url(../img/preisschild.gif) no-repeat;
text-align: left;
}

div.warenkorb {
float: left;
cursor: pointer;
width: 108px;
height: 20px;
padding: 16px 0 12px 12px;
margin: 0 12px 0 0;
color: white;
background: url(../img/preisschild.gif) no-repeat;
text-align: left;
}

div.artPlaceHolder{
	float: left;
	overflow: hidden;
	position: relative;
}

div.picture_select{
	width: 50px;
	float: right;
}

div.picture_slider{
	float: left; 
	cursor: pointer;
	padding: 12px 14px 16px 14px;
	color: white;
	font-weight: bolder;
	font-size:15pt;
	background: url(../img/farbe_grau.gif) no-repeat center;
	margin-top: 100px;
}

/* ---------------------------- Warenkorb --------------------------- */

div.mwst{
	font-size: 8pt;
	line-height: 11pt; 
}

img.waren {
float: left;
border: 0;
margin: 0 10px 0 0;
padding: 0;
}

div.warenkorb1 {
clear: both;
margin: 0;
padding: 10px 0 12px 6px;
width: 292px;
border-width: 0 1px;
border-style: solid;
border-color: rgb(165,165,165);
background: rgb(165,165,165);
color: white;
}

div.warenkorb2 {
clear: both;
margin: 0;
/*padding: 10px 0 12px 6px;*/
padding: 7px 0 8px 6px;
width: 292px;
border-width: 0 1px;
border-style: solid;
border-color: rgb(165,165,165);
color: rgb(80,80,80);
}

table {
/*width: 172px;*/
border-collapse: collapse;
font-size: 8pt;
margin: 0;
}

td.ce90 {
width: 86px;
height: 20px;
}

div.warenkorb1 td {
border-width: 0 0 1px 0;
border-style: solid;
border-color: white;
}

div.warenkorb2 td {
border-width: 0 0 1px 0;
border-style: solid;
border-color: rgb(80,80,80);
}

div.gesamt1 {
width: 300px;
padding: 0 0 50px 0;
margin: 0;
border: 0;
}

div.gesamt2 {
float: left;
width: 145px;
height: 36px;
padding: 14px 12px 0 12px;
background: rgb(125,125,125);
color: white;	
}

div.gesamt3 {
float: left;
text-align: right;
width: 107px;
height: 36px;
padding: 14px 12px 0 12px;
background: rgb(125,125,125);
color: white;	
}

/* ---------------------------- Spezifikationen --------------------------- */

ul.speziul {
list-style-type: none;
padding: 0;
margin: 1px 0;
border: 0;
font-size: 9pt;
}

li.spezi { line-height:12pt; margin: 0; padding: 0; color: rgb(80,80,80); text-decoration: none;}
li.spezi a:link { color: rgb(80,80,80); text-decoration: none; }
li.spezi a:visited{ color: rgb(80,80,80); text-decoration: none; }
li.spezi a:hover{
	color: rgb(165,165,165);
	text-decoration: underline;
}
li.spezi a:active{ 
	color: rgb(165,165,165);
	text-decoration: underline;

}

div.spezi1 {
float: left;
width: 230px;
margin: 0;
}

div.spezi2 {
width: 380px;
margin: 0;
height: 240px;
overflow: hidden;
position: absolute;
top: 570px;
left: 50%;
right: 50%;
margin-left: -230px
}

div.faq {
width: 380px;
margin: 0;
height: 240px;
overflow: hidden;
position: absolute;
top: 533px;
left: 50%;
right: 50%;
margin-left: -230px
}

h3.scrollhighlight{
	/*background-color: rgb(165,165,165);
	color: white;*/
}

div.scroller{
position: relative;
padding: 3px;
width: 350px;
height: 100%;
}

#feature ul{
	margin:5px 0;
	padding:0 0 0 30px;
}

/* ---------------------------- Teaser --------------------------- */

div.teaser_spezi {
margin: 0 0 12px 0;
padding: 12px;
width: 276px;
height: 72px;
background: url(../img/icons/spezifi.gif) top left no-repeat;
border: 0;
}

div.teaser_shop {
margin: 0 0 12px 0;
padding: 12px;
width: 276px;
height: 72px;
background: url(../img/icons/shop.gif) top left no-repeat;
border: 0;
}

a.teaser:link {
text-decoration: none;
}

a.teaser:visited {
text-decoration: none;
}

a.teaser_3d{
margin: 0 0 12px 0;
padding: 12px;
width: 276px;
height: 72px;
background: url(../img/icons/3d.gif) top left no-repeat;
border: 0;
display: block;
}


a.teaser_3d:hover{
margin: 0 0 12px 0;
padding: 12px;
width: 276px;
height: 72px;
background: url(../img/icons/3d.gif) top left no-repeat;
border: 0;
display: block;
}

a.teaser_spec{
margin: 0 0 12px 0;
padding: 12px;
width: 276px;
height: 72px;
background: url(../img/icons/spezifi.gif) top left no-repeat;
border: 0;
display: block;
}
a.teaser_spec:hover{
margin: 0 0 12px 0;
padding: 12px;
width: 276px;
height: 72px;
background: url(../img/icons/spezifi.gif) top left no-repeat;
border: 0;
display: block;
}

a.teaser_shop{
margin: 0 0 12px 0;
padding: 12px;
width: 276px;
height: 72px;
background: url(../img/icons/shop.gif) top left no-repeat;
border: 0;
display: block;
}
a.teaser_shop:hover{
margin: 0 0 12px 0;
padding: 12px;
width: 276px;
height: 72px;
background: url(../img/icons/shop.gif) top left no-repeat;
border: 0;
display: block;
}
a.teaser_partner{
margin: 0 0 12px 0;
padding: 12px;
width: 276px;
height: 72px;
background: url(../img/icons/partner.gif) top left no-repeat;
border: 0;
display: block;
}
a.teaser_partner:hover{
margin: 0 0 12px 0;
padding: 12px;
width: 276px;
height: 72px;
background: url(../img/icons/partner.gif) top left no-repeat;
border: 0;
display: block;
}

a.teaser_tell{
margin: 0 0 12px 0;
padding: 12px;
width: 276px;
height: 72px;
background: url(../img/icons/tell2.gif) top left no-repeat;
border: 0;
display: block;
}
a.teaser_tell:hover{
margin: 0 0 12px 0;
padding: 12px;
width: 276px;
height: 72px;
background: url(../img/icons/tell2.gif) top left no-repeat;
border: 0;
display: block;
}

a.teaser_reason{
margin: 0 0 12px 0;
padding: 12px;
width: 276px;
height: 72px;
background: url(../img/icons/reasons.gif) top left no-repeat;
border: 0;
display: block;
}
a.teaser_reason:hover{
margin: 0 0 12px 0;
padding: 12px;
width: 276px;
height: 72px;
background: url(../img/icons/reasons.gif) top left no-repeat;
border: 0;
display: block;
}

a.teaser_giveaway{
margin: 0 0 12px 0;
padding: 12px;
width: 276px;
height: 72px;
background: url(../img/icons/give.gif) top left no-repeat;
border: 0;
display: block;
}
a.teaser_giveaway:hover{
margin: 0 0 12px 0;
padding: 12px;
width: 276px;
height: 72px;
background: url(../img/icons/give.gif) top left no-repeat;
border: 0;
display: block;
}

a.teaser_info{
margin: 0 0 12px 0;
padding: 12px;
width: 276px;
height: 72px;
background: url(../img/icons/pdf2.gif) top left no-repeat;
border: 0;
display: block;
}
a.teaser_info:hover{
margin: 0 0 12px 0;
padding: 12px;
width: 276px;
height: 72px;
background: url(../img/icons/pdf2.gif) top left no-repeat;
border: 0;
display: block;
}



span.teaser_header{
padding: 0;
margin: 0 0 24px 0;
font-size: 1.5em;
font-weight: normal;
text-decoration: none;
}

/* ---------------------------- agb --------------------------- */


table.agb {
width: 400px;
border-collapse: collapse;
font-size: 9pt;
margin: 12px 0 0 12px;
}

td.agb1 {
width: 99px;
height: 20px;
border-width: 0 0 1px 0;
border-color: rgb(165,165,165);
border-style: solid;
padding: 3px 3px 3px 5px;
}

td.agb2 {
width: 300px;
height: 20px;
padding: 3px 3px 3px 10px;
border-width: 0 0 1px 1px;
border-color: rgb(165,165,165);
border-style: solid;
}

td.agb3 {
width: 99px;
height: 20px;
border-width: 0;
border-color: rgb(165,165,165);
border-style: solid;
padding: 3px 3px 3px 5px;
}

td.agb4 {
width: 300px;
height: 20px;
padding: 3px 3px 3px 10px;
border-width: 0 0 0 1px;
border-color: rgb(165,165,165);
border-style: solid;
}

td.agb5 {
width: 100px;
height: 20px;
padding: 3px 3px 3px 5px;
font-weight: bold;
}

td.agb6 {
width: 300px;
height: 20px;
padding: 3px 3px 3px 10px;
}

/* ---------------------------- Formulare --------------------------- */

div.form_left {
margin: 0 0 12px 0;
width: 278px;
padding: 2px 0 2px 5px;
border: 1px solid rgb(150,150,150);
font-size: 8pt;
}

div.form_left2 {
margin: 0 0 12px 0;
width: 577px;
padding: 2px 0 2px 5px;
border: 1px solid rgb(150,150,150);
font-size: 8pt;
}

div.form_plz {
float: left;
margin: 0 0 12px 0;
width: 47px;
padding: 2px 0 2px 5px;
border: 1px solid rgb(150,150,150);
font-size: 8pt;
}

div.form_ort {
/*margin: 0 0 12px 55px;*/
margin: 0 0 12px 12px;
float: left;
width: 209px;
padding: 2px 0 2px 5px;
border: 1px solid rgb(150,150,150);
font-size: 8pt;
}

textarea {
width: 570px;
height: 80px;
border: 1px solid rgb(255,255,255);
padding: 0;
font-size: 9pt;
}

input {
border: 1px solid rgb(255,255,255);
padding: 0;
height: 20px;
width: 272px;
font-size: 9pt;
}

option {
padding: 1px;
width: 259px;
}

option.lastcheck{
	width: 150px;
}

input.plz {
border: 1px solid rgb(255,255,255);
padding: 0;
height: 20px;
/*width:*/
font-size: 9pt;
}

input.ort {
border: 1px solid rgb(255,255,255);
padding: 0;
height: 20px;
/*width: 200px;*/
font-size: 9pt;
}

input.checksmall{
width: 1em;
height: 1em;
}

input.button {
clear: both;
border: 1px solid rgb(150,150,150);
height: 20px;
width: 90px;
font-size: 8pt;
margin: 0 12px 0 0;
}

div.kontakt1 {
clear: left;
float: left;
width: 283px;
}

div.kontakt2 {
margin: 0 0 0 298px;
width: 283px;
}

input.radio{
width: 1em;
height: 1em;
}

div.kontakt3 {
clear: left;
margin: 0 0 12px 0;
width: 588px;
}

div.radio {
margin: 5px 0 10px;
}

div.clear {
clear: both;
}

/* ---------------------------- Flash --------------------------- */
div.animation{
	margin: 12px 0px 0px 0px; 
}


/*------------------------------ News ----------------------------*/
div.news_content{
	margin-top: 5px;
}

.newsheadline{
	margin: 5px 0 2px 0;
}

.more_article{
	margin-top: 5px;
}

.more_article a{
	color: #7F9ABC;
	text-decoration: underline;
}

.news_content p{
	margin: 0;
	padding: 0;
}

.teaser a, .news_article a {
color: rgb(80,80,80);
text-decoration: none;
}

.teaser a:link, .news_article a:link {
color: rgb(80,80,80);
text-decoration: underline;
}

.teaser a:visited, .news_article a:visited {
color: rgb(80,80,80);
text-decoration: underline;
}

.teaser a:hover, .news_article a:hover {
color: rgb(165,165,165);
text-decoration: none;
}

.teaser a:active, .news_article a:active {
color: rgb(80,80,80);
text-decoration: underline;
}

#archive ul{
	margin-bottom: 5px;
	padding: 0 0 0 0;
	list-style-type: none;
}

.full_view{
	margin-top: 5px;
}

.archive_header{
	font-weight: bold;
	font-size: 10pt;
}


/*------------ Downloads ------------*/
#downloads{
	text-align: left;
}

#downloads{
	padding-left: 20px;
}

#downloads ul{
	margin: 0;
	margin-left: 30px;
	padding: 3px;
	list-style-type: none;
}

#downloads ul li{
	height: 22px;
}

#downloads ul li.file{	
	list-style-image: url(../img/icons/file.png);
}

#downloads ul li.acrobat{	
	list-style-image: url(../img/icons/acrobat.png);
}
#downloads ul li.image{	
	list-style-image: url(../img/icons/image.png);
}


div.category{
	border: 1px solid #FFF;
}

/*----------- new stuff --------*/
div.add_item{
	text-align: right;
	padding-right: 5px;
	padding-bottom: 5px;
}

div.add_item a.text{
	color: #7F9ABC;
	text-decoration: none; 
}

div.add_item a.text:hover{
	text-decoration: underline; 
}

div.shop5050_1 {
	height: 50px;
}

div.shop5050_1.accessories{
	height: 30px;
	padding-top: 0;
}

div.preview_article{
	float: left;
	position: relative;
	overflow: hidden;
	width: 150px;
	height: 120px;
}
div.preview_article_price_plain{
	float: right;
	margin-top: 40px;
}
div.preview_article_price{
	float: right;
	margin-top: 100px;
}

div.preview_article_price_plain span{
	display: block;
	margin-right: 40px;
}
div.preview_article_price img, div.preview_article_price_plain img{
	margin: -39px 0 0 5px;
	float: right;
}

div.extra_article{
	margin-top: 24px;
}

div.extra_article_pic{
	float: left;
}
div.extra_article_text{
	float: left;
	width: 350px;
}

div.choose_model{
	color: #7F9ABC;
	margin-bottom: 5px;
}

/*------------ Country Selection ----------*/
div.scroll_button{
	margin-bottom: 12px;
}

div.select_header h2{
	height: 50px;
}

div.dreier_full {
	float: left;
	display: block;
	margin: 12px 12px 12px 0;
	padding: 0;
	width: 924px;
	text-align: left;
}
div.dreier_content{
	 
	border-color: #A5A5A5;
	border-width: 0 1px 0 1px;
	border-style: solid;
	padding: 12px;
}

iframe.shop_select{
	width: 800px;
	height: 450px;
	border: none;
}

div.list_wrapper{
	float: left;
	width: 390px;
	height: 400px;
	margin-right: 20px;
}

div.list_wrapper.right{
	margin-right: 0;
}

div.top_scroller{
	margin-left: 245px;
	height: 40px;
	width: 150px;
 	position: relative;
	top: -400px;
	/*border: 1px solid green;*/
	background: url('../img/scroll_top_back.png') repeat-x left bottom;
}

div.bottom_scroller{
	margin-left: 245px;
	height: 40px;
	width: 150px;
 	position: relative;
	/*border: 1px solid blue;*/
	top: -40px;
	background: url('../img/scroll_bottom_back.png') repeat-x left top;
 }

div.list_mask{
	height: 400px;
	position: relative;
	overflow: hidden;
	position: relative;
	top: 20px;
}

div.select_header{
	float: left;
	width: 180px;
	margin-top: 100px;
	height: 400px;
	color: #7F9ABC;
	margin-right: 0px;
}

ul.country_selection {
	list-style-type: none;
	margin: 0;
	position: relative;
	top: 20px;
	padding: 0;
}
ul.country_selection li{
	padding: 3px 0;
	font-weight: bold;
}

ul.country_selection li a.text{
	text-decoration: none;
}
ul.country_selection li a.text:hover{
	color: #7F9ABC;
	font-weight: bold;
}

ul.country_selection li.active{
	font-size: 1.8em;
	line-height: 1em;
}
ul.country_selection li.sibling{
	font-size: 1.5em;
}
ul.country_selection li.prevsibling{
	font-size: 1.2em;
}


/*-------------- Testimonials ----------*/
h2.testimonial{
	margin-bottom: 2px;
}


/*------- new Teasers ----------------*/
a.teaser_testimonial{
	margin: 0 0 12px 0;
	padding: 12px;
	width: 276px;
	height: 72px;
	background: url(../img/icons/testimonial.gif) top left no-repeat;
	border: 0;
	display: block;
}
a.teaser_testimonial:hover{
	margin: 0 0 12px 0;
	padding: 12px;
	width: 276px;
	height: 72px;
	background: url(../img/icons/testimonial.gif) top left no-repeat;
	border: 0;
	display: block;
}

a.teaser_win{
	margin: 0 0 12px 0;
	padding: 12px;
	width: 276px;
	height: 72px;
	background: url(../img/icons/win.gif) top left no-repeat;
	border: 0;
	display: block;
}
a.teaser_win:hover{
	margin: 0 0 12px 0;
	padding: 12px;
	width: 276px;
	height: 72px;
	background: url(../img/icons/win.gif) top left no-repeat;
	border: 0;
	display: block;
}

div.dreier.bottom{
	margin-top: 0;
}

/*----------- New frontpage -----------*/

h2.front_right{
	color: #505050;
	float: left;
	line-height: 1.3em;
	margin-left: 489px;
	margin-top: 101px;
	text-align: left;
	text-decoration: none;
	font-size: 1.8em;
}

/*------------ New lang choose -----------*/

a.copy_light {
color: rgb(165,165,165);
text-decoration: none;
font-size: 8pt;
}

a.copy_light:hover {
color: #FFF;
text-decoration: underline;
}



/*-------------- Colors ---------------*/
.iceblue{
	color: #7F9ABC;
}

/*------------ Buy now ----------------*/
#buy-now-link{
	position: absolute;
	bottom: 12px;
	right: 12px;
	display: block;
}


/* ------------ Trusted Shops */
#tsBox{
	position: absolute;
	top: 44px;
	right: 12px;
}

div.oben1{
	position: relative;
}


/* shop redirect buttons / zoom */
.warensym.zoom {
  height: 36px;
  width: 36px;
}
.warensym.product {
  width: 230px;
  height: 120px;
  
}
