body, html {
	height: 100%;
	margin: 0;
	padding: 0; /*background-image: url(img/hg-braun.gif);*/
	background-image: url(img/hg-tricolor.gif);
	background-repeat: repeat-y;
	background-color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

div#rightcol {
	position: relative;
	height:100%;
	width:505px;
	float:left;
}

div#leftcol {
	position: relative;
	left: 34px;
	width:216px;
	height: 100%;
	background:#FF9B00;
	float:left;
}

div#wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(img/hg-braun.gif);
	background-repeat: repeat-x;
}

div#content {
	position: relative;
	left: 34px;
	height:100%;
	background:#fff;
	width: 100%;
	margin:0 35px 0 0;
}

h1#logo {
	margin-top: 60px;
	background: url(img/concept-optic-logo.gif) no-repeat top;
	font:0px/0px sans-serif;
	height: 36px;
	width: 216px;
	padding: 0;
	overflow:hidden; 
}

h3#slogan {
	background: url(img/service-qualitaet-chic.gif) no-repeat top;
	font:0px/0px sans-serif;
	height: 31px;
	width: 216px;
	padding: 0;
	margin-bottom: 10px;
	overflow:hidden; 
}

img#sidepic {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 216px;
}

div#flash {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 216px;
}

/* Beginn Haupt-Navigation */

div#navi {
	background:#9F5F02;
	width: 100%;
	height: 77px;
	border-bottom:40px solid #000;
}

div#navi ul#nav-main {
	position: relative;
	top: 14px;
	list-style-type:none;
	margin: 0px;
	padding-top: 40px;
	padding-left: 40px;
	float:left;
}

div#navi ul#nav-main li {
	float:left;
}

div#navi ul#nav-main li a {
  font:0px/0px sans-serif;
  color:#000;
  text-decoration: none;
  text-indent: 0;
  overflow:hidden; 
}

div#navi ul#nav-main li a:link, div#navi ul li a:visited {
	display:block;
	color: #FFF;
	border-bottom: 5px solid #000;
}

div#navi ul#nav-main li a:hover, div#navi ul li a:active {
	border-bottom: 5px solid #FF9B00;
}

div#navi ul#nav-main li ul#nav-sub a:link, 
div#navi ul#nav-main li ul#nav-sub a:visited, 
div#navi ul#nav-main li ul#nav-sub a:hover, 
div#navi ul li ul#nav-sub a:active {
	border: 0;
}
/* Ende Sub-Navigation */

li.lnk19 a, li.lnk3 a, li.lnk4 a, li.lnk15 a, li.lnk16 a, li.lnk18 a, li.lnk17 a {
	background-repeat: no-repeat;
	margin: 0 7px 0 0;
	height: 23px;
}

li.lnk19 a {
	background-image: url(img/navigation/home.gif);
	width: 31px;
}

li.lnk15 a {
	background-image: url(img/navigation/aktuelles.gif);
	width: 52px;	
}

li.lnk3 a {
	background-image: url(img/navigation/leistungen.gif);
	width: 58px;
}

li.lnk4 a {
	background-image: url(img/navigation/produkte.gif);
	width: 50px;
}

li.lnk16 a {
	background-image: url(img/navigation/kontakt.gif);
	width: 41px;
}

li.lnk17 a {
	background-image: url(img/navigation/anfahrt.gif);
	width: 40px;
}

li.lnk18 a {
	background-image: url(img/navigation/impressum.gif);
	width: 62px;
}

/* Ende Haupt-Navigation */

/* Beginn Sub-Navigation */

ul#nav-sub {
	display: none;
}

body#body4 ul#nav-sub, body#body12 ul#nav-sub, body#body11 ul#nav-sub, body#body14 ul#nav-sub {
	display: block;
	position: absolute;
	left: -259px;
	top: 180px;
	border:0;
	width: 216px;
}

div#navi ul#nav-sub {
	list-style-type:none;
}


li.lnk12 a, li.lnk11 a, li.lnk14 a {
	background-repeat: no-repeat;
	margin: 0 0 3px 3px;
	height: 21px;
	width: 216px;
}

li.lnk12 a {
	background-image: url(img/navigation/subnavigation/brillen-optic-off.gif);
}

li.lnk12 a:hover, li.lnk12 a:active, body#body12 li.lnk12 a {
	background-image: url(img/navigation/subnavigation/brillen-optic-on.gif);
}

li.lnk11 a {
	background-image: url(img/navigation/subnavigation/linsen-optic-off.gif);
}

li.lnk11 a:hover, li.lnk11 a:active, body#body11 li.lnk11 a {
	background-image: url(img/navigation/subnavigation/linsen-optic-on.gif);
}

li.lnk14 a {
	background-image: url(img/navigation/subnavigation/sport-optic-off.gif);
}

li.lnk14 a:hover, li.lnk14 a:active, body#body14 li.lnk14 a {
	background-image: url(img/navigation/subnavigation/sport-optic-on.gif);
}


/* Ende Sub-Navigation */

/* Beginn Link: OnSite-Bearbeitung */
p.edit {
	padding: 0 0 0 12px;
}

p.edit a {
	font: bold 80%/130% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FF9B00;
	text-decoration: none;
}

/* Ende Link: OnSite-Bearbeitung */

div#content div.post {
	padding: 0px 12px 12px 12px;
}

div#content div.post p {
	font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 130%;

}

div#content h2 {
	font-size: 130%;
	width: 400px;
	margin:0;
	padding:0;
}

div#content div.post h2 {
	font-size: 130%;
	width: 400px;
	margin:0;
	padding:0;
}

div.contactform {
	margin-top: 10px;
}

div#content div.post h2.subhead {
	font-size: 130%;
	margin: 10px 0 5px 0;
	padding: 0;
}

div#content div.post ul {
	list-style-type: disc;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}

div#content div.post ul li {
	font-size: 80%;
	font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}

div.entrytext img {
	margin-top: 2px;
	border: 2px solid #FF9B00;
}

div#sizer {
	font-size: 90%;
	position: relative;
	text-align: center;
	left: 355px;
	padding-top: 5px;
	padding-bottom: 3px;
	color: #000;
	background:#FF9B00;
	width: 150px;
}

div#sizer a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}