/*
Theme Name: Onlineplotten.de
Version: 1.0
Author: Daniel Zellfelder
Author URI: http://www.zellfelder.de
*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { 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, li { 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:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* Stuff */
body { background: #ececec url(images/bg.png) center repeat-y; font-size:14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; }
.clear { clear:both; }
a { outline:none; }


#header { width:780px; height:90px; margin:auto; background: url(images/op-header.png); padding-top:70px; padding-left:140px; }
#mainbox { width:900px; margin:auto; background:#fff;   }
#sidebar { width:255px; background:#fff url(images/sidebarbg.gif) top left no-repeat; float:left; padding-bottom:30px;  }
#content { float:left; width:625px; margin-top:25px; padding-right:20px; }
.navbox { width:210px; margin:auto; background: #c1c1c1; margin-top:20px; padding-top:10px; padding-bottom:10px; }
#bestbox { width:210px; margin:auto; background: #74a0bb; margin-top:20px; padding-top:10px; padding-bottom:10px; }
#footer { margin-left:255px; font-size:13px; color:#c1c1c1; margin-top:20px; }
.leftbox { width:300px; float:left; }
.rightbox { width:300px; float:left; }

h1 { font-size:28px; color:#74a0bb; font-weight:bold; margin-bottom:5px; }
.navbox h3 { font-size:20px; font-weight:bold; color:#5f5f5f; text-transform:uppercase; padding:0px 0px 0px 10px; }
#bestbox h3 { font-size:22px; color:#fff; font-weight:bold; padding-left:10px; }
#content h2 { font-size:14px; font-weight:bold; color:#fff; background:#74a0bb; padding:5px; margin-top:10px; }
#content h3 { font-size:16px; font-weight:bold; color:#5f5f5f; margin-top:20px; margin-bottom:10px;}
#bestellstart { margin:5px 0px 0px 10px; }
p { margin-bottom:10px; }
strong { color:#74a0bb; }

#header h2 a { font-size:40px; font-weight:bold; color:#fff; text-decoration:none; display:block;}
.navbox li a { font-weight:bold; color:#fff; text-transform:uppercase; text-decoration:none; margin-left:15px; font-size:14px; }
.navbox li a:hover { color:#5f5f5f; }
li.current_page_item a { color:#74a0bb; }
#footer a { color:#c1c1c1; text-decoration:none; color:#74a0bb; padding-bottom:20px;}
#footer a:hover { color:#5f5f5f; }
#content a { color:#74a0bb; }
#content ul { color:#5f5f5f; font-size:12px; margin-top:5px; }
#content li { list-style:circle; margin-left:30px;  }

.tabelle { margin:10px;  }
.tabelle td { padding:5px 0px 0px 5px; font-weight:bold; color:#5f5f5f; font-size:12px; }
.tabelle tr { background:#cae6f8; }
tr.tr { background:#ececec; }
tr.rabatt { background:#fff; }
.tabelle td { width:150px; }
td.bild { background:#fff; padding-left:50px;}

h3.toggler { cursor: pointer; background: #74a0bb;	padding:5px; }
h3.toggler:hover { color:#e6e6e6 !important; }
#sidebar h4 { font-size:14px; font-weight:bold; color:#999; margin:20px 0px 0px 20px; }
div.element p, div.element h4 {	margin:0px;	padding:4px; }
blockquote { padding:5px 20px;}

.webseiten { margin:10px auto; width:180px; font-size:11px; color:#666; }
#sidebar h4 { margin-top:50px; } 
.webseiten img { margin:5px 0px 5px; }
#ss { background:url(images/sidebar-stempelservice.png) no-repeat; display:block; height:37px; width:180px; margin-bottom:8px; margin-top:5px;}
#ss:hover { background:url(images/sidebar-stempelservice-mo.png) no-repeat; }
#ap { background:url(images/sidebar-achtungposter.png) no-repeat; display:block; height:37px; width:180px; margin-top:5px; }
#ap:hover { background:url(images/sidebar-achtungposter-mo.png) no-repeat; }
.webseiten hr { color:#efefef; margin-top:10px;}

#kontaktformular input[type=submit] { background:#ececec; border:1px solid #999; }

.opinfo a { text-decoration:none !important; color:#000 !important; }
.opinfo strong { font-weight:normal; }

#weihnachtsinfos { background:#f1f2f3; text-align:center; border:1px solid #bcbcbc; padding:15px 15px; line-height:19px; margin-bottom:10px;}