/* ---- Allgemein ---- */


table {
	font: normal 75%/150% Verdana, Arial, Helvetica, sans-serif;
	background-color: #f1fcff;
	border-collapse: collapse;
}

td {
		font-size: 145%;
}

tbody td,tbody th {
	padding: 5px 10px;
	background-color: #f1fcff;
	color: #000;
}

body {
background:#FFC53A url(img/repeat.jpg) repeat-x;
color:#303030;
font:76% Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
width:1000px;
display:block;
z-index:1;
}
  
a {
font-weight:bold;
text-decoration:none;
color: #204397;
}

a:hover {
color: #000;
text-decoration:none;
}

p {
line-height:1.5em;
margin:0 0 15px;
}


/* ---- Seitenaufbau ---- */

/*Drop-down menu Header*/
.nav2 { float:left; width:1200px; border:none; color:rgb(75,75,75); font-size:0.9em; } /*Color navigation bar normal mode*/
.nav2 ul { list-style-type:none; height:42px; margin:0; padding:0; margin-top:0px; margin-bottom:7px;}
.nav2 ul li { float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175); }
.nav2 ul li a { float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
.nav2 ul li ul { display:none; border:none;}

/*Non-IE6 hovering*/
.nav2 ul li:hover a { background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x; text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul { background-color:rgb(237,237,237); display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li a { background:#E6EAED; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li div { background:#D3D3D3; display:block; width:10.0em; height:10px; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); font-weight:bold; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover { background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x; text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table { position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover { text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {display:block; width:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover { background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x; text-decoration:none;} /*Color subcells hovering mode*/

.nav2 .drop {
  background-image:url(img/pfeil_drop.png);
  background-repeat:no-repeat;
  background-position: right 5px;
  }
  
#container {
color:#303030;
margin:0;
min-width:770px;
padding:0;
text-align:left;
width:100%;
z-index:1;
}

#sitename {
height:120px;
margin:0 0px 1px;
text-align:left;
background-position:0 0px;
}

#metamenu {
float:left;
margin-bottom:25px;
}

#metamenu ul {
font-size:16px;
margin:0;
padding:0;
}

#metamenu li {
float:left;
height:35px;
list-style:none;
margin:0;
padding:0;
}

#metamenu a {
border-right:1px solid #b0b0b0;
color:#606060;
display:block;
font-size:0.7em;
padding:11px 10px 10px;
text-transform:uppercase;
}

#metamenu a:hover {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

#metamenu a.current {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

#menu table,#menu tr,#menu td, #menu tbody td, #menu tbody th,
#warenkorb table,#warenkorb tr,#warenkorb td, #warenkorb tbody td, #warenkorb tbody th ,
#farbblock table,#farbblock tr,#farbblock td, #farbblock tbody td, #farbblock tbody th  { 
padding: 0px;
border: 0px; 
float:none;
background-color: #FFC53A;
}

#menu .headline, #warenkorb .headline, #farbblock .headline {
background:#f0f0f0 url(img/navoben_2.jpg) top left no-repeat;
width:175px;
height:30px;
padding-bottom:-5px;
background-color: #FFC53A;
}

#menu .headline h3, #warenkorb .headline h3, #farbblock .headline h3  {
margin: 0px;
margin-top: 9px;
padding-bottom:-10px;
padding-left: 10px;
color: #FFFFFF;
font:110% Verdana,Tahoma,Arial,sans-serif;
font-weight:bold;
}

#menu .subline, #warenkorb .subline, #farbblock .subline {
background:#f0f0f0 url(img/navunten_2.jpg) top left no-repeat;
width:175px;
height:9px;
background-color: #FFC53A;
}

#menu a {
display: block;
font-size:1.0em;
font-weight:normal;
color: #204397;
text-decoration:none;
border-left:solid 2px #006699;
border-right:solid 2px #006699;
border-bottom:solid 0.5px #006699;
background-color:#FFFFE6;
padding: 0px;
padding-left:8px;
padding-top:6px;
padding-bottom:0px;
margin: 0px;
height: 20px;
width:163px;
}

#warenkorb div {
display: block;
font-size:1.0em;
font-weight:normal;
color: #204397;
background-color:#FFFFE6;
border-left:solid 2px #006699;
border-right:solid 2px #006699;
padding: 0px;
padding-left:8px;
padding-top:6px;
padding-bottom:8px;
margin: 0px;
width:163px;
}

 
#warenkorb .link {
  background-image:url(img/pfeil_link.png);
  background-repeat:no-repeat;
  padding-left:25px;
  background-position: 5px;
  font-weight:bold;
  text-decoration:none;
  color: #204397;
  padding-top:5px;
  padding-bottom:4px;
  font-size:1.1em;
  }
#warenkorb .link:hover  {
  background-image:url(img/pfeil_link_hover.png);
  color: #000;
  background-repeat:no-repeat;
  padding-left:25px;
  background-position: 5px;
  font-weight:bold;
  text-decoration:none;
  padding-top:5px;
  padding-bottom:4px;
  font-size:1.1em;
  }

#farbblock div {
display: block;
font-size:1.0em;
font-weight:normal;
color: #204397;
background-color:#FFFFE6;
border-left:solid 2px #006699;
border-right:solid 2px #006699;
padding: 0px;
padding-left:8px;
padding-top:6px;
padding-bottom:0px;
margin: 0px;
width:163px;
}
#farbblock .farblist p { margin: 0px; padding: 0px; margin-top: 0px; width: 20px; height: 20px; }
#farbblock .farblist a { margin: 0px; padding: 0px; width: 20px; height: 20px; }
#farbblock .farblist a:hover { border:solid 1px #E2E2E2; margin: 0px; padding: 0px; }

#menu a:hover {
background-color:#D9FFE6;
}

#menu .current {
background-color:#D9FFE6;
}

#leftside,#rightside {
margin:0;
padding:0 5px 5px;
}

#leftside {
float:left;
margin-right:10px;
width:165px;
}

#rightside {
float:right;
margin-left:10px;
width:155px;
}

#leftside h1,#rightside h1 {
color:#505050;
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 8px;
}

#leftside h2,#rightside h2 {
font-size:1.1em;
margin:0 0 20px;
color: #FFFFFF;
}

#leftside p,#rightside p {
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;
}

#wrap {
clear:both;
font-size:0.9em;
padding:0;
z-index:1;
}

#content,#contentalt {
background-color:#FFFFE7;
border:1px solid #909090;
color:#2a2a2a;
padding:0px 20px 0px;
z-index:1;
}

#content .link {
  background-image:url(img/pfeil_link.png);
  background-repeat:no-repeat;
  padding-left:25px;
  background-position: 5px;
  font-weight:bold;
  text-decoration:none;
  color: #204397;
  padding-top:5px;
  padding-bottom:4px;
  font-size:1.1em;
  }
#content .link:hover  {
  background-image:url(img/pfeil_link_hover.png);
  color: #000;
  background-repeat:no-repeat;
  padding-left:25px;
  background-position: 5px;
  font-weight:bold;
  text-decoration:none;
  padding-top:5px;
  padding-bottom:4px;
  font-size:1.1em;
  }
  
#content {margin:0px 155px 0px 185px;}
#contentalt {margin:0 170px 0 20px;}

#content h1,#content h2,#contentalt h1,#contentalt h2 {
background-color:inherit;
color: #204397;
font-size:1.5em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

#content form {
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#content h2,#contentalt h2 {
margin-bottom:10px;
}

#content ul, #content li {
list-style-type: none;
margin-left:4px;
margin:0px;
padding: 0px;
color:#04537D;
}

#content li  {
display:block;
border-bottom: dashed 0px #C2631D;
color:#000;
text-decoration:none;
font-size: 13px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
height: 16px;
line-height: 16px;
background-image:url(img/li_icon.gif);
background-repeat:no-repeat;
background-position:4px 0%;
padding-left:28px;
padding-bottom:0px;
}

#content img,#contentalt img {
/* border:1px solid #b0b0b0; */
border: 1px solid black;
margin:5px 15px 6px;
background-color: white;
}

#footer {
clear:both;
margin:0px;
background-color: #fcf3d1;
border-top:1px solid #909090;
padding-bottom:3px;
padding-top:2px;
margin-left:-20px;
margin-right:0px;
text-align:center;
width:658px;
}

#footer div {
		width: 33%;
		display: inline;
	}


#footer a {
font: 90% Verdana,Tahoma,Arial,sans-serif;
color: #000000;
}

/* ---- order.php ---- */

.thumbnail {
background: #FFFFE7;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}
.thumbnail img{
padding-left:25px;
border:0px solid #b0b0b0;
}

.fieldset {
border:2px ridge #204397;
background-color:#FFFFE7;
width:560px;
padding-left:10px;
margin-left: 10px;
margin-bottom:50px;
}

.fieldset hr {
border:1px dashed #204397;
}

.legend {
font: normal 150% Verdana, Arial, Helvetica, sans-serif;
color: #047;
}

.adressbox {
background-color: #FFFFFF;
border:1px solid #87CEFA;
margin:0 0px 0 0;
}
.adressbox_opt {
background-color: #FFFFFF;
border:1px solid #bababa;
margin:0 0px 0 0;
}

.adressbox:focus, .adressbox:hover { background-color: #EDFDFD; border:1px solid #87CEFA;}

.adressbox_error{
background-color: #ffcfc1;
border: 1px solid #B11616;
margin:0 0px 0 0;
/* width:150px; */
}
.adressbox_error:focus, .adressbox_error:hover { background-color: #FDEBE6; border:1px solid #B11616;}


#steps {
float:left;
margin-bottom:25px;
padding-top:0px;
margin-top:0px;
}

#steps ul {
font-size:16px;
margin:0;
padding:0;
}

#steps li {
float:left;
height:20px;
list-style:none;
margin:0;
padding:0;
}

#steps p {
border-right:1px solid #b0b0b0;
color:#606060;
display:block;
font-size:0.7em;
text-transform:uppercase;
width:150px;
}

#steps a {
border-right:1px solid #b0b0b0;
color:#606060;
display:block;
font-size:0.7em;
text-transform:uppercase;
width:150px;
}

.nostyle, .nostyle td, .nostyle th, .nostyle table {
border:none;
background-color:#FFFFE7;
padding:3px;
}

.nostyle th {
color: #204397;
font-size:1.5em;
font-weight:bold;
letter-spacing:0px;
}


#persfeld p {
visibility:hidden;
position:absolute;
}

/* ---- shop.php, shop_index.php ---- */


#warenliste table {
	*font: normal 75%/150% Verdana, Arial, Helvetica, sans-serif;*
	border-collapse: collapse;
	border-top: 2px solid #D2EBFA;-moz-border-radius:30px;
	border-bottom: 2px solid #D2EBFA;-moz-border-radius:30px;
	border-left: 2px solid #87CEFA;-moz-border-radius:30px;
	border-right: 2px solid #87CEFA;-moz-border-radius:30px;
}

#warenliste table:hover {
	border-collapse: collapse;
	border: 2px double #87CEFA; -moz-border-radius:30px;
}

#warenliste h3 {
font:120% Verdana,Tahoma,Arial,sans-serif;
font-weight:bold;
}

#shop_index a{
  background-image:url(img/pfeil.png);
  background-repeat:no-repeat;
  padding-left:40px;
  background-position: 13px;
  font-weight:bold;
  text-decoration:none;
  color: #204397;
  padding-top:3px;
  padding-bottom:3px;
  font-size:1.1em;
  }
#shop_index a:hover  {
  background-image:url(img/pfeil_hover.png);
  background-repeat:no-repeat;
  padding-left:40px;
  background-position: 13px;
  font-weight:bold;
  text-decoration:none;
  color: #000;
  padding-top:3px;
  padding-bottom:3px;
  font-size:1.1em;
  }
  
  
/* ---- Sonstige Klassen ---- */

/* Farbstrahl */
.tablefarbe { padding:0px; margin:0px; width:20px; height:100px; border:1px solid grey; }
.farblist_hifa { margin: 0px; padding: 0px; margin-top: 10px; width: 8px; height: 14px; float:left; } 
.farblist_hifa a { margin: 0 -1px -1px -1px; padding: 0px; width: 8px; height: 12px; } 
.farblist_harrisville { margin: 0px; padding: 0px; margin-top: 10px; width: 9.5px; height: 14px; float:left; } 
.farblist_harrisville a { margin: 0 -1px -1px -1px; padding: 0px; width: 9.5px; height: 12px; } 

/* Detailseite */

#detailseite table {
	border-top: 2px solid #D2EBFA;-moz-border-radius:30px;
	border-bottom: 2px solid #D2EBFA;-moz-border-radius:30px;
	border-left: 2px solid #87CEFA;-moz-border-radius:30px;
	border-right: 2px solid #87CEFA;-moz-border-radius:30px;
}

.attribut {
border-left: 1px solid #84CFFF;
border-right: 1px solid #84CFFF;
background-color: #f1fcff;
padding-top:0px;
padding-right:4px;
padding-left:4px;
float:left;
}

.gallery_thumb {
border:3px solid #FFFFFF;
}

.gallery_thumb .gallery_piclist {
float:left;
margin: 0px;
padding: 0px;
}


/* Suchfunktion */
.searchform {margin:0;}
.searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:2px -1px 0 0;
width:100px;
height:18px;
float:left;
}
.submitbutton {
height:22px;
padding-bottom:2px;
background:#e0e0e0;
border:1px solid #b0b0b0;
font-style:bold;
font-size:120%;
margin-top:2px;
}
.submitbutton:hover {
background:#b0b0b0;
border:1px solid #000000;
}

/* Vorschau mouseovereffekt */
.trans { filter:Alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; }
#popup_bg {
position:absolute;
z-index:2;
}

#thumb_text {
margin-left:8px;
margin-top:-4px;
font-weight:normal;
font-size: 85%;
}

.popup_img {
visibility:hidden;
position:absolute;
z-index:3;
float:none;
}