/*
 * CSS-File for
 * BSII Bamberg
 * This layout was tested to work with:
 * Mozilla Firefox 2.0
 * Opera 9.1
 * Apple Safari 3.0.3
 * Microsoft Internet Explorer 7
 * Microsoft Internet Explorer 6
 */

html,
body {
	height: 100%;
}

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
}

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

/*
 * The layout of the site is divided into two sections:
 *
 * Content Section
 * -> Header
 * -> Navigation top
 * -> Navigation left
 * -> Content left
 * -> Content right (in most cases)
 *
 * Footer Section
 * -> Copyright and service navigation
 * -> Service Icons (e.g. RSS)
 *
*/

div#content_wrapper {
	width: 910px;
	min-height: 100%;
	margin: 0px auto;
	padding: 0px 12px;
	background-image: url(../upload/layout/bg_content_wrapper.png);
	background-repeat: no-repeat;
	position: relative;
}

/* Header Section */
div#header {
	height: 240px;
	background-image: url(../upload/layout/bg_header.jpg);
	background-repeat: no-repeat;
	position: relative;
}

/* Definitions for alternate header images. Note that the body-classname is the same as the main-categories name */
body.drucktechnik div#header { background-image: url(../upload/layout/header/bg_header_druckgewerbe.jpg); }
body.backgewerbe div#header { background-image: url(../upload/layout/header/bg_header_backgewerbe.jpg); }
body.fleischergewerbe div#header { background-image: url(../upload/layout/header/bg_header_fleischgewerbe.jpg); }
body.friseure div#header { background-image: url(../upload/layout/header/bg_header_friseure.jpg); }
body.gastronomie div#header { background-image: url(../upload/layout/header/bg_header_gastronomie.jpg); }
body.hauswirtschaft div#header { background-image: url(../upload/layout/header/bg_header_hauswirtschaft.jpg); }
body.maler-_und_lackierer div#header { background-image: url(../upload/layout/header/bg_header_maler.jpg); }

div#login { z-index: 10; position: relative; }

div#login_form_wrapper {
	height: 213px;
	background-image: url(../upload/layout/bg_login_form_wrapper.png);
}

div#login_link {
	height: 23px;
	background-image: url(../upload/layout/bg_login.png);
	background-position: top right;
	background-repeat: no-repeat;
	position: relative;
}

div#login_link a {
	top: 0px;
	right: 0px;
	margin: 5px 22px 0px 20px;
	padding-right: 20px;
	background-image: url(../upload/layout/bg_login.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 10px;
	background-image: url(../upload/layout/bg_login_link.png);
	background-position: center right;
	background-repeat: no-repeat;
	position: absolute;
}

h1#logo {
	top: 73px;
	left: 22px;
	position: absolute;
}

h1#logo,
h1#logo a {
	width: 280px;
	height: 74px;
	display: block;
}

h1#logo a {
	background-image: url(../upload/layout/bs2_logo.png);
	background-repeat: no-repeat;
	text-indent: -99999px;
}
h1#logo a:focus { outline: none; }

h2#slogan {
	width: 370px;
	height: 13px;
	top: 245px;
	right: 22px;
	background-image: url(../upload/layout/aplaceofexperience.png);
	background-repeat: no-repeat;
	text-indent: -99999px;
	position: absolute;
}

/* Top Navigation Section */
div#navigation_top_wrapper {
	height: 40px;
	background-image: url(../upload/layout/bg_navigation_top.png);
	background-repeat: no-repeat;
	background-position: 1px 0px;
	position: relative;
}

ul#navigation_top li {
	background-image: url(../upload/layout/bg_navigation_top_list.png);
	background-position: center right;
	background-repeat: no-repeat;
	float: left;
}

ul#navigation_top li#navigation_top_last { background-image: none; }

ul#navigation_top li a {
	height: 28px;
	padding: 12px 20px 0px 22px;
	color: #666666;
	display: block;
}

ul#navigation_top li a:hover,
ul#navigation_top li a#navigation_top_active {
	background-image: url(../upload/layout/bg_navigation_top_link.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	color: #154E7B;
	text-decoration: none;
}

/* Left Navigation Section */
div#navigation_left_wrapper {
	width: 156px;
	padding-top: 60px;
	background-image: url(../upload/layout/bg_navigation_left_wrapper.png);
	background-position: top right;
	background-repeat: no-repeat;
	float: left;
}

ul#navigation_left {
	padding-bottom: 60px;
	background-image: url(../upload/layout/bg_navigation_left.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

ul#navigation_left li a {
	padding: 7px 0px 7px 22px;
	border: 1px solid #F3F3F3;
	border-width: 0px 1px 1px 0px;
	color: #919090;
	display: block;
}

ul#navigation_left li.navigation_left_sub a {
	padding: 7px 0px 7px 32px;
}

ul#navigation_left li a:hover,
ul#navigation_left li#navigation_left_active a {
	color: #154E7B;
	background-color: #F2F5F7;
	text-decoration: none;
}

/* Left and Right Content Section */
div#content_left {
	width: 380px;
	margin: 60px 0px 0px 40px;
	color: #666666;
	line-height: 18px;
	float: left;
}

/* Stretches div#content_left to full width */
div.single {
	width: 674px !important;
	margin: 60px 40px 0px 40px !important;
}

h3, h4 {
	margin-bottom: 18px;
	font-weight: 800;
	color: #154E7B;
	border-bottom: 1px solid #B7B7B7;
}

h3 { font-size: 18px; }
h4 { font-size: 14px; }

div#content_left ul {
	margin-left: 25px;
	list-style: square;
}

div#content_left h1,
div#content_left h2,
div#content_left h5,
div#content_left h6,
div#content_left table,
div#content_left ul,
div#content_left ol,
div#content_left dl,
div#content_left p {
	margin-bottom: 18px;
}

div#content_right {
	width: 262px;
	margin: 60px 22px 0px 50px;
	line-height: 1.5;
	float: left;
}

/* News Section */
div.entry {
	width: 238px;
	margin-bottom: 36px;
	padding: 10px 10px 0px 10px;
	font-size: 12px;
	background-image: url(../upload/layout/bg_teaser.png);
	background-repeat: no-repeat;
}

div.entry_full {
	margin-right: 10px;
	float: left;
}

a.entry_headline { color: #154E7B; }

/* Styles for galleries */
div#content_left ul.gallery {
	margin: 0px;
	list-style: none;
}

ul.gallery li {
	float: left;
}

ul.gallery li a {
	margin-right: 20px;
	margin-bottom: 10px;
	border: 5px solid #CCCCCC;
	display: block;
}

ul.gallery li a:hover {
	border-color: #154E7B;
}

ul.gallery li img { display: block; }

/* Footer Section */
hr#footer_spacer { padding-bottom: 75px; visibility: hidden; }

div#footer {
	width: 866px;
	height: 40px;
	margin: -55px auto 0px auto;
	padding: 15px 22px 0px 22px;
	color: #BDBDBD;
	background-image: url(../upload/layout/bg_footer.png);
	background-repeat: no-repeat;
	position: relative;
}

div#footer a { color: #BDBDBD; }

ul#footer_navigation {
	top: 8px;
	right: 22px;
	position: absolute;
}

ul#footer_navigation li { display: inline; }

/* sIFR Section */
.sIFR-flash { margin: 0px; visibility: visible !important; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { width: 0px; height: 0px; top: 0px; left: 0px; overflow: hidden; display: block; position: absolute; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* Decoy Styles */
.sIFR-hasFlash h3, .sIFR-hasFlash h4 { visibility: hidden; }
.sIFR-hasFlash h3 { line-height: 1.5; }
.sIFR-hasFlash h4 { padding-bottom: 6px; font-size: 12px; }