/* 
Theme Name:  Optik Best
Theme URI: http://www.optikbest.de/
Description: Layout-Vorlage für den Internetauftritt optikbest.de
Version: 1.0
Author: Christian Sattel Mediendesign
Author URI: http://www.christiansattel.de
*/

* {
	margin:0;
	padding:0;
}
body {
/*	font: 76% arial, sans-serif;*/
	font: 11px/18px verdana, arial, sans-serif;
	color: #333;
/*	background: #fff url( images/body-bg.jpg ) top left repeat-x;*/
}
a {
	color: #000;
}
/*
a:hover {
	border-bottom: 1px solid #f00;
	text-decoration: none;
}
*/
a img {
	border: none;
}
ul {
	list-style-type: none;
}
span.hide {
	display: none;
}
table {
	border: none;
	border-collapse: collapse;
}
td {
	padding: 2px 5px;
	border: 1px solid #ADBAC2;
}

/* clearing floats */
.clear { clear: both; }
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* hide from mac-ie \'/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide from mac-ie */

div#page {
/*	margin:0 auto;*/
/*	text-align:left;*/
	width:1000px;
}
div#header {
	margin: 0;
	height: 78px;
	background: #CAD4D9 url( images/header-bg.jpg ) top left repeat-x;
}
div#headerimg {
	background: transparent url( images/header-bildleiste.gif ) 237px 11px no-repeat;
}
div#header h4 a {
	display: block;
	margin:0;
	width: 228px;
	height: 78px;
	background: transparent url( images/logo.jpg ) top left no-repeat;
}
div#wrapper {
	float:left;
	width:100%;
}
div#content {
	margin: 0 213px 0 206px;
	padding: 0 20px 10px 10px;
	background:transparent url( images/header-shadow.gif ) top left repeat-x;
}
div#utils {
	margin-bottom: 10px;
}
div#breadcrumb {
	float: left;
	margin-top: 10px;
	font: 9px verdana, sans-serif;
}
div#searchform_container {
	float: right;
	margin-top: 10px;
}
div#sidebar {
	float:left;
	margin-left:-1000px;
	width: 206px;
	background:transparent url( images/header-shadow.gif ) top left repeat-x;
}
div#rightbar {
	float:left;
	margin-left: -215px;
	padding: 39px 0 100px 10px;
	width: 205px;
	background:transparent url( images/rightbar-bg.jpg ) top left repeat-x;
}
div#logos {
	clear:left;
	height: 45px;
	border-top: 1px solid #7F7F80;
	border-bottom: 1px solid #7F7F80;
	background: transparent url( images/lieferanten-logos.gif ) top left repeat-x;
}
div#footer {
	clear:left;
	margin: 7px 0 0 216px;
/*	width:100%;*/
	font: 9px verdana, sans-serif;
	color: #4d4d4d;
}

/* Navigation */
div#navigation {
	margin: 0 0 0 45px;
	padding: 39px 0 20px 0;
	background: transparent url( images/navi-bg.jpg ) top left no-repeat;
}
div#navigation li {
	margin-bottom: 2px;
}
div#navigation li ul {
	margin-top: 2px;
}
div#navigation li a.page_item {
	display: block;
	padding: 4px 0 0 26px;
	width: 135px;
	height: 18px;
	font: bold 12px arial, sans-serif;
	color: #4c4c4c;
	text-decoration: none;
	background: transparent url( images/navi-norm.gif ) top left no-repeat;
}
div#navigation li a.current_page_item, div#navigation li a:hover {
	color: #fff;
	background: transparent url( images/navi-hover.gif ) top left no-repeat;
}
div#navigation ul li ul li a.page_item {
	padding-left: 45px;
	background: transparent url( images/navi-sub-norm.gif ) top left no-repeat;
}
div#navigation ul li ul li a.current_page_item, div#navigation ul li ul li a:hover {
	background: transparent url( images/navi-sub-hover.gif ) top left no-repeat;
}

/* Kontakt-Form */
form dl, dl.labels {
	margin:0em;
	font-size:100%;
	margin-top:0.5em
}
form dt, dl.labels dt {
	float:left;
	width:7em;
	margin-bottom:0.8em;
	color:#4c4c4c;
	text-align:right;
	font-weight:normal;
	position:relative /*IEWin hack*/
}
form dd, dl.labels dd {
	margin-left:7.5em;
	margin-bottom:0.8em;
	font-size:100%;
	font-style:normal;
	text-align:left;
	padding-left:0.5em
}
form dd.submit, dl.labels dd.submit  {
	margin-top:2em
}
input.y_name, input.y_email, textarea.y_msg {
	width: 350px;
	border: 1px solid #4c4c4c;
}
input.sffield {
	margin: 0;
	padding: 0 2px;
	width: 100px;
	font-size: 12px;
	border: 1px solid #4c4c4c;
}
input.sfbutton {
	vertical-align: top;
}

/*article text */
div.entry {
	margin-bottom: 20px;
}
div.post h1, div.post h2, h1#newshead {
	color: #4c4c4c;
}
div.post h1, h1#newshead {
	margin-bottom: 20px;
	font: 18px arial, sans-serif;
}
div.post h2 {
	margin-bottom: 10px;
	font: 14px arial, sans-serif;
}
div.post p {
	margin: 0 0 25px 0;
}
div#bilder {
	float:left;
	margin-right: 10px;
	width: 270px;
}
div#bilder a {
	display: block;
	margin-bottom: 10px;
}
div.bilder {
	float:left;
	padding: 4px;
	width: 264px;
}
.bol { border: 1px solid #ADBAC2; }
.bor { border-right: 1px solid #ADBAC2; border-top: 1px solid #ADBAC2; border-bottom: 1px solid #ADBAC2; }
.bul { border-left: 1px solid #ADBAC2; border-bottom: 1px solid #ADBAC2; border-right: 1px solid #ADBAC2; }
.bur { border-right: 1px solid #ADBAC2; border-bottom: 1px solid #ADBAC2; }
div.post ul {
	margin-bottom: 20px;
	padding-left: 20px;
}
div.post ul li {
	margin-bottom: 5px;
	padding: 0 0 0 13px;
	color: #000;
	background: transparent url( images/list-icon.gif ) 0 5px no-repeat;
}
div.post img {
	margin: 0 3px 10px 0;
/*	border: 1px solid #879095;*/
	border: none;
	padding: 3px;
/*	background-color: #ECEDF1;*/
	background-color: none;
}
div.post a img {
	margin: 0;
	border: none;
	padding: 0;
	background-color: none;
}
div.post hr {
	margin-bottom: 20px;
	background-color:#879095;
	color:#879095;
	border: #879095;
	height: 1px;
}

/* Startpage */
div#top_topbox {
	margin-bottom: 11px;
	color: #fff;
	background: #4c4c4c url( images/topbox-top.jpg ) top left no-repeat; /* #4c4c4c */
}
div#top_topbox h1 {
	margin: 0;
	padding: 9px 0 0 21px;
	font: 18px arial, sans-serif;
	color: #fff;
}
div#top_topbox ul {
	margin: 0;
	padding: 0;
}
div#bottom_topbox h2, 
h2#home_box_brillenfassungen a, 
h2#home_box_sonnenbrillen a, 
h2#home_box_kontaktlinsen a {
	font: 12px arial, sans-serif;
	text-transform: uppercase;
	color: #fff;
}
div#bottom_topbox {
	padding: 12px 0 15px 0;
	background: transparent url( images/topbox-bottom.gif ) bottom left no-repeat; /* #4c4c4c */
}
div#bottom_topbox a {
	color: #fff;
}
div#start_maintext {
	float: left;
	padding: 0 10px 0 21px;
	width: 338px;
	font: 11px/18px verdana, sans-serif;
	border-right: 1px solid #B1B5B6;
}
div#letztenews {
	margin-left: 370px;
	padding-right: 10px;
	min-height: 85px;
}
div#letztenews p {
	padding-left: 21px;
	font-size: 9px;
}
div#letztenews h2 {
	margin-bottom: 5px;
	padding-left: 21px;
}
div#letztenews ul li {
	margin-bottom: 3px;
	padding-left: 21px;
	background: transparent url( images/startnews-bg.gif ) 7px 4px no-repeat;
}
div#letztenews a {
	font: 9px/12px verdana, sans-serif;
}
div#letztenews div#allenews {
	margin-top: 10px;
	text-align: right;
}
h2#home_box_brillenfassungen, 
h2#home_box_sonnenbrillen, 
h2#home_box_kontaktlinsen {
	float: left;
	margin-bottom: 20px;
}
h2#home_box_brillenfassungen, 
h2#home_box_sonnenbrillen  {
	margin-right: 11px;
}
h2#home_box_brillenfassungen, 
h2#home_box_sonnenbrillen, 
h2#home_box_kontaktlinsen, 
h2#home_box_brillenfassungen a, 
h2#home_box_sonnenbrillen a, 
h2#home_box_kontaktlinsen a {
	width: 176px;
	height: 144px;
}
* html h2#home_box_brillenfassungen, 
* html h2#home_box_sonnenbrillen, 
* html h2#home_box_kontaktlinsen, 
* html h2#home_box_brillenfassungen a, 
* html h2#home_box_sonnenbrillen a, 
* html h2#home_box_kontaktlinsen a {
	width: 155px;
}
h2#home_box_brillenfassungen a, 
h2#home_box_sonnenbrillen a, 
h2#home_box_kontaktlinsen a {
	padding: 4px 0 0 21px;
	text-decoration: none;
	color: #fff;
}
h2#home_box_brillenfassungen a {
	display: block;
	background: transparent url( images/box-brillenfassungen.jpg ) top left no-repeat;
}
h2#home_box_sonnenbrillen a {
	display: block;
	background: transparent url( images/box-sonnenbrillen.jpg ) top left no-repeat;
}
h2#home_box_kontaktlinsen a {
	display: block;
	background: transparent url( images/box-kontaktlinsen.jpg ) top left no-repeat;
}
div.entry p a img {
	margin: 0 5px 5px 0;
}