/**
 * Main CSS definition file.
 * @package www.schwarzenbach-wald.de
 * @author Oliver Hader <oh@inpublica.de>
 * @version $Id: style.css 221 2008-03-01 11:44:51Z olly $
 */

body { margin: 0px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; background: #ffffff; color: #323C42; }

#header .branch.citizen a { background-color: #52792F; }
#header .branch.economy a { background-color: #800913; }
#header .branch.tourism a { background-color: #E5AD2E; }

div.menu ul { margin: 0px; padding: 0px; list-style-type: none; }
div.menu table { margin: 0px; z-index: 20; left: 0px; position: absolute; top: 0px; border-collapse: collapse; }
div.csc-table.border-0 table.contenttable td,
	div.csc-table.border-0 table.contenttable.table-no-border td { padding:5px; vertical-align: top; border: none; }

#page { margin-left: 1px; }

#top { margin: 0px; padding: 0px; height: 67px; width: 990px; background-color: #FFFFFF; }
#top div.logo { float: left; height: 67px; width: 497px; }

#header { }
/* Header menu */
#header div.menu { border-right: 1px solid #ffffff; float: left; }
#header div.menu ul { position: relative; z-index: 10; }
#header div.menu ul li { display: inline; }
#header div.menu ul li a {
	width: 189px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #FAFAF0;
	text-indent: 8px;
	background-repeat: no-repeat;
	background-position: 170px center;
	vertical-align: middle;
	line-height: 25px;
	color: #0B333C;
}
#header div.menu ul.regular li a { background-color: #E1E6EB; background-image: url('/fileadmin/template/img/header/pfeil_topnav.gif'); }
#header div.menu ul.regular li a.last { border-bottom: 0px none; }
#header div.menu ul.regular li a:hover { background-color: #CCD4DD; background-position: 168px center; }
#header div.menu ul.branches li a { font-size: 12px; font-weight: bold; color: #FAFAF0; line-height: 35px; background-image: url('/fileadmin/template/img/header/pfeil_bold.gif'); }
#header div.menu ul.branches li a:hover { background-position: 165px center; }
#header div.menu ul.branches li.citizen a:hover { background-color: #425B2C; }
#header div.menu ul.branches li.economy a:hover { background-color: #66050C; }
#header div.menu ul.branches li.tourism a:hover { background-color: #CD9726; }
/* Second and third level menu */
#header div.menu ul.branches li ul { border-right: 1px solid #CCD4DD; border-left: 1px solid #CCD4DD; border-bottom: 1px solid #CCD4DD; }
#header div.menu ul.branches li ul li a { width: 200px; font-size: 11px; line-height: 25px; font-weight: normal; border-top: 1px solid #CCD4DD; border-bottom: 0px none; background-image: none; }
#header div.menu ul.branches li ul li a.hasChildren { background-image: url('/fileadmin/template/img/header/pfeil_bold.gif'); background-position: 185px center; }
#header div.menu ul.branches li ul li a.hasChildren:hover { background-position: 180px center; }
#header div.menu ul.branches li.citizen ul, #header div.menu ul.branches li.citizen ul li a { border-color: #425B2C; }
#header div.menu ul.branches li.economy ul, #header div.menu ul.branches li.economy ul li a { border-color: #66050C; }
#header div.menu ul.branches li.tourism ul, #header div.menu ul.branches li.tourism ul li a { border-color: #CD9726; }
#header div.menu ul li:hover { position: relative; }
#header div.menu ul li div { left: 180px; top: -20px; padding: 20px 0px 20px 10px; visibility: hidden; position: absolute; background-image: url('/clear.gif'); }
#header div.menu ul li:hover > div { visibility: visible; }
#header div.menu ul a:hover div { visibility: visible; }
/* -> special behaviours for IE6 */
#header div.menu ul a:hover div ul li div { visibility: hidden; }
#header div.menu ul a div ul a:hover div { visibility: visible; }
* html #header div.menu a:hover { position: relative; }
/* Third level menu */
#header div.menu ul li div ul li div { left: 190px; }
/* Teaser */
#header div.teaser { float: left; height: 211px; width: 800px; }

#main { width: 990px; border-top: 1px solid #ffffff; }
#mainInner { margin-top: 6px; padding-bottom: 5px; }
#mainInner a { color: #323C42; }
#mainInner a:hover { text-decoration: none; }

#page.citizen #main, #page.citizen #footer, #main, #footer { background: #52792F; }
#page.economy #main, #page.economy #footer { background: #800913; }
#page.tourism #main, #page.tourism #footer { background: #C59528; }
#page.citizen #mainInner, #mainInner { background: url('/fileadmin/template/img/bg_main_gruen.gif'); }
#page.economy #mainInner { background: url('/fileadmin/template/img/bg_main_rot.gif'); }
#page.tourism #mainInner { background: url('/fileadmin/template/img/bg_main_orange.gif'); }

#mainInner div.layoutLeft, #mainInner div.layoutTop, #mainInner div.layoutContent, #mainInner div.layoutMain { float: left; }
#mainInner div.layoutLeft { width: 190px; }
#mainInner div.layoutLeft div.menu ul li a {
	line-height: 25px;
	background: url('/fileadmin/template/img/pfeil_leftnav.gif') no-repeat 10px center;
	text-indent: 20px;
	display: block;
	text-decoration: none;
	color: #323C42;
}
#mainInner div.layoutLeft div.menu ul li ul li a { background: url('/fileadmin/template/img/pfeil_subnav.gif') no-repeat 170px center; color: #ffffff; }
#page.citizen #mainInner div.layoutLeft div.menu ul li a { border-bottom: 1px solid #587F34; }
#page.citizen #mainInner div.layoutLeft div.menu ul li ul li a { background-color: #4C732A; }
#page.citizen #mainInner div.layoutLeft div.menu ul li a:hover { background-color: #BCCCAE; }
#page.citizen #mainInner div.layoutLeft div.menu ul li ul li a:hover { background-color: #315318; }
#page.economy #mainInner div.layoutLeft div.menu ul li a { border-bottom: 1px solid #6D060E; }
#page.economy #mainInner div.layoutLeft div.menu ul li ul li a { background-color: #6D060E; }
#page.economy #mainInner div.layoutLeft div.menu ul li a:hover { background-color: #BAA3A5; }
#page.economy #mainInner div.layoutLeft div.menu ul li ul li a:hover { background-color: #60040A; }
#page.tourism #mainInner div.layoutLeft div.menu ul li a { border-bottom: 1px solid #C59528; }
#page.tourism #mainInner div.layoutLeft div.menu ul li ul li a { background-color: #B08523; }
#page.tourism #mainInner div.layoutLeft div.menu ul li a:hover { background-color: #E5CC95; }
#page.tourism #mainInner div.layoutLeft div.menu ul li ul li a:hover { background-color: #9B751F; }

#mainInner div.layoutLeft div.contentWrap { border-bottom: 1px solid #ffffff; width: 190px; }
#mainInner div.layoutLeft div.news-latest-container h2 { font-size: 11px; line-height: 25px; vertical-align: middle; margin: 0px 5px; }
#mainInner div.layoutLeft div.news-latest-container p.bodytext { margin: 5px 0px; }
#mainInner div.layoutLeft div.news-latest-item { padding: 5px; border-top: 1px solid #ffffff; }
#mainInner div.layoutLeft div.news-latest-item h3 { margin: 0px 0px 5px 0px; font-size: 11px; }

#mainInner div.layoutMain { float: right; width: 795px; margin-left: 5px; }
#mainInner div.layoutTop { width: 795px; height: 26px; }
#mainInner div.layoutTop h1, #mainInner div.layoutTop div { line-height: 25px; border-bottom: 1px solid #ffffff; }
#mainInner div.layoutTop h1.title { float: left; display: inline; width: 190px; background-color: #FFFFFF; font-size: 11px; vertical-align: middle; margin: 0px; padding: 0px 0px 0px 5px; }
#page.citizen #mainInner div.layoutTop h1.title, #mainInner div.layoutTop h1.title { color: #52792F; }
#page.economy #mainInner div.layoutTop h1.title { color: #800913; }
#page.tourism #mainInner div.layoutTop h1.title { color: #C59528; }
#mainInner div.layoutTop div.rootline { float: left; width: 600px; }
#page.citizen #mainInner div.layoutTop div.rootline, #mainInner div.layoutTop div.rootline { background-color: #DEE5D6; }
#page.economy #mainInner div.layoutTop div.rootline { background-color: #CFC2C3; }
#page.tourism #mainInner div.layoutTop div.rootline { background-color: #E5DAC2; }
#mainInner div.layoutTop div.rootline .label { float: left; margin-left: 8px; }
#mainInner div.layoutTop div.rootline ul { float: left; }
#mainInner div.layoutTop div.rootline ul li { float: left; margin: 0px; padding: 0px 0px 0px 7px; }
#mainInner div.layoutTop div.rootline ul li a {
	display: block;
	text-decoration: none;
	background-image: url('/fileadmin/template/img/pfeil_position.gif');
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 7px;
	color: #323C42;
}
#mainInner div.layoutTop div.rootline ul li a:hover { background-image: url('/fileadmin/template/img/pfeil_back.gif'); }
#mainInner div.layoutTop div.rootline ul li.first a, #mainInner div.layoutTop div.rootline ul li.first a:hover { background-image: none; text-indent: 0px; }
#mainInner div.layoutContent { float: left; width: 585px; background-color: #FFFFFF; padding: 15px 0px 15px 5px; }

#mainInner div.layoutRight { float: right; width: 195px; }
#mainInner div.layoutRight div.contentWrap { border-bottom: 1px solid #ffffff; padding: 7px 4px; width: 187px; }

#footer { width: 990px;	border-bottom: 2px solid #ffffff; }
#footer, #footer a { color: #ffffff; line-height: 30px; text-decoration: none; }
#footer div.left { margin-left: 5px; }
#footer div.left a:hover { text-decoration: underline; }
#footer div.print { float: right; width: 195px; text-align: center; }
#footer div.print a { padding-left: 15px; background: url('/fileadmin/template/img/print_aus.gif') no-repeat left center; }
#footer div.print a:hover { background-image: url('/fileadmin/template/img/print_an.gif'); }

#bottom { }

.none { display: none; }
.clear { clear: both; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }

/************************* TYPO3 common styles *************************/
div.csc-header h1 { font-size: 12px; margin: 5px 0px 10px 0px; }
p.bodytext { margin: 7px 0px; line-height: 14px; }
p.align-left { text-align: left; }
p.align-center { text-align: center; }
p.align-right { text-align: right; }
p.align-justify { text-align: justify; }

table.contenttable { border-collapse: collapse; border-spacing: 0; }
table.contenttable td { padding:5px; vertical-align: top; border: 1px solid #D1DAE0; }

#mainInner div.layoutLeft { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; }
#mainInner div.layoutLeft div.csc-header h1 { font-size: 11px; margin: 0px 5px; line-height: 25px; }
#mainInner div.layoutLeft p.bodytext { margin: 0px 5px 7px; }

#mainInner div.layoutRight { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; }
#mainInner div.layoutRight div.csc-header h1 { font-size: 11px; margin: 0px 0px 5px; }
#mainInner div.layoutRight p.bodytext { margin: 0px 0px 7px; }

/************************* tt_news: Content List View *************************/
#mainInner div.layoutMain div.news-list-item { color: #323C42; width: 590px; padding: 0px; margin: 4px 0px 0px 0px; }

#mainInner div.layoutMain div.news-list-item h3 { margin: 4px 0px; font-size: 11px; }
#mainInner div.layoutMain div.news-list-item a { color: #323C42; }
#mainInner div.layoutMain div.news-list-item a:hover { text-decoration: none; }
#mainInner div.layoutMain div.news-list-item p.bodytext { margin: 5px 0px; }

#mainInner div.layoutMain div.news-list-item div.left { float: left; width: 108px; }
#mainInner div.layoutMain div.news-list-item div.left img { margin: 0px 8px 4px 0px; }
#mainInner div.layoutMain div.news-list-item div.right { float: left; width: 478px; }
#mainInner div.layoutMain div.news-list-item div.right div.news-list-morelink a {
	background-image: url('/fileadmin/template/img/pfeil_aus.gif');
	background-repeat: no-repeat;
	text-decoration: none;
	color: #323C42;
	line-height: 17px;
	padding: 0px 4px 0px 4px;
}
#mainInner div.layoutMain div.news-list-item div.right div.news-list-morelink a:hover { background-image: url('/fileadmin/template/img/pfeil_an.gif'); }

#mainInner div.layoutMain div.news-list-item.line { background-color: #ffffff; border-top: 1px solid #d1dae0; }
#mainInner div.layoutMain div.news-list-item.line div.left img { margin-top: 4px; }
#mainInner div.layoutMain div.news-list-item.line div.right { width: 482px; }
#mainInner div.layoutMain div.news-list-item.line div.right div.news-list-morelink a {
	float: right;
	background-position: 4px center;
	text-indent: 8px;
	border: 1px solid #D1DAE0;
	border-top: none;
}

#mainInner div.layoutMain div.news-list-container div.tx-ttnews-browsebox p { margin: 10px 0px 0px 0px; }
#mainInner div.layoutMain div.news-list-container div.tx-ttnews-browsebox table td p { margin: 0px 5px 0px 0px; }
#mainInner div.layoutMain div.news-list-container div.tx-ttnews-browsebox table td p a { color: #323C42; text-decoration: none; }
#mainInner div.layoutMain div.news-list-container div.tx-ttnews-browsebox table td p a:hover { text-decoration: underline; }
#mainInner div.layoutMain .tx-ttnews-browsebox table { font-weight: bold; }

/************************* tt_news: Content Single View *************************/
#mainInner div.layoutMain div.news-single-item { color: #323C42; width: 590px; padding: 0px; margin: 4px 0px 0px 0px; background-color: #ffffff; border-top: 1px solid #d1dae0; }

#mainInner div.layoutMain div.news-single-item h3 { font-size: 12px; margin: 4px 0px 10px 0px; }
#mainInner div.layoutMain div.news-single-item a { color: #323C42; }
#mainInner div.layoutMain div.news-single-item a:hover { text-decoration: none; }
#mainInner div.layoutMain div.news-single-item p.bodytext { }

#mainInner div.layoutMain div.news-single-item div.news-single-img { margin-top: 10px; }
#mainInner div.layoutMain div.news-single-item div.news-single-img a { float: left; width: 100px; height: 90px; margin-right: 5px; }
#mainInner div.layoutMain div.news-single-item div.news-single-backlink a {
	float: right;
	background-image: url('/fileadmin/template/img/pfeil_aus.gif');
	background-repeat: no-repeat;
	background-position: 4px center;
	text-decoration: none;
	text-indent: 8px;
	color: #323C42;
	line-height: 17px;
	padding: 0px 4px 0px 4px;
	border: 1px solid #D1DAE0;
	border-top: none;
}
#mainInner div.layoutMain div.news-single-item div.news-single-backlink a:hover { background-image: url('/fileadmin/template/img/pfeil_an.gif'); }

/************************* TYPO3 Extension Styles *************************/
#mainInner div.layoutMain .contentsingleview a {
	text-decoration: none;
	background-image: url('/fileadmin/template/img/pfeil_aus.gif');
	background-repeat: no-repeat;
	background-position: 4px center;
	text-indent: 8px;
	line-height: 17px;
	padding: 0 4px;
}
#mainInner div.layoutMain .contentsingleview a:hover { background-image: url('/fileadmin/template/img/pfeil_an.gif'); }

#mainInner div.layoutMain .tx-ohevent-pi1 div.navigation { display: block; }
#mainInner div.layoutLeft .tx-ohevent-pi1.permaView div.box,
	#mainInner div.layoutLeft .tx-ohevent-pi1.highlightView div.box { padding: 5px; border-top: 1px solid #FFFFFF; }
#mainInner div.layoutLeft .tx-ohevent-pi1.permaView div.box h3,
	#mainInner div.layoutLeft .tx-ohevent-pi1.highlightView div.box h3 { font-size: 11px; margin: 0 0 5px; }
#mainInner div.layoutLeft .tx-ohevent-pi1.permaView h2,
	#mainInner div.layoutLeft .tx-ohevent-pi1.highlightView h2 { font-size: 11px; line-height: 25px; margin: 0 5px; vertical-align: middle; }

/************* #search styles ***************/

#search{
	padding-top: 37px;
	float: right;
}

#search form{
	margin: 0px;
	padding: 0px;
}

.searchlayout{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #546A74;
	width: 157px;
	background-color: #D1DAE0;
	border: 1px solid #D1DAE0;
	text-align: left;
	vertical-align: middle;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	margin: 0px;
	font-weight: bold;
}