/* CSS Document */

html {
	margin: 0;
	padding: 0;
}

html,body {
}

body {
	/*background: #ef9f14;*/
  /*color: #232323;*/
	margin:5px 0px 0px 0px;
	padding: 0px;
	font-size:76%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #423011;
}

h3{
	text-transform:uppercase;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0px;
	padding-bottom:5px;
	font-size:1.2em;
	}
	
h2{
	text-transform:uppercase;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-align:left;
	color: #FFFFFF;
	margin:0px;
	padding-bottom:5px;
	font-size:1.2em;
	}
h4{
	text-transform:uppercase;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-align:left;
	color: #FFFFFF;
	margin:0px;
	padding-bottom:5px;
	font-size: 1em;
	}
	
ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}

ul li{
	background:url(../images/arrow.gif) 0 7px no-repeat;
	margin-left:24px !important;
	margin-left:18px;
	padding-left:15px;
	}
	
a{
	color:#63bf20;
}

a:hover{
	color:#ffffff;
	}

.teasermorebox{
	color:#0c94ae;
}


form{
margin:0;
padding:0;
}

td{text-align:left;}

td div{text-align:left;}


/*joomla core stuff */

table.contentpaneopen td.contentheading, table.contentpane td.contentheading {
	text-align: left;
	font-size: 1.2em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding: 0em 0em 0.3em 1.6em;
	margin: 0em 0em 0.2em 0em;
	background: #ef9f14 url(../images/blue.png) 0px 0px no-repeat;
}

.dn-date{
	font-size:0.9em;
	}
	
.dn-each{
	margin-bottom:10px;
	}


/* TEMPLATE LAYOUT CSS */


.logo{
		display: block;
		text-align:right;
		font-size:0.9em;
		background: #ef9f14 url(../images/logo.jpg) top left no-repeat;
		width: 261px;
		height: 343px;
}

.c_left{
		display: block;
		text-align:right;
		font-size:0.9em;
		background: #ef9f14 url(../images/c_left.jpg) top left no-repeat;
		width: 20px;
		height: 512px;
}

.c_top{
		display: block;
		text-align:right;
		font-size:0.9em;
		background: #ef9f14 url(../images/c_top_n.jpg) top left no-repeat;
		width: 995px;
		height: 21px;
}

.c_top_i{
		display: block;
		text-align:right;
		font-size:0.9em;
		background: #ef9f14 url(../images/c_top_i.jpg) top left no-repeat;
		width: 995px;
		height: 21px;
}

.c_right{
		display: block;
		text-align:right;
		font-size:0.9em;
		background: #ef9f14 url(../images/c_right.jpg) top left no-repeat;
		width: 18px;
		height: 512px;
}

.c_bottom{
		display: block;
		text-align:right;
		font-size:0.9em;
		background: #ef9f14 url(../images/c_bottom.jpg) top left no-repeat;
		width: 995px;
		height: 32px;
}

.c_bottom_i{
		display: block;
		text-align:right;
		font-size:0.9em;
		background: #ef9f14 url(../images/c_bottom_i.jpg) top left no-repeat;
		width: 995px;
		height: 32px;
}


.contact{
		display: block;
		text-align:right;
		font-size:0.9em;
		background: #ef9f14 url(../images/contact.jpg) top left no-repeat;
		width: 995px;
		height: 30px;
}


.c_content_i{
		background: #ef9f14 url(../images/c_content_i.jpg) top left no-repeat;
		width: 696px;
		height: 512px;
		overflow-y: hidden;
		overflow-x: hidden;
}
.c_content_n{
		background: #ef9f14 url(../images/c_content_n.jpg) top left no-repeat;
		width: 696px;
		height: 512px;
		overflow-y: auto;
		overflow-x: hidden;	
}

.c_content_n_k{
		background: #ef9f14 url(../images/c_content_n_k.jpg) top left no-repeat;
		width: 696px;
		height: 512px;
		overflow-y: auto;
		overflow-x: hidden;	
}


div.subnavigation
{
	padding: 5px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
}

/*fuer die Navi-Punkte mit Image*/
div.subnavbutton1 {
	padding: 3px 0px 4px 0px;
	margin: 0px;
	height: 16px;
}

div.subnavbutton2 {
	background: #FFFFFF url(../images/blue.png) no-repeat top left;
	padding: 3px 0px 5px 27px;
	margin: 0px;
}

a.subnavlink {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a.subnavlink:hover {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/* BUTTONS *//* BUTTONS *//* BUTTONS *//* BUTTONS *//* BUTTONS *//* BUTTONS */

.navigation
{
	width: 261px;
	height: 169px;
	background: transparent url(../images/navigation.jpg) top left no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
}


a.button_1{
		display: block;
		text-align:right;
		font-size:0.9em;
		background: transparent url(../images/button_1_rel.jpg) top left no-repeat;
		width: 261px;
		height: 42px;
}
a.button_2{
		display: block;
		text-align:right;
		font-size:0.9em;
		background: transparent url(../images/button_2_rel.jpg) top left no-repeat;
		width: 261px;
		height: 42px;
}
a.button_3{
		display: block;
		text-align:right;
		font-size:0.9em;
		background: transparent url(../images/button_3_rel.jpg) top left no-repeat;
		width: 261px;
		height: 43px;
}
a.button_4{
		display: block;
		text-align:right;
		font-size:0.9em;
		background: transparent url(../images/button_4_rel.jpg) top left no-repeat;
		width: 261px;
		height: 42px;
}

/* BUTTONS *//* BUTTONS *//* BUTTONS *//* BUTTONS *//* BUTTONS *//* BUTTONS */
a.button_1:hover{
		display: block;
		text-align:right;
		font-size:0.9em;
		background: transparent url(../images/button_1_over.jpg) top left no-repeat;
		width: 261px;
		height: 42px;
}
.button_2:hover{
		display: block;
		text-align:right;
		font-size:0.9em;
		background: transparent url(../images/button_2_over.jpg) top left no-repeat;
		width: 261px;
		height: 42px;
}
.button_3:hover{
		display: block;
		text-align:right;
		font-size:0.9em;
		background: transparent url(../images/button_3_over.jpg) top left no-repeat;
		width: 261px;
		height: 43px;
}
.button_4:hover{
		display: block;
		text-align:right;
		font-size:0.9em;
		background: transparent url(../images/button_4_over.jpg) top left no-repeat;
		width: 261px;
		height: 42px;
}
	
	
#topmenu{
		float:right;
		display: block;
		text-align:right;
		font-size:0.9em;
		padding: 50px 20px 0px 0px;
		margin: 0px;
	}
	
#topmenutext{
		float:right;
  FONT-SIZE: 12px;
	COLOR: #232323;
}

#kleider{
		float:right;
		display: block;
		text-align:right;
		font-size:0.9em;
		background: #ef9f14 url(../images/header_content.png) top right no-repeat;
		width:750px;
		height: 275px;
	}
	
#container{
	float:left;
	width:99f0px;
}

	#left_outer{
		float:left;
		width:240px;
	}
	
	#left_inner{
		float:left;
	    background-color:#ef9f14;
		color:#232323;
		width:200px;
		text-align:left;
		}
		
/*  top menu */

ul#mainlevel-nav li
{
	float: right;
	white-space: nowrap;
	background-image:none;
	margin:0px !important;
	padding:0px;
}

a.mainlevel-nav
{
	display: block;
	padding-left:10px;
	padding-right: 10px;
	margin:0px;
	text-decoration: underline;
	color: #232323;
}


a.mainlevel-nav:hover
{
	color: #232323;
}


		
/* main menu */
.moduletable{
text-align:left;
}
#mainmenu .moduletable td{
padding:2px 0px 0px 10px;
}
a.mainlevel{
	display:block;
	color:#232323;
	height:31px;
	font-weight:bold;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	padding:6px 0px 0px 25px;
	}
	
a.mainlevel:hover, a.mainlevel#active_menu{
    display:block;
	color:#232323;
	padding-left: 0px;
	}
		
a.sublevel:link, a.sublevel:visited {
	display: block;
	margin-left:20px;
	padding:0px 0px 4px 10px;
	color:#dcdcdc;
	background:url(../images/arrow.gif) 0 6px no-repeat;
}

a.sublevel:hover {
    display:block;
	color:#20a3bf;
}


	#left{
	float:left;
	padding:0px 15px 0px 15px;
	margin-top:10px;
	margin-left:10px !important;
	margin-left:5px;
	height: 200px;
	}
	
	#left .moduletable{
	padding-bottom:10px;
	}

	#left h3{
	color:#63bf20;
	background:url(../images/blackline.png) left bottom repeat-x;
	margin-bottom:8px;
	}
		
/*main area*/
#mainarea{
	float:right;
	width:750px;
}


#mainbody_outer{
	float:left;
	width: 750px;
	display:block;
}
#mainbody_inner{
	min-height:50px;
	float:left;
	display:block;
	width:750px;
	background-color:#ef9f14;
}


/* pathway */

#pathway_text img {
	margin-left: 5px;
	margin-right: 5px;
} /* for the arrow image */

#pathway_text {
    float: left;
    overflow: hidden;
	display: block;
	height: 26px;
	line-height: 25px !important;
	line-height: 22px;
    padding: 10px 0px 10px 20px;
	text-align: left;
}

#pathway_text  { 
	width: 350px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 320px;
} 
  /* CSS1 UAs should see and use 2nd width */

html>body #pathway_text { width: 320px; }

#pathway_text a{
	color:#20a3bf;
	}
	
#pathway_text a:hover{
	color:#0e0e0e;
	}

#resizer{
	float:right;
	width:200px;
	}
	
/* main content */
	
#main_content{
	float:left;
	display:block;
	padding:0px 10px 0px 10px;
	text-align:left;
	line-height:1.6em;
	overflow: auto;
	height:175px;
	width: 700px;
}

  /* CSS1 UAs should see and use 2nd width */

#main_content a{
	color:#20a3bf;
}

#main_content a:hover{
	color:#333333;
}

/* mainarea center */

#mainarea_center{
	float:left;
	display:block;
	width:700px;
	margin-top:20px;
	margin-bottom:20px;
	}
#mainarea_center h3{
	text-align:left;
	color:#20a3bf;
	width:215px;
	padding:0px 8px 8px 0px;
	border-bottom:#20a3bf solid 6px;
}
#mainarea_center .moduletable{
	float:left;
	color:#f5f5f5;
	width:250px;
	margin-left:20px !important;
	margin-left:10px;
}
#mainarea_center ul{
	list-style-type:none;
	font-style:italic;
	margin-top:10px;
	font-size:1.1em;
}

#mainarea_center li{
	margin:0px !important;
	padding-left:8px !important;
	line-height:1.8em;
	background:url(../images/arrow.gif) 0 8px no-repeat;
}

#mainarea_center a{
	color:#d8d8d8;
}
#mainarea_center a:hover{
	color:#20a3bf;
}

/*main area bottom*/
#user2_outer{
	float:left;
	display:block;
	width:677px;
	margin-top:8px;
}

#user2_inner{
	float:left;
	display:block;
	width:677px;
	background-color:#ffffff;
	}

#user2_inner a:hover{
	color:#333333;
	}
	
#user2_inner h3{
	text-align:left;
	padding:0px 0px 8px 25px;
	background:url(../images/green.png) 0px 0px no-repeat;
}
#user2_inner .moduletable{
	float:left;
	width:250px;
	margin-left:20px !important;
	margin-left:10px;
}

#user2_top{
	float:left;
	height:28px;
	width:677px;	
	background: url(../images/rightbg_tr.gif) top right no-repeat;
}

#user2_bottom{
	float:left;
	height:28px;
	width:553px;
	background:url(../images/rightbg_bl.gif) top left no-repeat;
}
/*footer*/

#sideflower {
	float:left;
	vertical-align:bottom;
	width:240px;
	display:block;
	background: #ef9f14 url(../images/sideflower.png) bottom left no-repeat;
	height: 102px;
}

#footer { 
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: center;
    float:left;
    margin-top: 2px;
	color: #656565;
	padding:10px 0px 10px 0px;
}