/*
 * CSS-File for
 * optikmueller24.de
 * Copyright (c) CLICKSPORTS
 * $Rev: 12 $
 * $Author: cs $
 * $Date: 2009-03-27 13:52:52 +0100 (Fr, 27 Mrz 2009) $
 *
 */

body {
	margin-bottom: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #75726E;
	background-color: #E1E1E1;
}

a:link { color: #6F6F6F; text-decoration: none; }
a:visited { color: #6F6F6F; text-decoration: none; }
a:hover { color: #6F6F6F; text-decoration: underline; }
a:active { color: #6F6F6F; text-decoration: none; }
a img { border: none; }

/* Basic Layout Section */
div#site {
	width: 870px;
	margin: 0px auto;
	background-image: url(../layout/bg_site.jpg);
	background-repeat: repeat-y;
	position: relative;
}

ul#breadcrumb {
	top: 80px;
	left: 178px;
	list-style: none;
	position: relative;
}

ul#breadcrumb li { display: inline; }
ul#breadcrumb li,
ul#breadcrumb li a {
	color: #75726E;
	text-transform: uppercase;
	font-size: 10px;
}

h1#logo {
	top: 29px;
	right: 112px;
	position: absolute;
	z-index: 5;
}

div#wrapper {
	background-image: url(../layout/bg_wrapper.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;	
}

div#column_left {
	width: 538px;
	padding-top: 113px;
	float: left;
}

div#column_right {
	width: 284px;
	margin-right: 35px;
	padding-top: 113px;
	float: right;
}

div#footer {
	margin: 0px 332px 0px 127px;
	padding: 6px 20px 5px 45px;
	font-size: 10px;
	color: #6F6F6F;
	background-color: #E8E4DC;
	clear: both;
}

/* Teaser Section */
div#image_teaser {
	width: 538px;
	height: 288px;
	position: relative;
	overflow: hidden;
}
div#image_teaser img {
	top: 0px;
	left: 0px;
	display: block;
	position: absolute;
}

div#teaser img { display: block; }
div#teaser {
	width: 411px;
	margin: -46px 0px 0px 127px;
	position: relative;
	z-index: 10;
}

div#teaser h2 {
	padding: 6px 10px 4px 50px;
	font-size: 28px;
	color: #545454;
	letter-spacing: 5px;
	text-transform: uppercase;
	background-image: url(../layout/bg_teaser.png);
	background-repeat: no-repeat;
}

div#teaser h3 {
	min-height: 32px;
	padding: 11px 113px 8px 48px;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #6F6F6F;
}

/* Content Section */
div#content { padding: 45px 0px 0px 174px; }

div#content h1,
div#content h3 {
	margin-bottom: 18px;
	font-size: 17px;
	color: #545454;
	text-transform: uppercase;
}

div#content div,
div#content p,
div#content table,
div#content ul,
div#content ol {
	margin-bottom: 30px;
	line-height: 20px;
}

div#content ul { list-style: none; }
div#content ul li {
	padding-left: 20px;
	background-image: url(../files/bg_lists.png);
	background-position: 0px 5px;
	background-repeat: no-repeat;
}

div#content a { color: #5EB7A1; }

/* News */
ul.news div.newscolumn img { display: none; }

/* Column Right */
ul#navigation {
	min-height: 305px;
	margin: 0px 15px 11px 0px;
	padding: 32px 0px 0px 0px;
	background-color: #E8E4DC;
	list-style: none;
}
ul#navigation li { margin-bottom: 24px; }
ul#navigation li a {
	padding-left: 55px;
	font-size: 16px;
	text-transform: uppercase;
	display: block;
}
ul#navigation li a:hover,
ul#navigation li.active a {
	color: #5EB7A0;
	text-decoration: none;
}

ul#subnavigation {
	padding: 0px 0px 0px 55px;
	font-size: 14px;
	text-transform: uppercase;
	list-style: none;
}
ul#subnavigation li { margin-bottom: 16px; }
ul#subnavigation li.active a { text-decoration: underline; }

/* Testsieger */
div#testsieger { margin: 0px 15px 28px 0px; text-align: center; }

/* Footer Section */
div#footer ul {
	text-transform: uppercase;
	list-style: none;
}

div#footer ul li {
	padding: 0px 5px;
	border-left: 1px solid #6F6F6F;
	float: left;
}

div#footer ul li:first-child { border: none; }

div#content ul.gb_pagination li {
	padding: 3px;
	background-image: none;
}

li.a63-pagination_aktuell { font-weight: 800; }

/* Guestbook */
div.guestbook_entry {
	margin: 20px 0px;
	padding: 8px;
	border: 1px solid #5EB7A1;
	background-color: #FFFFFF;
}

div#content div.guestbook_header,
div#content div.gbh_left,
div#content div.gbh_right,
div#content div.guestbook_entry div.clearer {
	margin-bottom: 0px;
}

div#content div.guestbook_content { margin-top: 20px; }

div.gbh_left { float: left; }
div.gbh_right { float: right; }

/* News */
div#content ul.news li,
div#content ul.pagination li {
	padding-left: 0px;
	background-image: none;
}

/* Misc */
.clearer { clear: both; }
.left { float: left; }
.right { float: right; }