/* reset according to yahoo */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,div{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/* Layout styles */
div#page {margin:0px auto;width:100%;}
div#footer {clear: both;}
div#break {clear:both;}

div#content {margin-left: 180px;border-width:0px;clear:both;}
div#main {float:left;display:inline;}
div#side {width:180px;float:left;margin-left:-180px;margin-right:0px;display:inline;}

img#speurders_logo {float:left;margin:5px 5px;}
div#topframe {text-align:center;margin: 33px 6px 33px 5px;}

/* basic styles */
body { margin-top: 6px; margin-left: 6px; }
body {
    background-color:#ffcc00;
}
body, p, td, th {
	color: #000;
	font: 12px Arial, Helvetica, sans-serif;
}

a.black {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

a.black:hover {
	text-decoration: underline;
}

a {
	color: #FFA200;
	text-decoration: none;
	font-weight: bold;
}

.page {
	color: #000000;
	text-decoration: underline;
}

#menu {
    width:185px;
    margin-left:-3px;
}

#menu .head {
	background-color: #000;
	color:#fff;
	font-weight:bold;
	padding-left:3px;
	font-size:11px;
}
#menu ul {
    display:block;
    background:#fff;
}

#menu li {
    font-size: 10px;
    font-weight: bold;
    height:18px;
    line-height:18px;
}

#menu li a {
    color: #000;
    display:block;
    font-weight: bold;
    padding-left:3px;
    background-color:#fff;
    font-size:11px;
    height:18px;
    line-height:18px;
    border: 1px solid #fff;
    border-width: 1px 0px;
}

#menu li a:hover {
    color:white;
    background-color:#FFA200;
    text-decoration:none;
}

/* layout styles */
div#border_upper div.middle {
    background: url(../img/wrap_border_upper.gif);
    margin:0px 16px;
}

div#border_upper div.middle img, div#border_lower div.middle img {
    height:16px;
    width:1px;
}

div#border_upper img.left, div#border_lower img.left {
    float:left;
    width:16px;
    height:16px;
    border:0px none;
    position:relative;
}
div#border_upper img.right, div#border_lower img.right {
    float:right;
    width:16px;
    height:16px;
    border:0px none;
    position:relative;
}

div#border_lower div.middle {
    background: url(../img/wrap_border_lower.gif);
    margin:0px 16px;
}

/* content styles */
.product_title {
    color: white;
    font-size: 36px;
    font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
    text-align: center;
}

.menu_title {
    color: white;
    font-size: 36px;
    font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
    text-align: center;
}

table.box {
    width:100%;
}

table.box thead left, table.box thead right, table.box tfoot left, table.box tfoot right{
    width:14px;
}
table.box thead td.middle {
    background:url(../img/content_border_upper.gif) repeat-x top;
}

table.box tfoot td.middle {
    background:url(../img/content_border_lower.gif) repeat-x bottom;
}

table.box tbody td.left, table.box tbody td.right {
    width:14px;
}

table.box tbody td.left {
    background: url(../img/content_border_left.gif) repeat-y left;
}

table.box tbody td.right {
    background: url(../img/content_border_right.gif) repeat-y right;
}

div.field {
    margin-left:145px;
    clear:both;
}

div.field label {
    display:block;
    margin-left:-145px;
    text-align:left;
    padding-right:10px;
    width:135px;
    position:absolute;
}

div.field input {
    font-size: 12px;
}

div.field select {
    font-size: 12px;
}

div.field textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

div.field {
    margin-top:5px;
    line-height:18px;
}

div#spacer {
    float:right;
    margin-right:-1px;
    width:1px;
    height:200px;
}

#main h2 {
    font-size: 15px;
    font-weight:bold;
    font-family: "Arial Rounded MT Bold", Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

div.forum_button a {
	background-color: #fff;
	margin: 10px 0;
	padding: 5px;
	border: 1px solid #000;
	color: #000;
	text-decoration: none;
}

div.button div {
    margin:0px 6px;
    background:url(../img/button_bg.gif);
}

div.button div input, div.button div a {
    border:0px none;
    margin:0px;
    background: transparent;
    height:35px;
    color: black;
    cursor:pointer;
    display:block;
    width:100%;
    font-size: 20px;
    font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
    text-align: center;
}

div.button div a {
	font-weight: normal;
}

div.button div input:hover, div.button div input.hover, div.button div a:hover {
    color:#fff;
}

.oldprice {
    color: gray;
    font-size: 18px;
    font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
    text-align: center;
}

.oldprice strong {
    color: gray;
    text-decoration: line-through;
    font-weight:normal;
}

.oldprice #euro {
	font-family: Arial, Helvetica, sans-serif;
}

.newprice {
    color: black;
    font-size: 24px;
    font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
}

.newprice strong {
    color: red;
    font-size: 52px;
    font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
    text-align: center;
}

.newprice #euro {
	font-family: Arial, Helvetica, sans-serif;
}

/* generic purpose classes */
.fl {float:left;}
.fr {float:right;}
.cb {clear:both;}
.tac {text-align:center;}
.tal {text-align:left;}
.tar {text-align:right;}
.vam {vertical-align:middle;}
.vat {vertical-align:top;}
.vab {vertical-align:bottom;}

strong {
    font-weight:bold;
}

.breadcrumb {
    margin-left: 10px;
    margin-bottom: 5px;
}

.breadcrumb_text_dimmed {
    color: silver;
}

.content_frame {
    margin: 10px 5px 0px 5px;
}

.content_text_header {
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0px;
}

.content_text_normal {
    font-weight: normal;
}

.content_text_dimmed {
    color: gray;
}

.content_text_error {
    font-weight: bold;
    color: red;
    border: 2px solid red;
    padding: 3px 6px;
}

.content_text_info {
    font-weight: bold;
    color: #1E2B80;
    border: 2px solid #1E2B80;
    padding: 3px 6px;
	background-color: #fff;
}

.footer_frame {
    text-align: center;
}

ul.arrow {
    list-style-image: url(../img/list_arrow2.gif);
    margin-left:18px;
}

ul.noarrow {
    list-style: none;
    margin-left:18px;
}

ul.square {
    list-style:square;
    margin-left:18px;
}

table.overview {
}
table.overview tr, table.overview tr td, table.overview tr th {
    border-top:1px solid #ccc;
}
table.overview th {
    width:100px;
    text-align:left;
    font-weight:bold;
}

table.overview td, table.overview th {
    vertical-align:top;
    padding:5px;
}

table.products {
    width:100%;
}
table.products td {
    border:1px solid #aaa;
}

table.product td.img {
    width:140px;border:1px solid blue;
}

.datum { font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }

td.radio {
    text-align:right;
    padding: 7px 5px 0px 0px;
    vertical-align:top;
}

/* FAQ styles */
#faq {
    margin:0px 40px;
}
#faq h3 {
    margin:15px 0px;
    font-size: 14px;
    font-weight:bold;
}
#faq li {
    list-style-image: url(../img/list_arrow2.gif);
    margin-left:40px;
}

/* teaser */
#teaser {
    margin-top:25px;
    margin-bottom:1px;
}
#teaser div {
    background:url(../img/teaser_bg.gif) repeat-y;
    color: #fff;
    font: 20px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
    padding:0px 12px;
}

#teaser a {
    color: #fff;
    font-weight: normal;
}

/* login styles */
div#login h5 {
    font-weight:bold;
}

div#login div.field {
    margin-left: 143px;
}

div#login div.field label {
    margin-left:-143px;
    width:133px;
    display:block;
    position:relative;
    text-align:right;
}

div#login div.field input, div#login div.field select, div#login div.field textarea {
    margin-right:6px;
}

input.button {
    background-color:#000;
    color:#fff;
    border:none;
    font-weight:bold;
    padding:2px 8px;
    cursor:pointer;
}

div#login div.field input.button:hover {
    text-decoration: underline;
}

#forum td, #forum th {
	border: 2px solid #FFFFFF;
}

#forum th{
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding: 5px 10px;
	height: 25px;
	vertical-align: middle;
}

#forum td{
	color: #000000;
	padding: 5px 10px;
}

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

#forum a:hover {
	text-decoration: underline;
}

#forum h1 {
	font-size: 15px;
}

#forum h1.avatar, #lastpost .avatar {
	background-image: url("../img/puppet_yellow.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 20px;
}

#forum .post {
	background-image: url("../img/clock.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 20px;	
}

#lastpost td {
	border: 0;
	padding: 0;
}