/*RESET CSS*/
/* v1.0 | 20080212 */
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,
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;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/*END OF RESET CSS*/
/*CONTAINER*/
div#container {width:95%; margin:4px auto;}
/*MAIN FONT*/
body {font-family:Verdana, Geneva, sans-serif; font-size:86%; line-height:162%;color:#006;}
p {margin-bottom:.4em;}
h1, h2, h3, h4, h5 {font-family:Georgia, "Times New Roman", Times, serif;}
h1 {font-size:1.62em; line-height:1.62em; margin:.8em 0;}
h2 {font-size:1.3em; line-height:1.62em; margin:.8em 0;}
h3 {font-size:1.1em; line-height:1.62em; margin:.8em 0;}
/*LEFT NAVIGATION*/
div#leftnav{
width:200px;
float:left;}
div#leftnav img#green_girl {display:block; width:100px; margin:0 auto;}
div#leftnav ul li {margin:3px auto; width:180px; text-align:center; }
div#leftnav ul li a {display:block; width:180px; color:#fff; text-decoration:none; background-color:#08218C; padding:3px;}
div#leftnav ul li a:hover {color:#08218C; background-color:#7E94FC;}
div#leftnav div#lang {text-align:center; margin:8px 0}
div#leftnav h3 {margin:12px;}
/*END OF LEFT NAVIGATION*/
/*MAINCONTENT*/
div#maincontent {
margin-left:220px;
margin-bottom:32px;
overflow:hidden;
}
/*maincontent_left*/
div#maincontent_left {
width:200px;
float:left;
text-align:center;}
/*maincontent_right*/
div#maincontent_right {
margin-left:220px;}
div#eyes_and_text {
width:500px;
text-align:center;
margin-bottom:18px;}
div#eyes_and_text img {margin:12px 0;}
div.product {width:160px; float:left; margin:12px; text-align:center}
div.product img{margin-bottom:12px;}
div.product h2, div.product h3{margin:3px;}
/*PRODUCT LIST*/
div.product_list_item {
margin:32px 18px;
padding-bottom:18px;
border-bottom:1px solid #ccc;
overflow:hidden;}
div.product_list_item img {
width:156px;
height:115px;}
div.product_list_img_and_button {
width:156px;
float:left;
}
a.add_to_cart {
display:block;
width:100px;
margin:12px auto;
text-align:center;
text-decoration:none;
background-color:#08218C;
color:#fff;
padding:4px;
text-transform:uppercase;}
a.add_to_cart:hover {color:#08218C; background-color:#7E94FC;}
div.product_list_img_and_button p {text-align:center;}
div.product_list_desc {
margin-left:190px;}
/*FOOTER*/
div#footer {font-size:.9em; text-align:center; padding-right:12px; margin-top:12px; clear:left; height:24px;}
/*SERVICE*/
.clear_left {clear:left; height:1px;}
.center {text-align:center}
/*CONTACT FORM*/
.spacer {clear:both; height:1px}
.myform {
margin:24px auto;
width:400px;
padding:12px;
}
#bestell_form {
border:solid 2px #b7ddf2;
background:#ebf4fb;
margin-bottom:12px;
}
#bestell_form p {
color:#666;
margin:20px 0;
}
#bestell_form label {
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#bestell_form input, #bestell_form textarea {
float:left;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 10px 10px;
}
#bestell_form button {
clear:both;
display:block;
margin:0 auto;
width:324px;
height:32px;
text-align:center;
line-height:31px;
font-size:11px;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
}
.error {
display:block;
margin:12px 24px;
padding:8px 8px;
clear:both;
background:#FC9;
text-align:center;
letter-spacing:1px;
}
/*TABLES*/
/* Tables
-------------------------------------------------------------- */
table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }
a.delete_product {
color:red;
text-decoration:none;
background-color:#fff;
padding:0 4px 2px 4px;
}
a.to_bestellformular {
margin:24px auto;
display:block;
border:solid 2px #b7ddf2;
background:#ebf4fb;
color:#000;
text-decoration:none;
padding:8px 8px;
text-transform:uppercase;
color:#666;
font-weight:bolder;
text-align:center;
}
/*CART IN PAGE*/
div.info {text-align:center; font-size:0.8em; border-bottom:solid 1px #ccc; padding-bottom:12px;}
/* ACTIONCODE*/
div#actioncode_left_nav {
text-align:center; margin:32px 24px; padding:8px;border:1px #08218C solid;
}
div#actioncode_left_nav img {
width:70px;
height:50px;
margin:8px auto;
}
/* /ACTIONCODE*/
#kontakt {
width:62%;
margin:12px auto;
padding:12px;
}
#kontakt input, #kontakt select, #kontakt textarea {
display:block;
margin:8px 0 4px 0;
}
#kontakt label {
display:block;
margin:24px 0 0 0;
}
#kontakt input, #kontakt textarea, #kontakt select {
width:62%;
border:1px #7E94FC solid;
padding:4px 2px;
}
#kontakt input[type=submit] { cursor: pointer; }
#kontakt p {
background-color: #E9EAED;
padding:8px;
}