html{overflow-y:scroll;}
body{padding: 0; margin: 0; text-align: center; font: 12px/1.4 Arial, Helvetica, sans-serif; color: #949494; background:#FFF url(../images/hg.jpg) 0 0 repeat; color: #808080;}

#containerSeite{ width: 100%; margin: 0; background: url(../images/hg_header.jpg) 0 0 repeat-x;}
#container{width:938px; margin: 0 auto; text-align:left; background-color: #FFF;}

/* ================ Styles ==================*/

h1{ color: #fff; font-size: 14px; margin: 0; padding: 0; width:100%;}
h1.graphicTitle{ text-indent: -10000px; margin: 0; padding: 0 0 18px 0; line-height: 20px; /*width:100%; margin-bottom: 18px;*/}
h1.graphicTitle span {margin-top: 1px; display: block; overflow:hidden; width:1px;}
h1.graphicTitle span span {display:block; width:1000px;}
h2{clear: both; font-size:13px; line-height: 15px; margin: 0 0 4px 0;padding: 0; color: #949494; font-weight: bold;color: #808080;}
h4{ margin: 0; padding: 0; width:100%; text-align: left;}


p{margin:0; padding:0 0 17px 0;}
ul{margin:0; /*padding:0 0 18px 20px;*/ padding: 0;}

a, a:visited{color:#949494; text-decoration:none; color:#898989; color: #808080;}
a:hover{color:#d94915;}

a.link-icon, a.link-icon:visited{background: url(../images/link-icon.gif) 0 50% no-repeat; font-weight:bold; padding-left:16px;}
a.link-icon:hover{background: url(../images/link-icon-hover.gif) 0 50% no-repeat;}

img{border:none;}
#content img.spacer-gif {border: none;}
#content img {border: 1px solid #DFDFDF;}

.bulletKlein {background: url(../images/navihorizontal_bullet.gif) 100% 60% no-repeat; margin:0 8px; padding:0;}

label{cursor:pointer;}
.line{clear: both; float: left;background: url(../images/line.gif) 0 0 no-repeat; margin: 2px 0 0 0; padding:0; height: 20px; _height: 20px; width: 649px;}
.csc-textpic{clear: both;}

a.download {clear: both; display: block; background: url(../images/pdf.gif) 0 100% no-repeat; text-decoration: none; margin: 0; padding: 6px 0 0 0; height: 26px; _height:26px; width: 649px;}
a.downloadmehrere {display: block; background: url(../images/pdf_more.gif) 0 100% no-repeat; text-decoration: none; margin: -18px 0 0 0; padding: 6px 0 0 0; height: 28px; _height:28px; width: 649px;}
a:hover.download{text-decoration: underline;}

a.downloadzip {display: block; background: url(../images/zip.gif) 0 100% no-repeat; text-decoration: none; margin: 0; padding: 6px 0 0 0; height: 26px; _height:26px; width: 649px;}
a.downloadzipmehrere {display: block; background: url(../images/zip_more.gif) 0 100% no-repeat; text-decoration: none; margin: -18px 0 0 0; padding: 6px 0 0 0; height: 28px; _height:28px; width: 649px;}
a:hover.downloadzip{text-decoration: underline;}


a.extern { color: #d8151d; background: url(../images/externallink.gif) 100% 85% no-repeat; text-decoration: none; margin:0; padding: 0 25px 0 0; display:inline-block; }
a:hover.extern {text-decoration: underline;}

table.contenttable { margin-bottom: 17px;}


/* ================= Header =================== */

#header{width: 938px; height: 141px;}

#kontakt{float:left; width:405px; margin: 13px 0 0 0; padding: 0;}
#kontakt ul{font: 11px/1.4 Arial, Helvetica, sans-serif; list-style-type: none; margin: 0; padding: 0;}
#kontakt li {float: left; padding: 0 6px 0 0;}
#kontakt li a {}
#kontakt li a:hover, #navigation li.act a {}

#logo{ float: left; width: 128px; text-align:center; margin: 13px 0 0 0;}

#navList {float: right; width: 405px; margin: 13px 0 0 0; padding: 0;text-align: right;}
#navList ul{font: 11px/1.4 Arial, Helvetica, sans-serif; list-style-type: none; margin: 0; padding: 0; float: right;}
#navList li { display: inline; padding: 0 10px; margin: 0;background: url(../images/navihorizontal_bullet.gif) 100% 60% no-repeat; float: left;}
#navList li.first {padding-left: 0;}
#navList li.last {padding-right: 0; background: none;}
#navList li a {}
#navList li a:hover, #navigation li.act a {}

/*#picture{width: 938px; height: 227px; _height: 227px; z-index: 0;}
#overPicture{width: 938px; height: 227px; _height: 227px; z-index:1; background-color: #ffffff; margin: -208px 0 0 0; padding: 0;}*/
#contentRight{width: 936px; height: 314px; _height: 314px; z-index: 2; background: none; padding: 3px 0 0 1px; clear: both;}

#imagePlayer{clear: both; width: 938px; height: 227px; _height: 227px;background: url(../images/maske_rahmen.gif) 0 0 no-repeat; z-index:1; background-color: #ffffff; margin: 0; padding: 0;}

#picture_hardcoded{width: 938px; height: 317px; _height: 317px; z-index:1; margin: 25px 0 0 0; padding: 0; display: inline;}

/*#pictureIndex{width: 938px; height: 317px; _height: 317px; z-index: 0;}
#overPictureIndex{width: 938px; height: 317px; _height: 317px;background: url(../images/maske_rahmen.gif) 0 0 no-repeat; z-index:1; background-color: #ffffff; margin: -311px 0 0 0;}
#overPictureIndex{width: 938px; height: 317px; z-index:1; margin: -311px 0 0 0;}*/

#overPictureCoverflow{width: 938px; height: 317px; _height: 317px;background: url(../images/maske_rahmenCoverflow.gif) 0 0 no-repeat; z-index:1; background-color: #ffffff; margin: -312px 0 0 0; margin-top: -317px;}
#product{width: 938px; height: 227px; background: #fff url(../images/maske_rahmen.gif) 0 0 no-repeat; margin-top: 18px;}
/* ================ Navigation horizontal CSS ==================*/


#navigation {float: left; width: 938px;}
#navigation ul {margin: 15px auto 8px; text-align: center; width: 938px;}
#navigation ul li {display: inline; background: url(../images/navihorizontal_bullet.gif) 100% 50% no-repeat; padding: 0 12px 0 12px; margin: 10px 0 0 0; height: 24px;}
#navigation li.last {background: none;}
#navigation li.actlast {background: none;}

#navigation ul li a, #navigation ul li a:visited{ padding: 0; margin: 0;}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li.act a, #navigation ul li a:focus {background: none;}

/* ================ Navigation CSS ==================*/

#navMain, #navMagento, #navShop{clear: both; float: left; width: 179px; margin: 0; padding: 0; text-transform: uppercase;}
#navMain ul, #navMagento ul, #navShop ul{ list-style-type: none; margin: 0; padding: 0; text-align: left; }
#navMain li, #navMagento li, #navShop li{ padding: 0; margin: 0 0 12px 0;}
#navMain li.act, #navMagento li.act #navShop li.act  {padding: 0; margin:  0 0 12px 0; }

#navMain ul li a, #navMain ul li a:visited,
#navMagento ul li a, #navMagento ul li a:visited{ padding: 0 0 0 46px; margin: 0;}

#navShop ul li a, #navShop ul li a:visited {padding: 0 0 0 46px; margin: 0;}
#navShop ul li a.cufon, #navShop ul li a.cufon:visited, #navShop ul li a.cufon:hover { padding: 0 0 0 48px; margin: 0;}
#navShop ul li.last, #navShop ul li.actLast {/*margin-top: 24px;*/}

#navMain ul li a:hover, #navMain ul li a:active, #navMain ul li.act a, #navMain ul li a:focus,
#navShop ul li a:hover, #navShop ul li a:active, #navShop ul li.act a, #navShop ul li.actLast a, #navShop ul li a:focus,
#navMagento ul li a:hover, #navMagento ul li a:active, #navMagento ul li.act a, #navMagento ul li a:focus {background: url(../images/navi_bullet.gif) 30px 50% no-repeat; padding: 0 0 0 46px;}

#navMain ul ul , #navMagento ul ul, #navShop ul ul{ list-style-type: none; margin: 0; padding: 0; text-align: left; }
#navMain li ul li , #navMagento li ul li, #navShop li ul li{ padding: 0; margin: 0 0 6px 0;}
#navMain li ul li.act, #navMagento li ul li.act, #navShop li ul li.act {padding: 0; margin:  0 0 6px 0; }
#navMain ul ul li a, #navMain ul ul li a:visited, #navShop ul ul li a:visited,
#navMagento ul ul li a, #navMagento ul ul li a:visited, #navShop ul ul li a:visited{ padding: 0 0 0 60px; margin: 0;}
#navMain ul ul li a:hover, #navMain ul ul li a:active, #navMain ul ul li.act a, #navMain ul ul li a:focus,
#navShop ul ul li a:hover, #navShop ul ul li a:active, #navShop ul ul li.act a, #navShop ul ul li a:focus,
#navMagento ul ul li a:hover, #navMagento ul ul li a:active, #navMagento ul ul li.act a, #navMagento ul ul li a:focus {background: none; padding: 0 0 0 60px;}

/* ================= Content ====================*/


#contentContainer{ clear: both;  float: left; width: 938px; margin: 0; padding: 0; background: url(../images/hg_content.gif) 0 0 repeat-y;}
#contentContainerOben{ clear: both; width: 938px; margin: 0; padding: 0; background: url(../images/hg_contentOben.gif) 0 0 repeat-y; height: 30px; _height: 30px;}
#contentContainerUnten{ clear: both; width: 938px; margin: 0; padding: 0; background: url(../images/hg_contentUnten.gif) 0 0 repeat-y; height: 30px; _height: 30px;}

#content, #magento{float: right; width: 649px; margin: 0; padding: 0 32px;  text-align: left; min-height: 150px;}

.clear{clear:both; height:10px !important; height:7px; font-size:1px; line-height:1px;}
.spacer{clear:both; height:10px;font-size:1px; line-height:1px;}

#content ul{ list-style-type: none; margin: 0; padding: 0; text-align: left; }
#content ul li{ background: url(../images/navi_bullet.gif) 0 5px no-repeat; padding: 0 0 0 15px; margin: 6px 0 0 0;}

#content a{color:#d94915; text-decoration:none;}
#content a:hover{color:#d94915; text-decoration:underline !important;}
#content a:visited{color:#d94915; text-decoration:none;}

.IconLink {background: url(../images/navi_bullet.gif) 0 50% no-repeat; padding: 0 0 0 15px; margin: 0; color:#d94915;}


/* ================= Footer ====================*/

#footer {clear: both; width:938px; margin: 0 auto; padding: 10px 0 0 0; font: 11px/1.4 Arial, Helvetica, sans-serif; text-align:right;}

/* ================= Startseite ====================*/

#contentContainerStartseite { height: 135px; margin: 13px 0 0 0; padding: 0; text-align: left;  margin: 6px 0 0 0}
#kasten1_container, #kasten2_container, #kasten3_container, #kasten4_container { width: 227px; float: left; background: #FFFFFF;  }
#kasten1_container, #kasten2_container, #kasten3_container { margin-right: 10px; }

#kasten1, #kasten2, #kasten3, #kasten4 { background:url(../images/box_klein_mitte.png) repeat-y; }
.box_klein_oben { line-height: 0; }
.box_klein_unten { line-height: 0; }

#bild1, #bild2, #bild3, #bild4 { padding: 0; margin: 0; height: 116px; }

#text1, #text2, #text3, #text4 { padding: 0; margin: 0;border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; height: 22px; }
#text1 img, #text2 img, #text3 img, #text4 img { margin: 0 0 0 13px; padding: 0; height: 18px; _height: 18px; }

#bild2 { position: relative; width:227px; margin: 0;}
#bild2 img{ display: none; position: absolute; top: 0; left: 0; }
#kasten2 #bild2 { z-index: 1; position: relative; }

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image{margin: 0; padding: 0;}

/* ================ Magento CSS ==================*/

div.tx-fbmagento .left h2 { padding-top: 5px;}
div.tx-fbmagento .left a:hover h2 { color: #d94915;}


/*---------------------------------------------------------*/
/* Kontakt*/

#kontaktFormular{ margin: 10px 0 0 0;}
#kontaktFormular p{ margin: 0; padding: 0;}
#kontaktFormular #plz, #kontaktFormular #hausnummer{ width: 40px; margin: 0 5px 0 0; }

#kontaktFormular #ort { width: 109px; }
#kontaktFormular #wohnort, #kontaktFormular #strasse{ width: 152px; }

#newsletterForm input, #newsletterForm select {clear:both; display: block; float: left; margin: 0; padding: 0;}
#kontaktFormular label{ clear:both; display: block; float: left; margin: 0; text-align: left; padding: 0 10px 8px 0;width: 220px; clear: both;}
#kontaktFormular label.checkboxText{ float: left; clear: none; padding: 0; margin: 10px 0 0 0;}

#kontaktFormular input{float: left; width: 160px; border: 1px solid #bdbdbd; color: #949494; font: 11px Verdana, sans-serif; padding: 2px; margin: 0;color: #808080;}
#kontaktFormular select{float: left; width: 166px; border: 1px solid #bdbdbd; color: #949494; font: 11px Verdana, sans-serif; padding: 2px; margin: 0;color: #808080;}

#kontaktFormular input.radio{ border: none; width: 30px; text-align: left; }
#kontaktFormular input.checkbox{ float: left; border: none; width: auto; padding: 0; margin: 13px 5px 0 0;}
#kontaktFormular input.anzahl{ width: 40px; border: 1px solid #bdbdbd; margin: 0 49px 0 0; padding: 2px;}
#kontaktFormular input.mf-submit { clear: both; float: left; margin: 20px 0 0 230px; width: auto; cursor: pointer;  padding: 2px; }
#kontaktFormular input.mf-submit2{ width: auto; }

#kontaktFormular p.error{clear: both; color: #CC0000; padding: 0 0 3px 230px;  }
#kontaktFormular p.blue{clear: both; color: #06C; padding: 0 0 3px 230px;  }

textarea{ color: #5a5a5a; font: 12px Verdana, sans-serif;  padding: 2px; border: 1px solid #949494;color: #808080;}

#kontaktFormular div.text_formular p { clear: both; float: left;  margin:10px 0 0 0; padding:0; }

/*---------------------------------------------------
	login
---------------------------------------------------*/


.tx-felogin-pi1 { clear: both; margin: 0; padding: 0;color: #CCCCCC; font: 11px Verdana, Arial, Helvetica, sans-serif;}
.tx-felogin-pi1 form {margin: 0; padding: 0;}
.tx-felogin-pi1 input{font: 11px/1.4 Arial, Helvetica, sans-serif; color: #949494; border: 1px solid #bdbdbd; padding: 2px; margin: 0; color: #808080;}
.tx-felogin-pi1 input.mf-submit{ cursor: pointer; padding: 1px;}
.tx-felogin-pi1 input.mf-submit2{ width: auto; }
.login-message{display: none;position: absolute;top: -9999px;left: -9999px;}


/*---------------------------------------------------
	Google Map
---------------------------------------------------*/

#map { float: right; height: 240px; width: 440px; } 

.text_links { float: left; width: 200px; }

/*---------------------------------------------------
	MooFlow
---------------------------------------------------*/

.mf { color: #949494 !important; color: #808080; !important}