#body {
	background: #fff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color: #666;
	margin:0pt;
	padding:0pt;
}

a {
	color: #5484b0;
	text-decoration: none;
}

h4
{
	font-size: 13px;
}

.shanty {
	width: 900px;
	margin: auto;
	position: relative;
}

#site {
	background: #f3f3f3 url(/gfx/background.gif) repeat-x;
}

#header {
	background: #fff;
	width: 900px;
	height: 123px;
	position: relative;
}

#logo {
	background: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
}

#logo img {
	width: 150px;
	height:123px;
	display: block;
}

#sitesearch {
	position: absolute;
	top: 72px;
	left: 320px;
	width: 142px;
	height: 19px;
}

#sitesearch .query {
	background: url(/gfx/input_bg.gif) no-repeat;
	width: 117px;
	height: 19px;
	color: #ccc;
	font-size: 10px;
	border: none;
	float: left;
	padding: 4px 0px 0px 5px;
}

#sitesearch .button {
	border: 0px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#headerNav {
	position: absolute;
	bottom: 30px;
	right: -8px;
	height: 40px;
}

#headerNav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#headerNav ul li {
	padding: 21px 0px 5px 0px;
	float: left;
	font-size: 12px;
	text-align: center;
}

#headerNav ul li a {
	border-left: 1px solid #ccc;
	color: #666;
	text-transform: uppercase;
	text-decoration: none;
	padding: 4px 8px;
}

#headerNav ul li a:hover,
#headerNav ul li.on a {
	color: #5484b0;
	background: url(/gfx/pfeil.gif) no-repeat 50%  0px;
}

#flash {
	width: 461px;
	height: 281px;
	float: left;
}

#flash img {
	display: block;
	margin: 0px;
	padding: 0px;
}

#boxProducts {
	background: #eaeff2;
	width: 409px;
	height: 251px;
	float: left;
	padding: 15px;
	position: relative;
	overflow: auto;
}

#boxProducts .item {
	margin-bottom: 0px;
}

#boxProducts .item .inner {
	font-weight: bolder;
	padding: 5px;
}

#boxProducts h4 {
	margin-bottom: 0px;
}

#boxNews {
	background: #dde4e9;
	width: 431px;
	height: 112px;
	float: left;
	padding: 15px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccd5dd;
	position: relative;
	overflow: hidden;
}

#boxTimes {
	background: #eaeff2;
	width: 409px;
	height: 112px;
	float: left;
	padding: 15px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccd5dd;
	position: relative;
}

#boxTimes .logoTop {
	background: url(/gfx/top_100.jpg) no-repeat;
	width: 92px;
	height: 142px;
	position: absolute;
	top: 0px;
	left: 354px;
}

#boxTimes .boxLeft
{
	width: 320px;
	margin-right: 10px;
}

#newsletter button
{
	width: 160px;
	background: none;
	border: none;
	font-size: 10px;
	color: #5484B0;
	cursor: pointer;
	text-transform: uppercase;
	line-height: 20px;
	height: 20px;
}

#newsletter select
{
	width: 100px;
	float: left;
}


#boxTimes input
{
	width: 160px;
}


/* Stile für die links-/rechtsausrichtung für Öffnungszeiten / Telefon, Telefax */
#blueBeam p.info
{
	float: left;
	margin: 8px 0px 8px 3px;
	text-align: right;
	line-height: 18px;
}

#blueBeam p.info.kontakt
{
	text-align: left;
	margin: 8px 26px 8px 3px;
	
}

#blueBeam .boxLeft {
	float: left;
	margin: 0px 0px 0px 0px;
}

#blueBeam .boxLeft a {
	margin: 8px 0px 0px 0px;
}

#blueBeam .boxRight {
	float: right;
	margin: 0px 0px 0px 0px;
}

#blueBeam .boxRight a {
	margin: 8px 0px 0px 0px;
}

#mainNav {
	background: #e9edf1;
	padding: 10px 0px;
}

#mainNav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#mainNav ul li {
	float: left;
}

#mainNav ul li a {
	background: url(/gfx/button_right.jpg) no-repeat 15px 5px;
	border-left: 1px solid #ccc;
	font-size: 13px;
	font-weight: bold;
	color: #5484b0;
	display: block;
	width: 131px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px 0px 20px 33px;
	margin: 0px 135px 0px 0px;
}

#mainNav ul li a:hover,
#mainNav ul li.on a {
	background: url(/gfx/button_down.jpg) no-repeat 15px 5px;
}

#blueBeam {
	background: #e9edf1;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccd5dd;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

#logoOptic {
	background: url(/gfx/koessel_logo.jpg) no-repeat;
	width: 112px;
	height: 15px;
	position: absolute;
	top: 15px;
	left: 170px;
}

#logoSport {
	background: url(/gfx/sport_logo.jpg) no-repeat;
	width: 91px;
	height: 22px;
	position: absolute;
	top: 15px;
	left: 493px;
}

#logoFoto {
	background: url(/gfx/foto_logo.jpg) no-repeat;
	width: 103px;
	height: 15px;
	position: absolute;
	top: 15px;
	left: 782px;
}

.boxHeader
{
	background: url(/gfx/button_right.jpg) no-repeat left center;
	font-weight: bold;
	color: #5484b0;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 18px;
	font-size: 13px;
	margin-bottom: 8px;
}

.boxHeader:hover
{
	background: url(/gfx/button_down.jpg) no-repeat left center;
}

.moreInfo a,
.moreOptic a,
.moreSport a,
.moreFoto a {
	color: #5484B0;
	font-size: 10px;
	text-decoration: none;
}

.moreInfo a
{
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#boxNews .moreInfo a
{
	right: 10px !important;
	right: 20px;
}

.moreOptic {
	position: absolute;
	bottom: 10px;
	left: 17px;
}

.moreSport {
	position: absolute;
	bottom: 10px;
	left: 317px;
}

.moreFoto {
	position: absolute;
	bottom: 10px;
	left: 617px;
}

#headerPic {
	width: 300px;
	height: 155px;
}

#headerPic img {
	display: block;
}

#content .left,
#content .right {
	float: left;
}

#content .right {
	background: #fafafa;
	width: 585px;
	margin: 0px 0px 0px 15px;
}

#content .printBox {
	background: #eaeff2;
	width: 555px;
	padding: 15px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccd5dd;
}

#content .printBox a {
	color: #666;
	font-size: 11px;
	text-decoration: none;
}

.back {
	margin-left: 372px;
}

#subNav {
	background: #dae1e7;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccd5dd;
}

#subNav ul {
	margin: 10px 15px;
	padding: 0px;
	list-style-type: none;
}

#subNav ul li {
	display: inline;
}

#subNav ul li a {
	font-size: 12px;
	color: #666;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0px;
	padding: 6px 0px;
	border-bottom: 1px dotted #fff;
}

#subNav ul li a:hover {
	color: #5484b0;
}

#subNav ul li.on a {
	background: url(/gfx/menu_pfeil_blau.gif) no-repeat 266px 9px;
	color: #5484b0;
	border: none;
}

#subNav ul li ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	list-style-type: none;
}

#subNav ul li ul li.off a {
	background: url(/gfx/menu_pfeil_grau.gif) no-repeat 0px 2px;
	font-size: 10px;
	color: #666;
	display: block;
	text-transform: none;
	margin: 0px;
	padding: 0px 0px 6px 6px;
	border-bottom: none;
}

#subNav ul li ul li a:hover,
#subNav ul li ul li.on a {
	background: url(/gfx/menu_pfeil_schwarz.gif) no-repeat 0px 2px;
	color: #000;
	font-size: 10px;
	display: block;
	text-transform: none;
	margin: 0px;
	padding: 0px 0px 6px 6px;
	border-bottom: none;
}

#footer,
#footer a {
	color: #666;
	font-size: 10px;
}

#footer {
	margin: 0px;
	padding: 20px 0px 10px 0px;
}

#footer a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

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

#footer .left {
	float: left;
}

#footer .right {
	float: right;
}

/* VORLAGEN */

.template {
	margin: 5px 15px 15px 15px;
}

.template h1 {
	text-transform: uppercase;
	color: #5484b0;
	font-size: 16px;
	margin: 0px 0px 10px 0px;
}

.template h3 {
	color: #666;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
}

.template p {
	margin: 10px 0px 10px 0px;
}

.template small {
	margin: 5px 0px 0px 0px;
}


.template_fileview .item {
	background: #eaeff2;
	border-bottom: 1px solid #ccd5dd;
	padding: 10px;
	margin-bottom: 10px;
}

.template_fileview .icon {
	display: block;
	float: right;
} 

.template_fileview .minitext.link a {
	color: #666;
} 

.template_fileview .minitext.link {
	padding-bottom: 5px;
}

.template_divider h1 {
	border-bottom: 1px dotted #666;
	font-size: 12px;
	text-transform: none;
}

.template_logobox {
	border: 1px solid #e5e5e5;
	background: #fff;
}

.template_logobox h1 {
	font-size: 12px;
	text-transform: none;
	
	margin: 8px 0px 4px 8px;
}

.template_logobox h3 {
	font-size: 11px;
	font-weight: normal;
	color: #000;
	margin: 0px 0px 8px 8px;
}

.template_logobox .text {
	float: left;
	width: 433px;
}

.template_logobox .bild {
	float: left;
	width: 100px;
	padding-left: 10px;
}

.template_default_grau {
	border: 1px solid #e5e5e5;
	background: #fff;	
}

.template_default_grau .text {
	margin: 8px;
}

.template_default_grau img {
	margin: 8px;
}

.template_table {
	padding: 8px;
	border: 1px solid #e5e5e5;
}

.template_table .row_1 {
	color: #5484b0;
}

.template_2bild h1 {
	margin-top: 15px;
}

.template_sitesearch fieldset {
	border: 0;
}

.template_community
{

}

.template_community.newsletteranmeldung .personendaten
{
	border-color: #E5E5E5;
	background: #FFF;
}

.template_community.newsletteranmeldung .gruppen
{
	border-color: #E5E5E5;
	background: #FFF;
}