/* -------------------------

COLORS

grau: 	#706f6f;
blau:	#007cbf;
rot:	#d10019;

------------------------- */


/* -------------------------

RESET

------------------------- */

body, html, h1, h2, h3, h4, h5, h6, p, ul, li, ol, img, div {
	margin:0;
	padding:0;
	border:0;
}

ul, li, ol {
	list-style:none;
}

:focus {
	outline:none;
}

/* -------------------------

UTILITY

------------------------- */

.clear {
	clear:both;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

/* -------------------------

MAIN

------------------------- */

body {
	background:#fff;
	font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
	font-size:12px;
	color:#181818;
}

p {
	line-height:18px;
	margin:0 0 10px 0;
}

h1.start {
	font-size:30px;
	line-height:36px;
	font-weight:bold;
	margin:0 0 20px 0;
	color:#d10019;
}

h1 {
	font-size:16px;
	line-height:36px;
	font-weight:bold;
	margin:0 0 20px 0;
	color:#007cbf;
}

h2.start, h2.start a {
	font-size:22px;
	font-weight:bold;
	color:#d10019;
}

h2 {
	font-size:12px;
	font-weight:bold;
	margin:10px 0 0 0;
	color:#007cbf;
	clear:both;
}

h3 {
	font-size:12px;
}

a:link, a:visited, a:active {
	text-decoration:none;
	font-weight:bold;
	color:#181818;
}

a:hover {
	text-decoration:none;
	color:#007cbf;
}

a.mailLink {
	font-weight:normal;
	text-decoration:underline;
}

ul.liste {
	margin:5px 0 20px 15px;
}

ul.liste li {
	list-style-image:url(../img/blau.gif);
	padding:0 0 0 15px;
	line-height:20px;
}

ul.unterliste li {
	list-style-image:none;
	list-style:disc;
}

ol {
	margin:5px 0 20px 18px;
	font-weight:bold;
}

ol li {
	padding:0 0 0 15px;
	line-height:20px;
	list-style-type:decimal;
}

/* -------------------------

LAYOUT

------------------------- */

#wrapper {
	margin:40px auto 0;
	height:auto;
	width:800px;
}

#header {
	height:134px;
	width:800px;
	background:url(../img/headerBg.jpg) no-repeat;
}

#navigation {
	width:960px;
	height:30px;
	background:#706f6f;
	border-top:#5b5a59 1px solid;
	border-bottom:#5b5a59 1px solid;
}

#content {
	min-height:300px;
	height:auto !important;
	height:300px;
}

#leftBar {
	position:relative;
	width:150px;
	margin:0 30px 0 0;
	float:left;
	height:auto;
}

#mainStart {
	position:relative;
	width:350px;
	margin:73px 30px 0 0;
	float:left;
	height:auto;
}

#main {
	position:relative;
	width:440px;
	margin:73px 30px 0 0;
	float:left;
	height:auto;
	padding:0 0 0 30px;
}

#main.schmal {
	width:340px;
	padding:0 0 0 130px;
}

#rightBarStart {
	position:relative;
	width:240px;
	height:auto;
	float:right;
}

#rightBar {
	position:relative;
	width:115px;
	height:auto;
	float:right;
	font-size:11px;
}


/* -------------------------

LEFTBAR

------------------------- */
#leftBar img {
	margin:20px 0 0 0;
}

#leftBar ul, ul.kontaktliste {
	margin:20px 0;
}

#leftBar ul li, ul.kontaktliste li {
	padding:2px 0;
	border:none;
	border-top:#181818 1px solid;
} 

ul.kontaktliste li {
	padding:6px 0;
}

ul.kontaktliste li a {
	color:#007cbf;
	text-transform:uppercase;
}

ul.kontaktliste a:hover {
	color:#706f6f;
}

#leftBar ul li.last, ul.kontaktliste li.last {
	border-bottom:#181818 1px solid;
	border-top:#181818 1px solid;
}

#leftBar ul li a {
	text-decoration:none;
	color:#007cbf;
	font-weight:bold;
	font-size:14px;
}

#leftBar ul li a:hover, #rightBarStart ul li a:hover {
	color:#706f6f;
}

#leftBar p {
}

/* -------------------------

RIGHTBAR START

------------------------- */

#rightBarStart ul {
	margin:73px 0 20px 0;
}

#rightBarStart ul li {
	padding:2px 0;
	border:none;
	border-top:#181818 1px solid;
} 

#rightBarStart ul li.last {
	border-bottom:#181818 1px solid;
	border-top:#181818 1px solid;
}

#rightBarStart ul li a {
	text-decoration:none;
	color:#181818;
	font-weight:bold;
	font-size:14px;
}

.newsEintrag {
	border-top:#181818 1px solid;
	padding:10px 0;
}

.titel {
	font-weight:bold;
	font-size:12px;
	display:inline;
}

.newsEintrag p a {
	text-decoration:underline;
	color:#d10019;
}

/* -------------------------

RIGHTBAR

------------------------- */

#rightBar ul {
	margin:73px 0 20px 0;
}

#rightBar ul li {
	padding:2px 0;
	border:none;
	border-top:#181818 1px solid;
} 

#rightBar ul li.last {
	border-bottom:#181818 1px solid;
	border-top:#181818 1px solid;
}

#rightBar ul li a {
	text-decoration:none;
	color:#007cbf;
	font-weight:bold;
	font-size:14px;
}

#rightBar ul li a:hover {
	color:#706f6f;
}

#rightBar ul li a.kontaktAktiv {
	color:#706f6f;
}

/* -------------------------

NAVIGATION

------------------------- */

#mainmenu {
	position:relative;
	top:20px;
	width:100%;
	height:22px;
	line-height:22px;
	background:#fff;
	font-size:14px;
}

#mainmenu li {
	display:inline;
	margin:0 10px;
}

#mainmenu li a {
	text-decoration:none;
	color:#181818;
	font-weight:bold;
}

#mainmenu li a:hover {
	color:#007cbf;
}

#mainmenu li a.mMaktiv {
	color:#007cbf;
}

/* Untermenu */
#untermenuBackground {
	position:absolute;
	top:82px;
	width:800px;
	height:20px;
	background:#fff;
	opacity:0.8;
	filter:Alpha(opacity=80);
}

.untermenu {
	position:relative;
	top:20px;
	width:100%;
	height:22px;
	line-height:22px;
	font-size:12px;
	display:block;
}

.untermenu li {
	display:inline;
	margin:0 10px;
}

.untermenu li a {
	text-decoration:none;
	color:#181818;
	font-weight:normal;
}

.untermenu li a:hover {
	color:#007cbf;
}

.untermenu li a.uMaktiv {
	color:#007cbf;
}

/* UnterUntermenu */

.uuMenu {
	position:relative;
	top:75px;
	left:180px;
	width:650px;
	height:20px;
	font-size:11px;
}

.uuMenu li {
	display:inline;
	margin:0 6px;
}

.uuMenu li a {
	text-decoration:none;
	color:#181818;
	font-weight:normal;
}

.uuMenu li a:hover {
	color:#007cbf;
}

.uuMenu li a.uuMaktiv {
	color:#007cbf;
}

/* -------------------------

MAIN

------------------------- */

#main a img {
	margin:0 3px 20px 0;
}

#main p {
}

/* -------------------------

AKTUELL

------------------------- */

table#aktuell {
	width:440px;
}

table#aktuell tr td {
	border-top:#181818 1px solid;
	height:20px;
	padding:5px 0;
}

td.datum {
	color:#007cbf;
}

tr.last td {
	border-bottom:#181818 1px solid;
}

/* -------------------------

PORTRAIT

------------------------- */

ul#portrait li {
	display:inline;
	width:143px;
	float:left;
	margin:0 2px 0 0;
	font-size:11px;
}

ul#portrait li h4 {
	font-size:12px;
	border-bottom:#fff 2px solid;
}

ul#portrait li p {
	height:250px;
}

li#versicherung h4, li#versicherung p {
	color:#fff;
	background:#007bbf;
	padding:2px;
}

li#brandschutz h4, li#brandschutz p {
	color:#fff;
	background:#eb6b0a;
	padding:2px;
}

li#feuerwehr h4, li#feuerwehr p {
	color:#fff;
	background:#d2001b;
	padding:2px;
}

li#feuerwehr {
	margin:0;
}
/* -------------------------

GESCHAEFTSLEITUNG

------------------------- */

.geschaeftsleitung {
	clear:both;
}

.geschaeftsleitung img {
	float:left;
	margin:0 10px 5px 0;
}

/* -------------------------

ZAHLEN

------------------------- */

.textKasten {
	font-size: 12px;
	color: #000000;
	line-height: 20px;
}


/* -------------------------

KONTAKT

------------------------- */

fieldset {
	border:none;
}

/* -------------------------

Feuerwehr Downloads

------------------------- */

#ubersicht li {width:150px; height:174px; margin:0 20px 20px 0; float:left;}

div.eintrag {width:150px; height:174px; overflow:hidden;}

div.eintrag:hover {cursor:pointer;}

div.eintrag ul {width:150px; height:174px; position:relative;}

div.eintrag ul li {position:relative; margin:0;}

div.eintrag ul li.eintrag-info {position:relative; top:-60px; width:150px; height:174px; background:url(images/infobg.png);}

#main.downloads {width:560px;}

#main.downloads h2 {color:#d10019; font-size:24px;}

.eintrag-info ul {padding:0 3px;}

#ubersicht {margin:20px 0 0 0;}

#ubersicht .eintrag-info ul li {height:auto;margin:0; width:144px;}

.eintrag-info ul li a {color:#fff; line-height:16px; font-size:11px; font-weight:normal;}

.eintrag-info h3 a {color:#fff; display:block; line-height:40px; padding:0 3px; text-transform:uppercase; font-weight:normal;}

.eintrag-info h3.zweizeilig a {line-height:20px;}

.blau .eintrag-info h3 a {background:#007cbf;}

.blau .eintrag-info ul {background:url(../img/bg_blau.png);}

.orange .eintrag-info h3 a {background:#eb6a0a;}

.orange .eintrag-info ul {background:url(../img/bg_orange.png);}

.rot .eintrag-info h3 a {background:#d10019;}

.rot .eintrag-info ul {background:url(../img/bg_rot.png);}

#leftBar .feuerwehrmenu li a {color:#000; line-height:20px; display:block;}

#leftBar .feuerwehrmenu li.first {border-bottom:#181818 1px solid; border-top:#181818 1px solid; margin:0 0 20px 0;}

#leftBar .feuerwehrmenu li.first a.current {color:#d10019;}

#leftBar .feuerwehrmenu li.abstandoben {border-top:#181818 1px solid; margin:20px 0 0 0;}

#leftBar .feuerwehrmenu li ul.submenu {margin:0; display:none;}

#leftBar .feuerwehrmenu li.current ul.submenu {display:block;}

#leftBar .feuerwehrmenu li.current a, #leftBar .feuerwehrmenu li.current ul.submenu li.current a {color:#007cbf;}

#leftBar .feuerwehrmenu li.current ul.submenu li a {color:#000;}

#leftBar .feuerwehrmenu li.current ul.submenu li a:hover {color:#706f6f;}

#leftBar .feuerwehrmenu li ul.submenu li {border-top:none; border-bottom:none;}

#leftBar .feuerwehrmenu li ul.submenu li a {font-size:11px; padding:0 0 0 15px; font-weight:normal;}

#downloadstable {border-top:#000 1px solid;}

#downloadstable tr td {border-bottom:#000 1px solid; line-height:16px; padding:8px 0;}

#downloadstable tr td a {line-height:16px;}

#downloadstable tr a img {margin:0;}

span.datum {color:#007cbf;}

td.groesse {text-align:right; width:80px;}

h3.downloads {color:#000; font-size:12px; margin:18px 0 9px 0;}

h4.downloads {color:#007cbf; font-size:18px; margin:0 0 18px 0;}

h3.downloadskontakt {color:#007cbf; font-size:18px; margin:18px 0;}