/* Reset Reloaded from http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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,sup,tt,var,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-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus,:active{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}
html {
    background:#2b2b2b url(../img/html-bg.gif) repeat-x;
    background:-moz-linear-gradient(top,#000 ,#fff 20%, #000);
    background:linear-gradient(top,#000 ,#fff 20%, #000);
}
body { background:transparent; min-height:100%; font-family:vernanda, Arial, Helvetica, sans-serif;}
/*** ID's ***/
#container
{width:960px; min-height:500px; background-color:transparent; margin:20px auto; border:1px solid #E2E2E2;
-moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000;
border-radius: 1em; -webkit-border-radius: 1em;  -moz-border-radius: 1em; }
/*----------------------------------------------*/
#header
{ height:140px; margin:0; padding:0;
-webkit-border-radius: 1em 1em 0 0; border-radius: 1em 1em 0 0; border:1px solid #000; -moz-border-radius: 1em 1em 0 0;
background:#ccc url(../img/header-bg.gif) repeat-x;
background:-moz-linear-gradient(top,#000 1px,#fff 1%, #777 45%, #444 46%, #ccc 97%, #fff 98%, #000);
}
/*----------------------------------------------*/
#menutop
{height:35px; border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000;
background:#EE7F00 url(../img/nav-bg.gif) repeat-x;
background:-moz-linear-gradient(top,#F08101 1px,#fff 1%, #FFAE4F 50%, #F08101 51%,  #F08101);
background:linear-gradient(top,#F08101 1px,#fff 1%, #FFAE4F 50%, #F08101 51%,  #F08101);}
/*----------------------------------------------*/
#imagefeeder
{height:200px; background-color:#000;border-left:1px solid #000; border-right:1px solid #000;}
/*----------------------------------------------*/
#navleft
{float:left; width:150px; background-color:transparent; margin:0; padding:35px 0 35px 5px;}
/*----------------------------------------------*/
#maincontent
{float:right; padding:20px; width:750px; background-color:transparent;}
#maincontent.fullpage
{float:none; width:auto;}
#maincontent.withSidebar
{ width: 705px; }
/*----------------------------------------------*/
#onecontent
{min-height:400px; background-color:transparent; padding:0 20px 20px 20px;}
/*----------------------------------------------*/
#content
{overflow:hidden; min-height:400px; border-left:1px solid #000; border-right:1px solid #000;
background:#ffdaaf url(../img/content-bg.gif) repeat-x;
background:-moz-linear-gradient(top,#FFCB8F ,#fff 20%, #FFDAAF);
background:linear-gradient(top,#FFCB8F ,#fff 20%, #FFDAAF);}
/*----------------------------------------------*/
#footer
{height:50px; border:1px solid #000;
-webkit-border-radius:0 0 1em 1em; border-radius:0 0 1em 1em; -moz-border-radius:0 0 1em 1em;
background:#ccc url(../img/footer-bg.gif);
background:-moz-linear-gradient(top,#000 1px,#fff 1%, #777 50%, #444 51%, #ccc 97%, #fff 98%, #000); 
background:linear-gradient(top,#000 1px,#fff 1%, #777 50%, #444 51%, #ccc 97%, #fff 98%, #000);}
/*** Start Page ***/
/*container*/
/*----------------------------------------------*/
/*header*/
#header h1{text-indent:-99999px; margin:0; padding:0; font-weight:normal; font-size:normal;}
#header img{float:left; margin:9px 0 0 20px;}
#header a{text-decoration:none;}
#header form{ margin-top:57px;}
#header input[type="text"] {border:1px solid #000; padding:4px; height:20px; width:140px; display:inline; background:#dfdfdf; box-shadow:inset 1px 1px 4px #6f6f6f; -moz-box-shadow:inset 1px 1px 4px #6f6f6f; -webkit-box-shadow:inset 1px 1px 4px #6f6f6f; border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; }
#header input[type="submit"]{ overflow:hidden; height:30px; padding:4px; width:55px; color:#000; border-left:none;
-webkit-border-radius:0; border-radius:0; -moz-border-radius:0;
background:-moz-linear-gradient(top,#F08101 1px,#fff 1%, #FFAE4F 50%, #F08101 51%,  #F08101); 
background:linear-gradient(top,#F08101 1px,#fff 1%, #FFAE4F 50%, #F08101 51%,  #F08101);
border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; }
#header input[type="submit"]:hover{cursor:pointer;
background:-moz-linear-gradient(top,#AF5E00 1px,#ccc 1%, #FFAE4F 50%, #F08101 51%,  #AF5E00); 
background:linear-gradient(top,#AF5E00 1px,#ccc 1%, #FFAE4F 50%, #F08101 51%,  #AF5E00);}


#header .slogan{margin:70px 0 0 -10px;}
#headerUi { float:right; margin-right:20px; }
#headerUi a{float:right; color:#000;}
#headerUi a:hover{color:#fff;}
#headerUi p{margin:0 0 0 5px;}
#header .logtext{float:right; padding:0 30px 0 0;}
#header p{text-shadow: 0 1px 0 #fff; font-size:0.8em;}
/*----------------------------------------------*/
/*menutop*/
#menutop ul{float:left; list-style:none; padding:0; margin:0; font-size:0.9em; background-color:transparent; line-height:1.em;}
#menutop li{float:left; margin:0; padding:0;}
#menutop a{ display:inline-block; line-height:35px; padding:0 5px; text-decoration:none; color:#000; font-size:0.9em; border-left:1px solid #ccc;border-right:1px solid #555; background:transparent;  
-moz-transition-property:background-color;
-moz-transition-duration:1s;
-moz-transition-timing-function:ease;
}


#menutop a:hover{border-left:1px solid #555;
background:#EE7F00 url(../img/navhover-bg.gif) repeat-x;
background:-moz-linear-gradient(top,#AF5E00 1px,#ccc 1%, #FFAE4F 50%, #F08101 51%,  #AF5E00); 
background:linear-gradient(top,#AF5E00 1px,#ccc 1%, #FFAE4F 50%, #F08101 51%,  #AF5E00);}


#menutop li.active a{border-left:1px solid #333;
background:#EE7F00 url(../img/navactive-bg.gif) repeat-x;
background:-moz-linear-gradient(top,#7F4500 1px,#9F5600 1%, #FFAE4F 50%, #F08101 51%,  #7F4500); 
background:linear-gradient(top,#AF5E00 1px,#ccc 1%, #FFAE4F 50%, #F08101 51%,  #AF5E00);
}
/*----------------------------------------------*/
/* Imagefader */
.fader {position:relative; overflow:hidden; padding:0; margin:0; border:1px solid #000;}
.fader li { position:absolute; top:0; left:0; }
.fader.allpage {height:200px; width:958px;padding:0:}
/*----------------------------------------------*/
/* SideBar */
#sidebar{width:180px; float:right; padding:35px 15px 0 15px; border-left:1px dotted #808080;  }
#sidebar ul{list-style:none; margin:0; padding:0;}
#sidebar li{margin:0; padding:0;}
#sidebar img{margin:0; padding:10px 0;}
#sidebar h4 { margin-top:0; color:#808080; margin-bottom:0; text-shadow:0 1px 0 #fff; }

/*----------------------------------------------*/
/*navleft*/
#navleft ul{ list-style:none; margin:0; padding:0; font-size:0.9em; background-color:transparent; line-height:1.em; }
#navleft li{ margin:3px 0 0 0; }
#navleft a{display:block; padding:5px 10px; height:15px; line-height:15px; border:1px solid #000; font-size:0.9em; text-decoration:none; color:#000;
background:#EE7F00 url(../img/navleft-bg.gif) repeat-x;
background:-moz-linear-gradient(top,#F08101 1px,#fff 1%, #FFAE4F 50%, #F08101 51%,  #F08101); 
background:linear-gradient(top,#F08101 1px,#fff 1%, #FFAE4F 50%, #F08101 51%,  #F08101);
-webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px;}
#navleft a:hover{
background:#EE7F00 url(../img/navlefthover-bg.gif) repeat-x;
background:-moz-linear-gradient(top,#AF5E00 1px,#ccc 1%, #FFAE4F 50%, #F08101 51%,  #AF5E00); 
background:linear-gradient(top,#AF5E00 1px,#ccc 1%, #FFAE4F 50%, #F08101 51%,  #AF5E00);}
#navleft .active a{border-left:1px solid #555;
background:-moz-linear-gradient(top,#7F4500 1px,#9F5600 1%, #FFAE4F 50%, #F08101 51%,  #7F4500);
background:linear-gradient(top,#AF5E00 1px,#ccc 1%, #FFAE4F 50%, #F08101 51%,  #AF5E00);}
/*maincontent*/
h1, h2, h3, h4, h5, h6{ margin:1.0em 0 0.5em 0; font-weight:bold; color:#4F2B00/*#7F4500*/; padding:0 0 0.3em 0; text-decoration:none;}

h1{font-size:15pt;}
h2{font-size:14pt;}
h3{font-size:13pt;}
h4{font-size:12pt;}
h5{font-size:11pt;}
h6{font-size:10pt;}

/* Schriften */
p{ font-size:10pt; line-height:1.5em; font-size:0.9em;}
.blink{text-decoration:blink; color:#4F2B00;}
span, table {line-height:1.2em;}
blockquote{ border:1px solid #000; margin:10px; padding:10px; font-size:0.9em; background-color:#FFD39F; }
strong{ font-weight:bold;}
em{ font-style: italic; }
small{ font-size:0.6em; }
hr{ color:#175F32;}

/* Listen */
ul{ list-style-type:disc; margin-left:35px; font-size:0.9em; line-height:1.5em; }
ol{ list-style-type:decimal; margin-left:40px; font-size:0.9em; line-height:1.5em;}

p,ul,ol,table,blockquote { margin-top:1em; margin-bottom:1em; }
/* Links */
a{text-decoration:none; color:#0F93FF;}
a:hover{color:#0069BF; text-decoration:underline;}
/*Link files*/
a[href$='pdf']{line-height:1.8em; background:transparent url(../img/icon_pdf.png) left no-repeat; padding-left:20px;}
a[href$='zip']{line-height:1.8em; background:transparent url(../img/icon_zip.png) left no-repeat; padding-left:20px;}
/**Formular**/
fieldset{border:1px solid #000; font-weight:bold; padding:10px; margin:20px 15%;}
form p { clear:left; }
label{float:left; width:160px; font-weight:normal;}
input[type="text"]{width:250px; border:1px solid #7F7F7F;}
textarea{height:80px; padding:0; margin:0; width:250px; border:1px solid #7F7F7F;}
input[type="submit"]{padding:3px; color:#000; border:1px solid #000; float:right;
-webkit-border-radius: 0.5em; border-radius: 5px; -moz-border-radius: 0.5em; 
background:-moz-linear-gradient(top,#F08101 1px,#fff 1%, #FFAE4F 50%, #F08101 51%,  #F08101);
background:linear-gradient(top,#F08101 1px,#fff 1%, #FFAE4F 50%, #F08101 51%,  #F08101);}
input[type="submit"]:hover{cursor:pointer;
background:-moz-linear-gradient(top,#AF5E00 1px,#ccc 1%, #FFAE4F 50%, #F08101 51%,  #AF5E00);
background:linear-gradient(top,#AF5E00 1px,#ccc 1%, #FFAE4F 50%, #F08101 51%,  #AF5E00);}
/*wrong*/
.wrong{color:red;}
.wrong input{ background-color:#FFAFAF;}
.captcha{display:none;}
/* Register */
.register{margin:0 0 100px 0;}
.register label{width:100%; display:inline; padding:5px 0;}
.register label span{}
.register label input{float:right; margin:0 150px 0 0;}
.register label input[type="password"]{margin:0 254px 0 0;}
/*Tabellen*/
table{border:1px solid #7F7F7F; padding:0; margin:10px 0; line-height:1.5em;}
tbody tr td{font-size:9pt; min-height:23px; vertical-align:middle;}
/* Galerie */
.gallery { padding:0 20px; float:left; /*width:28%;*/}
.gallery ul{ list-style-type:none; margin:0; }
.gallery li { float:left; margin:0 22px 22px 0; text-align:center; width:150px; height:120px }
.gallery img { border:3px solid transparent; }
.gallery img:hover { border:3px solid #EE7F00; }
.gallery h3, .gallery p { padding:0; }
.galeriebutton{float:right; margin: 10px 20px 20px 0; text-decoration:none; color:/*#8F6635#*/#AF7C41;}
.galeriebutton:hover{text-decoration:none; color:#4F2B00;}

.gallery-preview { padding:0 20px; float:left; width:160px; height:250px; }
.gallery-preview a { display:block; text-align:center; }
/*
.gLinks li{display:inline; position:relative; bottom:-2px;}
.gLinks a{text-decoration:none; background:#238F4B; border:1px solid #5F5F5F; color:#000; padding:8px 5px 5px 5px; margin:0 1px 0 0; }
.gLinks a:hover{background:#3BEF79; } 
*/

/* Shop Stuff */

#products ul { margin:0; list-style-type:none; }
#products li { width:200px; min-height:300px; float:left; margin:0 20px 20px; }
#products li a { display:block; padding:10px; border:1px dotted transparent; height:100%; }
#products li a:hover { text-decoration:none; border-color:#FF8900; }
#products h3 { font-size:1em; margin:0.5em 0 0.2em; }
#products p { margin:0; }
#products div { width:180px; height:180px; line-height:180px; vertical-align:middle; text-align:center; }
#products div img { vertical-align:middle; }



.picContainer { width:180px; text-align:center; border:1px solid #808080; position:relative; }
.picContainer a { background:none; padding:0; line-height:0; vertical-align:text-bottom; }
.picContainer span { position:absolute; width:180px; border:1px solid #808080; bottom:-22px; height:20px; left:-1px; line-height:20px; background:transparent url(../pics/zoom.png) left -20px no-repeat; }
.picContainer a:hover span { background-position:0 0;}
.hidden { display:none; }
#productDetail fieldset { float:right; margin:0; margin-bottom:1.5em; }
.preview { width:182px; float:left; margin-bottom:1.5em;}
.preview .price { font-size:1.5em; font-weight:bold; text-align:center; margin-bottom:0;}
.description { clear:both; }
.preview .limit { margin:0; }
.help { display:block; margin:0; line-height:0; font-size:10px; color:#808080; font-weight:normal; margin-left:160px; line-height:10px; }

#basketTable { width:100%; }
#basketTable th { background-color:#F08101; padding:2px 4px; }
#basketTable .center { text-align:center; }
#basketTable .right { text-align:right; }
#basketTable .even { background-color:#FFCBAF; }
#basketTable td { vertical-align:text-top; border-right:1px dashed #cfcfcf; padding:0 4px; }
 /** Map **/
#map { height:400px; border:1px solid #66A286; margin:20px 0;}
/*----------------------------------------------*/
/*footer*/
/*----------------------------------------------*/
.inlineLabel label { float:none; }
textarea#orderComment { width:100%; }
.formCentered { margin:20px 15%; }
.formCentered input[type=submit] { float:none; }
