/*
 * CSS-File for
 * www.logicglas.de
 * Copyright (c) CLICKSPORTS
 * $Rev: 20 $
 * $Author: cs $
 * $Date: 2009-07-02 16:31:57 +0200 (Do, 02 Jul 2009) $
 *
 */

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5C5C5C;
	background-color: #FFFFFF;
}

a:link { color: #5C5C5C; text-decoration: none; }
a:visited { color: #5C5C5C; text-decoration: none; }
a:hover { color: #5C5C5C; text-decoration: underline; }
a:active { color: #5C5C5C; text-decoration: none; }

/* Basic Page Layout */
div#header {
	height: 383px;
	padding: 17px 0px 4px 0px;
	background-image: url(../layout/bg_header.gif);
	background-repeat: repeat-x;
	position: relative;
	z-index: 10;
}

div#wrapper {
	width: 868px;
	margin: 0px auto 25px auto;
	position: relative;
}

div#columns {
	padding-bottom: 12px;
	border: 1px solid #A4CBDB;
	background-image: url(../layout/bg_columns.gif);
	background-repeat: repeat-y;
	border-top: none;
}

div#bbottom {
	width: 25px;
	height: 28px;
	bottom: 0px;
	right: 0px;
	background-image: url(../layout/bg_wrapper.gif);
	background-repeat: no-repeat;
	position: absolute;
}

div#footer { width: 640px; margin: 0px auto; font-size: 9px; position: relative; }

/* Header Section */
div#header_inset { width: 866px; margin: 0px auto; position: relative; }
div#header_inset h1 { margin-top: 43px; display: inline-block; }

form#search {
	width: 260px;
	height: 26px;
	top: 0px;
	right: 0px;
	background-image: url(../layout/bg_search.gif);
	background-repeat: no-repeat;
	position: absolute;
}
form#search div { display: inline-block; }

form#search div.input label { padding-left: 12px; color: #FFFFFF; display: inline; position: relative; top: 5px; }
form#search div.input input {
	width: 105px;
	margin: 5px 0px 0px 12px;
	padding: 0px;
	background-color: transparent;
	border: none;
}

form#search div.submit input { padding: 0px; border: none; }

/* Language Switch */
ul#languages { top: -1px; margin-left: 7px; font-size: 10px; text-transform: uppercase; display: inline-block; position: relative; }
ul#languages li { padding: 0px 0px 0px 3px; border-left: 1px solid #FFFFFF; display: inline; }
ul#languages li:first-child { padding-left: 0px; border-left: none; }
ul#languages li.active a { font-weight: 800; }
ul#languages li a { color: #FFFFFF; }

/* Navigation Top */
ul#navigation {
	top: 83px;
	right: 0px;
	padding-right: 15px;
	font-size: 13px;
	text-transform: lowercase;
	position: absolute;
	z-index: 15;
}

ul#navigation li { margin-left: 48px; float: left; }
ul#navigation li a { height: 24px; display: block; }

ul#navigation li.active a { font-weight: 800; }
ul#navigation li.active ul li a { font-weight: normal; }

ul#navigation li a:hover { color: #296589; text-decoration: none; }

ul#navigation li ul {
	width: 161px;
	left: -10000px;
	margin-top: -1px;
	padding: 16px 0px 26px 0px;
	background-image: url(../layout/bg_navigation_sub.png);
	background-repeat: no-repeat;
	position: absolute;
}
ul#navigation li:hover ul { left: auto; }

ul#navigation li ul li { margin-left: 0px; float: none; }
ul#navigation li ul li a {
	height: auto;
	padding: 0px 11px;
	background-image: url(../layout/bg_navigation_sub.png);
	background-repeat: repeat-y;
	text-transform: capitalize;
	line-height: 24px;
}

ul#navigation li ul li.active_child a,
ul#navigation li ul li a:hover {
	color: #296589;
	font-weight: 800;
	background-image: url(../layout/bg_navigation_active.png);
	background-position: top left;
	background-repeat: no-repeat;
}

ul#navigation li.navigation_footer {
	height: 20px;
	background-image: url(../layout/bg_navigation_footer.png);
	background-position: top left;
	background-repeat: no-repeat;
}

/* Flash Teaser */
div#flashteaser { height: 276px; padding-top: 29px; }

/* Breadcrumb */
ul#breadcrumb {
	margin: 0px 27px;
	padding: 12px 0px 7px 22px;
	background-color: #FFFFFF;
	background-image: url(../layout/bg_breadcrumb.gif);
	background-position: 0px 11px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #4EA4C3;
}

ul#breadcrumb li { display: inline; }

/* Content Section */
div#content { width: 525px; padding-top: 28px; float: left; }

div#content h1,
div#content h2 {
	margin-bottom: 20px;
	padding-left: 27px;
	font-size: 18px;
	color: #A4CBDB;
	background-image: url(../layout/bg_headline1.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div#content h2 { margin-bottom: 10px; padding-left: 0px; background-image: none; }

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

div#content p { margin-bottom: 15px; }
div#content a { color: #286589; }

div#content p,
div#content ul { line-height: 20px; }

div#content li {
	padding-left: 12px;
	background-image: url(../layout/bg_content_li.gif);
	background-position: 0px 7px;
	background-repeat: no-repeat;
}

div#content sup { font-size: 8px; }

div.contents { padding-left: 27px; }
div.contents h1 { margin-left: -27px; }

div.paragraph {
	margin-left: 27px;
	padding: 20px 0px 0px 46px;
	background-image: url(../layout/bg_paragraph.gif);
	background-repeat: repeat-x;
}

/* Search */
ol.searchterms { list-style: none; }
ol.searchterms li {
	padding-top: 20px;
	background-image: url(../layout/bg_paragraph.gif);
	background-repeat: repeat-x;
}

/* Sidebar Section */
div#sidebar {
	width: 233px;
	margin: 32px 27px 0px 0px;
	float: right;
}

div#sidebar h3 {
	margin-bottom: 20px;
	font-size: 24px;
	color: #286589;
}

a#shop {
	margin-bottom: 25px;
	display: block;
}

ol#news { margin-bottom: 20px; font-size: 9px; list-style: none; }
ol#news li { margin-bottom: 20px; }
ol#news li p { margin-bottom: 5px; line-height: 14px; color: #286589; }
ol#news li span { padding-left: 14px; background-image: url(../layout/bg_news.gif); background-position: center left; background-repeat: no-repeat; }
ol#news li p a { color: #286589; }
ol#news li p a:hover { background-color: #F4F4F4; text-decoration: none; }

/* Footer Section */
div#footer span { top: 8px; left: 0px; color: #286589; position: absolute; }

ul#metanavigation {
	width: 207px;
	height: 26px;
	top: 0px;
	right: 0px;
	text-align: center;
	background-image: url(../layout/bg_metanavigation.gif);
	background-repeat: no-repeat;
	position: absolute;
}

ul#metanavigation li { top: 8px; padding: 0px 2px 0px 3px; border-left: 1px solid #FFFFFF; color: #FFFFFF; display: inline; position: relative; }
ul#metanavigation li:first-child { padding-left: 0px; border-left: none; }
ul#metanavigation li a { color: #FFFFFF; }


/* Misc Classes */
.clearer { clear: both; }
object { outline: none; }