@import "reset.css";

html
{	
	background: url('hintergrund.jpg') no-repeat #000000 center top;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #2C2C2C;
}

h1
{
	font-size: 28px;
	color: #624B4B;
	padding-bottom: 10px;
	line-height:32px;
}

body
{
	line-height: 14px
}

p
{
	margin:10px 0 10px 0;	
}

#body
{
	width: 962px;
	margin: 0 auto;
	line-height: 14px;
	padding-bottom: 25px;
}

#header
{
	height:105px;
	padding-bottom: 15px;
}

#homepage
{
	background: url('hintergrund_aktiv.jpg') no-repeat #303030;
	padding-bottom: 30px;
}

#homepage #content strong
{
	font-size: 14px;
	line-height: 16px;
}

#homepage #content p
{
	font-size: 11px;	
}

#homepage #content
{
	background: url('home_content_bg.gif') no-repeat #FFFFFF;
	min-height:381px;
	margin: 0px 32px 0px 31px;
	padding: 25px 30px 0px 420px;
	border:1px solid #FFFFFF;
	position: relative;
}

#home_image
{
	position: absolute;
	left:45px;
	top:0px;
}

#footer
{
	margin-top: 20px;
}


#footer ul li
{
	float: left;
	padding: 30px 0px 30px 13px;
	background: url('footer.png');
}

#footer ul li.first
{
	padding-left: 30px;	
}


#footer ul li.last
{
	padding-right: 30px;
}

#footer ul li img
{
	border: 1px solid #9B9C9B;
	padding:1px;
}

#footer ul li a:hover img
{
	border: 1px solid #FFFFFF;
}



#topnavigation
{
	background: url('navi_bg.jpg') repeat-x;
	height: 55px;
	margin-top: 1px;
	position: relative;
}

#logo
{
	float:left;
	
	margin-left:30px;
}

#topnavigation ul
{
	float: right;
}

#topnavigation li li ul
{
	display: none !important;
}

#topnavigation li
{
	float: left;
	text-align: center;
	background: url('navi_bg_trenner.jpg') no-repeat right top;
	position: relative;
}

#topnavigation li a span
{
	padding-top:15px;
	color: #000000;
	display:block;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}


#topnavigation li:last-child
{
	background: none;
}

#topnavigation li a
{
	text-decoration: none;
	height:42px;
	width:86px;
	display: block;
	padding: 0px 5px 12px 4px;
	margin-top:0px;
}


#topnavigation li a:hover
{
	background: url('navi_bg_active.jpg') no-repeat right top;
}

#topnavigation li a:hover span
{
	color: #9F9F9F;
}

#topnavigation li ul
{
	display:none;
	z-index:300;
	position: absolute;
	left:-2px;
	float: left;
	background-color: blue;
	height: auto;
	width: 189px;
	background: #A4A4A4;
	opacity:0.85;
	filter: alpha(opacity = 85);
	border:1px solid white;
	border-top: none;
	padding-top: 4px;
}

#topnavigation ul li:hover ul
{
	display: block;
}

#topnavigation ul li a:hover ul
{
	display: block;
}

#topnavigation li ul li
{
	display:none;
	background: none !important;
	height:auto;
	text-align: left;
	padding-left: 15px;
	float:none;
}

#topnavigation li ul li a
{
	height:auto;
	width:auto;
	padding-bottom: 3px;
	padding-top: 3px;
}

#topnavigation li ul li a span
{
	color:#F2F2F2;
}

#topnavigation li ul li a:hover span
{
	color:#000000;
}

#topnavigation li ul li a:hover
{
	background: none;
		
}


#topnavigation li ul li a span
{
	padding: 0px;	
}


#topnavigation li:hover ul li
{
	display: block;
	
}

#topnavigation li:hover ul li span
{
	background: none;	
}

#copyright
{
	margin-top: 20px;
}

#copyright h5
{
	color: #7A7A7A;
	padding-left: 45px;
	text-transform: uppercase;
	display: inline;
	float: left;
}

#copyright ul
{
	padding-right: 45px;
	float: right;
}


#copyright ul li
{
	float: left;	
	padding-left:10px;
	background: url('trenner.gif') no-repeat right;
	padding-right:10px;
}

#copyright ul li:last-child
{
	padding-right:0px;
	background: none ;
}

#copyright a
{
	text-decoration: none;
	color: #7A7A7A;
}


/*   content page */

#leftnavigation
{
	width:229px;
	float:left;
	margin-left: 30px;
}


#leftnavigation ul
{
	
}


#leftnavigation ul li
{
	margin:20px 15px 10px 15px;
	border-bottom: 1px solid #7A7A7A;
		
}


#leftnavigation ul li ul li
{
	margin:2px 2px 2px 0px;
	border-bottom: none;
}

#leftnavigation ul li ul li a
{
	border:0px;
	text-transform: none;
	padding-bottom: 0px;
}

#leftnavigation ul li:hover a
{
	
}

#leftnavigation ul li a
{
	text-decoration: none;
	color:#F2F2F2;
	font-size: 14px;
	display: block;
	padding-bottom: 5px;
	text-transform: uppercase;
}

#leftnavigation ul li li a
{
	font-size: 12px;
}

#main_content
{
	border:1px solid #FFFFFF;	
	width:656px;
	float: left;
	margin-left: 16px;
	background: url('main_content_bg.jpg') repeat-y ;
}

#middle
{
	background: url('main_content_bg.png') repeat-y ;
	line-height: 17px;
}

#main_content #mood
{
	width:656px;
	height: 150px;
	border-bottom: 1px solid #FFFFFF;
	background-position:-247px 0 !important;
}

#leftnavigation #mood_small
{
	width:228px;
	height: 149px;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}

#page_content
{
	padding:30px;
	padding-bottom:0px;
	background: url('main_top_right.jpg') no-repeat top right;
	position: relative
}

	#page_content a
	{
		color: #624B4B;
		text-decoration: none;
	}
	
	
	
	
	
	#page_content h2
	{
		color: #624B4B;
		font-size: 20px;
		padding-bottom: 10px;
		padding-top: 10px;
		text-decoration: underline;
	}
	
	#page_content h2 a
	{
		color: #624B4B;
		font-size: 20px;
	}
	
	#page_content h3
	{
		color: #624B4B;
		font-size: 16px;
		padding-bottom: 6px;
		padding-top: 6px;
	}
	
	#page_content a h3
	{
		text-decoration: underline;
	}
	
	#page_content ul li
	{
		list-style: disc;
		list-style-position:inside;
	}

#content_footer
{
	background: url('main_bottom_left.jpg') no-repeat bottom left;
	width:656px;
	height:76px;
	z-index:-2;
	margin-left: -30px;
	margin-top: -30px;	
}


#breadcrumb
{
	float:left;
	width:613px;
	background: #A4A4A4;
	height:31px;
	margin-left: 16px;
	padding:20px 0px 0px 45px;
	opacity:0.4;
	filter: alpha(opacity = 40);
	
	color:#F2F2F2;
}



#breadcrumb a
{
	color:#FFFFFF;
	text-decoration: none;
}

#breadcrumb .menu-current a
{
	font-weight: bold;
}


#leftnavigation a.menu_current
{
	font-weight: bold !important;	
}

#topnavigation li.menu-current a span
{
	text-decoration: underline;
}

#topnavigation li.menu-current ul li a span
{
	text-decoration: none;
}

.white
{
	background-color: #FFFFFF;
}

#map #copyright span
{
	display: block;
}

.field_title
{
    padding-right:20px !important;	
}

.hometeaser
{
   
    margin-bottom:3px;
padding:1px;
border:1px solid #9B9C9B;    
}

#mood_home
{
    width:288px;
    height:120px;
    position:relative;
}

#mood_home em
{
display:block;
   position:absolute;
   bottom:0px;
   background-color:#FFFFFF;
width:281px;
height:24px;
color:#624B4B;
opacity:0.85;
	filter: alpha(opacity = 85);
font-size:17px;
padding-top:9px;
padding-left:7px;
font-style:normal;
}

#mood_home strong
{
display:block;
   position:absolute;
   top:0px;
   background-color:#000000;
width:274px;
height:111px;
color:#FFFFFF;
opacity:0.75;
	filter: alpha(opacity = 75);
font-size:12px;
padding-top:9px;
padding-left:7px;
padding-right:7px;
}
#footer ul li a
{
text-decoration:none;
cursor:pointer;
}

li.first span
{
    display:block;
}



#leftnavigation form#search
{
	margin-top: 35px;
	margin-left: 15px;
	margin-right: 15px;
	background-color: #ffffff;	
	border:1px solid #616161;
}

.inputtext
{
	color:#7A7A7A;
	width: 160px;
	border:0px;
	padding: 2px;
	padding-left: 10px;
	
}


.inputbutton
{
	background: url('lupe.gif') #ffffff no-repeat center;
	border:0px;	
	float: right;
	margin: 1px 3px 0 0;
	width:16px;
}

.hidden
{
	display: none;
}

#searchresult tr td b
{
	background-color: #F2F2F2;
}


#handheld_message
{
	background-color: #ffffff;
	text-align: center;
}

.menu-last
{
display:none;	
}

#breadcrumb
{
  padding-left: 20px;
}

#breadcrumb a
{
  text-decoration: underline;
}