@charset "UTF-8";
/* CSS - (c) 2009 - Freiwillige Feuerwehr Daenischenhagen */

/* ************************* MAIN CONTENT BOXES *********************** */

* { margin: 0; padding: 0; border: 0; }
* body {
  margin: 0px;
  padding: 0px;
}

body {
	text-align:center;
	color:#333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
}

#wrap {
	min-width:1000px;
	width:auto !important;
	margin:0px 10px 0px 10px;
	text-align:left;
}

#topcontent		{ border-bottom:3px double #CC0000; line-height:175%;}

#sidebar  		{ float:left; width:150px; overflow:hidden; margin-bottom:20px; line-height:175%; border-right:3px double #CC0000;}

#content		{ 
	overflow: hidden; 
	padding: 10px 10px 2.5% 10px; 
	line-height:160%; 
	margin: 10px 10px 20px 10px; 
	text-align: justify !important; 
	width: auto;
}

/* IE < 7 fix for width of content (middle) area */
* html #content		{ 
	margin: 10px 170px 20px 170px; 
}

#sidebar-2		{ border-left:3px double #CC0000; float:right; width:150px; padding-left: 10px; overflow:hidden; line-height:175%; margin-bottom:20px;}

#footer 		{ clear:both; border-top:3px double #CC0000;}

#content a {
	text-decoration:none;
	font-weight:bold;
}
#content a:hover {
	text-decoration:none;
	font-weight:bold;
	opacity:0.7;
}



/* ************************* UEBERSCHRIFTEN *********************** */

h1 {
	margin: 5px 0px 5px 0px;
}
h3 {
	margin: 5px 0px 5px 0px;
}

.moduletable_menu h3, .moduletable h3 , .moduletable-login-smf h3 {
	margin-top:10px;
	font-size:1.1em;
	font-weight:bold;
	padding:4px;
	
}

/* ************************* LINKS *********************** */

a, .moduletable_menu h3, .moduletable h3, .moduletable-login-smf h3, #header h2, .contentheading, #footer .inside, fieldset .small {
	color: #CC0000;
}


#content a, #content a:hover, .menu li.parent#current li a:link, .menu li.parent#current li a:visited, .menu li.parent#current li a:active {
	color: #CC0000; /*  !important */
}

#current a, .menu li.parent.active a{
	background:url(../images/arrow_left.png) top right no-repeat #CC0000;
}
#current a {
	background:url(../images/arrow_bold.png) right no-repeat #EA0000;
}
.menu li a:hover, a.mainlevel:hover {
	background:url(../images/arrow.png) right no-repeat #CC0000;
}

/* ************************************************ */

#header {
	background:url(../images/top_bg_transparent.png) #CC0000 repeat-x;
/* #FFDF8D */
}
#topmenue {
	background:url(../images/top_menu_bg.png) #CC0000;
}
.sectiontableentry1, #footer {
	background:url(../images/bg_90p_white.png);
}

/* *************** MENU ITEMS ***************************** */

.menu li.parent#current {
	background-color: #CC0000;
}

#current a{
	color:#FFF;
	opacity:0.8;
}

#current a, 
.menu li.parent#current a, 
.menu li.parent#current li a:hover, 
.menu li.parent#current li a:link, 
.menu li.parent#current li a:visited, 
.menu li.parent#current li a:active {
	border-bottom:1px dotted #CC0000;
}

.menu li a:link, 
.menu li a:active, 
.menu li a:hover, 
.menu li a:visited, 
a.mainlevel {
	display:block;
	text-decoration:none;
	padding:4px;
	color:#333;
	border-bottom:1px dotted #CCC;
}

.menu li a:hover, 
a.mainlevel:hover {
	color:#FFF;
}

/* alle, nicht nur jeden zweiten, menüeintrag färben */
.menu li {
	background-color:#FF6363;
}

.menu li.parent{
	background:url(../images/arrow_down.png) top right no-repeat;
}
.menu li.parent#current {
	background:url(../images/arrow_down_white.png) top right no-repeat;
}

.menu li.parent#current a{
	color:#FFF;
}
.menu li.parent#current li a:link, 
.menu li.parent#current li a:visited, 
.menu li.parent#current li a:active {
	background-color:#FF6363;
}
.menu li.parent#current li a:hover {
	background-color:#FF0000;
	opacity:0.8;
}

.menu li.active {
	background-color:#FF0000;
	opacity:0.8;
}

.menu li.active li a:hover {
	background-color:#FF0000;
}

.menu li.parent.active a{
	border-bottom:1px dotted #fff;
}

.menu li.parent {
/*	background:#FFEFC5;*/
	background:#FF6363; 
}

/* ************************************************ */

.tool-tip {
	border:2px solid #CC0000;
}

#header {
        clear: both;
        display: none;
	height:60px;
}
#header h2 {

	padding:20px 4px;
}
#header .inside {
	min-width:760px;
/*	max-width:960px;*/
	width:auto !important;
/*	width:960px;*/
/*	width:80%;*/
	margin:0px 10px 0px 10px;
	text-align:left;
}

.contentheading {
	font-size:1.2em;
	font-weight:bold;
}
.componentheading {
	font-size:1.5em;
	padding:4px 0;
}
.small {
	font-size:0.9em;
	font-weight:bold;
	color:#888;
}
.createdate, .modifydate {
	font-size:0.9em;
	display:block;
	font-weight:bold;
	color:#666;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
}

input {
	background-color: #DBDBDB;
	border: 1px solid #000;
	font-size: 11px;
}

#content ul {
	margin-left:13px;
}

#topcontent {
	margin-top:-10px;
}
#content td {
	padding-right:5px;
}

#mod_login_username, #mod_login_password {
	margin-top:3px;
	margin-bottom:3px;
	width:93%;
	border:1px solid #DDD;
	padding:2px;
}
#mod_login_remember {
	margin-left:4px;
}
#sidebar .button {
	padding:2px;
	margin-top:3px;
	margin-bottom:3px;
}
#sidebar-2 table td {
	text-align:left;
}


#topmenue {
	margin-top:10px;
	padding:4px;
	padding-bottom:5px;
}

#topmenue ul li{
	list-style:none;
	display:inline;
	margin-left:10px;
}

#topmenue ul li a{
	color:#fff;
	text-decoration:none;	
}
#topmenue ul li a:hover{
	border-bottom:3px double #fff;
}

#active_menu-nav {
	border-bottom:2px double #fff !important;
}
#topcontent {
	padding-bottom:1px;
}

#headerpicture {
	margin-top:1px;
	height:75px;
}

#sidebar td {
	padding-left:3px;
}

.pagenavcounter {
	font-weight:bold;
}

.contenttoc {
	display: inline;
	max-width: 300px;
	border: 2px solid red; 
	padding: 5px;
	margin-left: 10px; 
	float: right;
	background-color: #f9f9f9;
	font-size: 95%;
}
.contenttoc th {
	font-size:1.1em;
	font-weight:bold;
	padding-top: 5px;
	padding-bottom: 10px;
}

.nisi {
	display:none;
}

#content input{
	border:1px solid #CCC;
	padding:2px;
	font-size:11px;
}

#form-login input {
font-size:11px;
}

.sectiontableentry1 img, .sectiontableentry2 img{
	margin:3px;
}

.tool-tip {
	background:#fff;
	padding:3px;
	text-align:left;
}
.tool-title {
	font-weight:bold;
}

#footer {
	padding:10px;
	padding-bottom:5px;
}

#syndicate_cnt {
	display:block;
	margin-top:10px;
	padding:4px;
}
#syndicate_cnt * a{
	font-weight:bold;
	color:#666;
	text-decoration:none;
}

.search #mod_search_searchword {
	font-size:11px;
	padding:3px;-moz-border-radius:10px;
	padding-left:7px;
}
.search {
	text-align:right; float:right; margin-top:-19px;
}

.highlight {
	color:#FF0000;
	padding:2px;
	border:1px solid #FF0000;
}
fieldset {
	border-bottom:1px dotted #CCC;


	margin:5px auto;
	padding-bottom:5px;
}
.inputbox {
	border:1px solid #CCC;
	padding:2px;
}

.banneritem img {
	max-width:250px;*/
	width:auto !important;
	width:250px;
}

.parent.active a {
	color:#FFF !important;
}


/*
FF Dhagen
*/

/**** Balloon Popup ****/

.balloonTextOuter, .balloonTextOuterRight {
	width: 310px;
	height: 110%;
opacity:1.0;
	font-weight: bold;
	background: url("../images/balloontop.gif") no-repeat top left;	
}
.balloonTextOuterRight {	
	background: url("../images/balloontop_right.gif") no-repeat top left;	
}


.balloonText, .balloonTextRight { 
	width: 310px;
	text-indent: 15px;	
	padding: 20px 0px 40px 0px;
	background: url("../images/balloonbottom.gif") no-repeat bottom left;	
}
.balloonTextRight { 
	background: url("../images/balloonbottom_right.gif") no-repeat bottom left;	
}

.balloonTextInner, .balloonTextInnerRight {
	text-indent: 0px;
	margin-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	background: url("../images/balloonmiddle.gif") repeat-y;
	z-index: 99999;
}
.balloonTextInnerRight {
	background: url("../images/balloonmiddle_right.gif") repeat-y;
}

div#balloonItemRight a span, div#balloonItem a span { display: none; } /* hide the balloon */

div#balloonItem a:hover span { 		 /* show the balloon */
	display: block;
	position: absolute;	
	/* top: -260px; now defined hardcoded in style attribute of each element */
	left: 270px;
}
div#balloonItemRight a:hover span { 		 /* show the balloon */
	display: block;
	position: absolute;	
	left: 245px;
}

div#balloonItemRight a:hover, div#balloonItem a:hover {
	opacity:1.0;
}