/*
01 Tagformatierungen
02 Gridformatierungen
03 Seitenformatierungen
04 Formularformatierungen
05 Berichtformatierungen
06 Kalenderformatierungen
07 Navigationsformatierungen
*/
/**************Tagformatierungen**************/

* {
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 140%;
}

body {
	background: url(/demandit/files/M_C02D1CC4DCE5AF7A782/dms/Image/body_bg_demandit.jpg) repeat-x #fff;
	color: #6b6e6e;
	font: normal 12px Arial, Helvetica, sans-serif;
}

table {
	empty-cells: show;
}

img {

}

a img {
	border: 0;
}

a {
	border: 0;
	color: #74B841;
	text-decoration: none;
	outline: none;	
}

a:hover {
	color: #45565e;
}

h1 {
	font-size: 22px;
	padding: 25px 0 10px 0;
	color: #45575e;
}

div > h1 {
	padding-top: 0;
}

h2 {
	font-size: 16px;
	padding: 10px 0 10px 0;
	color: #45575e;
}

h3 {
	color: #797977;
	font-size: 14px;
	padding: 10px 0 15px 0;
}

p {
	padding-bottom: 10px;
}

/**************Gridformatierungen**************/

div#grid_container{
	background-color: #fff;
	width: 971px;
	margin: 0 auto;
	
}

div#grid_topnavi{
	background: url(/demandit/files/M_C02D1CC4DCE5AF7A782/dms/Image/topnavi_bg.jpg);
	height: 35px;
	width: 100%;
}

div#grid_header{
	height: 92px;
	width: 100%;
	background: url(/demandit/files/M_C02D1CC4DCE5AF7A782/dms/Image/top_header_bg.jpg);
}

div#grid_logo{
	float: left;
	height: 100%;
	width: 369px;
}

div#grid_mainnavi{
	float: left;
	height: 100%;
	width: 596px;
}

div#grid_content{
	border: 1px solid #cccccc;
	padding: 4px 4px 12px 4px;
	width: 961px;
}

div#grid_content_sub{
	background: url(/demandit/files/M_C02D1CC4DCE5AF7A782/dms/Image/content_bg_demandit.jpg) repeat-x #fff;
	padding-top: 35px;
}


div#grid_banner{
	background-color: #84b23b;
	height: 230px;
	width: 100%;
}

div#grid_banner_sub{
	background-color: #fff;
	height: 230px;
	padding-left: 8px;	
	width: 953px;
}

div#grid_leftcontent{
	float: left;
	width: 238px;
}

div#grid_subnavi, div#grid_infobar{
	float: left;
	width: 221px;
	border: 1px solid #cccccc;
	background-color: #e6e6e6;
	padding: 22px 12px 22px 5px;
	height: 350px;
}

div#grid_infobar{
	margin-top: 20px;
	padding: 5px;
	width: 228px;
}

div.grid_maincontent{
	width: 100%;
	min-height: 400px;
  	height:auto !important;
  	height: 400px;

}

div#grid_maincontent_subpage{
	width: 100%;
	min-height: 400px;
  	height:auto !important;
  	height: 400px;
	float: left;
	width: 441px;
	padding-left: 25px;
}

div#grid_maincontent_subpage ul{
	margin-left: 20px;
}

div#grid_maincontent_subpage_2 ul{
	margin-left: 20px;
}

div#grid_maincontent_subpage_2{
	width: 100%;
	min-height: 400px;
  	height:auto !important;
  	height: 400px;
	float: left;
	width: 686px;
	padding: 0 10px 0 25px;
}


div#grid_maincontent_search{
	width: 100%;
	min-height: 400px;
  	height:auto !important;
	width: 900px;
	padding-left: 25px;
}


div#grid_shoutbox{
	width: 230px;
	float: left;
	/*background-color: #E6E6E6;
    	border: 1px solid #CCCCCC;*/
	margin-left: 11px;
	padding:0 7px 10px 7px;
}

div#grid_shoutbox ul{
	margin-left: 20px;
}

div#grid_footer{
	background: url(/demandit/files/M_C02D1CC4DCE5AF7A782/dms/Image/footer_bg.jpg) repeat-x #45575e;
	height: 215px;
	margin-top: 5px;
	width: 100%;
}


/**************Contentformatierungen**************/

div#abstand {
	margin: 10px 0 0 20px;
}

td.anleitung {
	vertical-align:top;
	padding: 0 0 0 15px;
}

tr.anleitung {
	margin:0 0 20px 0;
}


ul#topnavi{
	float:left;
	list-style-type: none;
	width: 750px;
}

ul#topnavi li{
	float: left;
	line-height: 35px;
}

ul#topnavi li a{
	color: #84B23B;
	padding: 0 10px;
	text-decoration: none;
	text-transform: uppercase;
}

div#searchfield{
	background: #a0a9ae;
	float: right;
	margin-top: 7px;
	height: 20px;
	width: 148px;
}

div#searchfield input {
	color: #fff;
}

div.maincontent_box, div.content_box{
	float: left;
	width: 230px;
	margin-left: 15px;
}

div.content_box{
	margin-left: 0;
}

div.maincontent_box.long, div.content_box.long{
	width: 471px;
	margin-left: 0;
}

ul.content_list > h2{
	padding-bottom: 0;
}

ul.content_list li{
	list-style-type: none;
	color: #8cb748;
	padding-left: 15px;
}

ul.content_list li a{
	color: #8cb748;
	list-style-type: none;
}


div.content_box.long{
	margin-left: 0;
}

div.content_title{
	background: url(/demandit/files/M_C02D1CC4DCE5AF7A782/dms/Image/mainnavi_bg.jpg);
	height: 33px;
	padding: 0 0 0 10px;
	text-transform: uppercase;
	font-size: 16px;
	color: #fff;
}

div.content_title div{
	height: 28px;
	padding-top: 5px;
	background: url(/demandit/files/M_C02D1CC4DCE5AF7A782/dms/Image/title_bg_2.jpg) no-repeat right;
}

div.content_title a{
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 33px;
	line-height: 33px;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
}

div.content_title .green_title{
	color: #85ba46;
}

span.green_white_title{
	font-size: 15px;
	font-weight: bold;
	color: white;
	padding:0 5px;
	background-color: #79c239;
}

span.grey_white_title{
	font-size: 15px;
	font-weight: bold;
	color: white;
	padding:0 5px;
	background-color: #4f6067;
}

span.green_italic_title{
	color: #84b23b;
	font-style: italic;
	text-transform: uppercase;
}

span.green_text{
	color: #84b23b;
}



div.footerbox{
	border-right: 1px dashed #758288;
	color: #fff;
	float: left;
	height: 75%;
	width: 216px;
	margin-top: 20px;
	padding: 0 0 0 10px;
}

div.footerbox a{
	color: #fff !important;
}


div.footerbox a:hover{
	color: #74B841 !important;
}

div.footerbox ul{
	margin-left: 20px;
}


#socialmedia {
	float: right;
	margin: -47px 0 0 0;
}

div.footerbox.last{
	border-right: 0;
	width: 260px;
}

span.footer_title{
	color: #74b841;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}



div.box_left{
	float:left;
	padding-right: 20px;
	width: 233px;
}

div.box_left h3{
	font-size: 13px;
	font-weight: bold;
	color: #45575e;
	padding: 10px 0 0 0;
}

div.box_left ul{
	color:	#84b23b;
	margin-left: 15px;
}

div.box_left li{
	padding-bottom: 4px;
}

div.box_right {
	float: left;
}

div.box_right h3{
	font-size: 13px;
	font-weight: bold;
	color: #45575e;
	padding: 10px 0 0 0;	
}

div.box_right ul{
	color:	#84b23b;
	margin-left: 15px;
}

div.box_right li{
	padding-bottom: 4px;
}

div.referenzen_image{
	float: left;
	width: 300px;
}	

div.referenzen_content{
	float: left;
	width: 350px;
}

.clear {
	clear: both;
	margin:20px 0;
	height:20px;
	border-bottom: 1px dashed #CCCCCC;
}

.clear_left {
	clear: both;
	margin:20px 0;
	height:1px;
	border-bottom: 1px dashed #CCCCCC;
}


.image {
	/*padding: 5px;*/
	border: 1px #e6e6e6 solid;
}

.image_right{
	padding: 5px;
	border: 1px #e6e6e6 solid;
	float: right;
	margin-left: 10px;
}

.list_green {
	color:	#84b23b;
	margin-left: 15px;
}

.list_green li {
	padding-bottom: 4px;
}

.home_website {
	background: url(/demandit/files/M_C02D1CC4DCE5AF7A782/dms/Image/bg_home_website.png) no-repeat;
	width: 217px;
	float: left;
	margin-right: 23px;
	height: 250px;
	padding: 3px;
}

.home_website_last {
	background: url(/demandit/files/M_C02D1CC4DCE5AF7A782/dms/Image/bg_home_website.png) no-repeat;
	width: 217px;
	float: left;
	height: 250px;
	padding: 3px;
}

.home_website_title {
	color:	#84b23b;
	font-weight: bold;
}

.aktiv {
	color:#797977;
}

/************** Footer ******************/
#galerie li
{
	list-style-type: none;
	margin: 0 10px 10px 0;
	position: relative;
}

#galerie img
{
	width: 144px;
	height: 179px;
	display: block;
}

#galerie a .facebook
{
	display: none;
}

#galerie a .twitter
{
	display: none;
}


#galerie a:hover .facebook
{
	width: 110px;
	height: 165px;
	display: block;
	position: absolute;
	top: -16px;
	left: 101px;
	z-index: 1;
	background: #fff;
}

#galerie a:hover .twitter
{
	width: 110px;
	height: 165px;
	display: block;
	position: absolute;
	top: -43px;
	left: 101px;
	z-index: 1;
	background: #fff;
}

/*--Spezialangaben für den Internet Explorer 7--*/
*+html #galerie a:hover { z-index: 1;}
*+html #galerie li{position: static;}
*+html #galerie a {position: relative;}

/*--Spezialangaben für den Internet Explorer 6--*/
*html #galerie a:hover {display: block; z-index: 1;}
*html #galerie li{position: static;}
*html #galerie a {position: relative;} 


.footer_social_media {
	background: url(/demandit/files/M_C02D1CC4DCE5AF7A782/dms/Image/social_media_facebook4.jpg) right bottom no-repeat; 
	height: 149px;
}

/**************jQuery Tabs**************/

.current-info{
	display:none;
}

.tabs{
	float: left;
}

.tabs h2 a{
	display: none;
	color: blue;
}

.clearfix{
	margin: 0;
	padding: 0;
}

.clearfix li{
	list-style-type: none;
	float: left;
	padding: 0 7px;
}

.clearfix li.current{
	background-color: #8bc53e;
}

.clearfix li a{
	text-decoration: none;
	line-height: 20px;
	color: #45575e;
}

.clearfix li.current a{
	color: #fff;
}

/**************jQuery toggle**************/

h2.trigger {
	padding: 0;
	margin: 0;
	background: url(/demandit/files/M_C02D1CC4DCE5AF7A782/dms/Image/toggle_plus.jpg) no-repeat;
	width: 100%;
	font-weight: normal;
	float: left;
	height: 25px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 3px;
}
h2.trigger a {
	color: #000;
	text-decoration: none;
	display: block;
	font-size: 12px;
	padding: 2px 0 3px 25px;
}

h2.active {
	background: url(/demandit/files/M_C02D1CC4DCE5AF7A782/dms/Image/toggle_minus.jpg) no-repeat;
	border-bottom: 0px;
} 

.toggle_container {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 205px;
	clear: both;
	padding: 0 0 10px 25px;
}
.toggle_container .block {
	padding: 0; /*--Padding of Container--*/
	border-bottom: 1px solid #cccccc;
}

.tabbody {
	padding-top: 10px;
}


/**************Formularformatierungen**************/

.form_hintergrund {

}

.dem_meldung {
	color: #ff0000;
}

.form_element {
	background-color: #fff;
	border: 1px solid #a5acb2;
	color: #6b6e6e;
	text-decoration: none;
	width: 300px;
	margin-bottom: 5px;
}

.form_bg_color_false {
	border: 1px solid #ff0000;
}

.form_bezeichner {
	padding-right: 5px;
	background-color: #fff;
	color: #6b6e6e;
	text-decoration: none;
}

.form_bezeichner select {
	width: 302px;
}

.form_bezeichner textarea {
	height: 120px;
	font: normal 13px Arial, Helvetica, sans-serif;
}

.form_element.plz {
	margin-right: 5px;
	width: 40px;
}

.form_element.ort {
	width: 250px;
}

.form_bezeichner button {
	background-color: transparent;
}

.form_blaettern_link a, .bericht_zaehler a {
	color: #003a7e;
	text-decoration: underline;
}

.form_blaettern_link a:hover, .bericht_zaehler a:hover {
	color: #df2953;
	text-decoration: underline;
}

.btn span {
	border-left: 1px solid #bbb;
	border-right: 1px solid #aaa;
	padding: 3px 0;
	line-height: 180%;
	background: #ddd url(/demandit/files/design/verwaltung/images/buttonbg.gif) repeat-x 0 0;
}

* html .btn span { 
	padding-top: 0; 
}

.btn span span {
	position: relative;
	border-width: 0;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #aaa;
	padding: 3px 0.7em;
}

.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
	cursor: pointer;
	border-color: #777 !important;
	color: #000;
}

.btn:active span {
	background-position: 0 -400px;
	outline: none;
}

.btn:focus, .btn:active { 
	outline: none; 
}

/**************Berichtformatierungen**************/

.bericht_tabelle {

}

.bericht_titel_leiste {
	background-color: #fff;
	color: #495b5f;
	padding: 5px 5px 5px 0;
	border-top: 1px dashed #CCCCCC;

}

.bericht_titel_leiste a {
	color: #495b5f;
	text-decoration: none;
}

.bericht_titel_leiste a:hover {
	text-decoration: none;
}

.bericht_eintrag_leiste {
	background-color: #e7f0ef;
	border-bottom: 1px #a7a7a5 solid;
	color: #797977;
	padding: 5px;
	text-decoration: none;
}

.bericht_eintrag_leiste_2 {
	background-color: #fff;
	border-bottom: 1px #a7a7a5 solid;
	color: #797977;
	padding: 5px;
	text-decoration: none;
}

.bericht_eintrag_link {
	background-color: #e7f0ef;
	border-bottom: 1px #a7a7a5 solid;
	color: #000;
	padding: 5px;
	text-decoration: underline;
}

.bericht_eintrag_link_2 {
	background-color: #fff;
	border-bottom: 1px #a7a7a5 solid;
	color: #000;
	padding: 5px;
	text-decoration: underline;
}

.bericht_eintrag_link a, .bericht_eintrag_link_2 a {
	color: #495b5f;
	text-decoration: underline;
}

.bericht_eintrag_link a:hover, .bericht_eintrag_link_2 a:hover {
	text-decoration: underline;
}

.bericht_angezeigt {
	font-size: 10px;
	font-style: italic;
}

.einzelbericht_titel_leiste {
	color: #000;
	text-decoration: none;
}

.einzelbericht_eintrag_leiste {
	color: #5f5f5f;
	font-style: italic;
	text-decoration: none;
}

.bericht_kurse{
	margin: 0 0 10px 0;
	/*padding: 0 0 5px 0;*/
	border-bottom: 1px dashed #CCCCCC;
}

.bericht_kurse span{
	font-weight: bold;
	color: #45575e;
}

.bericht_kurse li{
	list-style-type: none;
}

/**************Kalenderformatierungen**************/

#kalenderBody {
	margin: 0;
	overflow: hidden;
	padding: 20px 0 0 35px;
	font-size: 12px;
}

#kalenderBody a {
	color: #000;
	font-size: 12px;
}

.kalender_heute a {
	font-weight: bold;
	text-decoration: none;
}

.kalender_kopf, .kalender_kopf_wochenende {
	border: 1px solid #a5acb2;
	font-weight: normal;
	text-decoration: none;
	width: 14%;
}

.kalender_kopf {
	background-color: #e0e2eb;
	font-size: 12px;
}

.kalender_kopf_wochenende {
	background-color: #c2c2cf;
	font-size: 12px;
}

.kalender_fenster_schliessen a {
	color: #fff;
}

.kalender_eintrag_kopf {
	border: 1px solid #a5acb2;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

.kalender_eintrag_kopf {
	background-color: #57696d;
}

.kalender_eintrag {
	height: 100px;
	text-align: center;
	text-decoration: none;
	width: 14%;
}

.kalender_eintrag {
	background-color: #d6e4e4;
}

.kalender_eintrag_wochenende {
	background-color: #687d80;
}

/**************Navigationsformatierungen**************/

.fw-nav-level1 {
	list-style-type: none;
	padding-right: 20px;
}  

.fw-nav-level1 li {
	float: right;
	padding-right: 5px;
}

.fw-nav-level1 li.fw-nav-selected {

} 

.fw-nav-level1 li.fw-nav-first {
 
}

.fw-nav-level1 li.fw-nav-last {
 
} 

.fw-nav-level1 li a {
	text-decoration: none;
}

.fw-nav-level1 li a.fw-nav-selected {
	color: #fff;
}

.fw-nav-level1 li a.fw-nav-first {
 
}

.fw-nav-level1 li a.fw-nav-last {
 
}

.fw-nav-level1 li:hover, .fw-nav-level1 a:hover {
 
}

.fw-nav-level1 li.fw-nav-selected:hover, .fw-nav-level1 a.fw-nav-selected:hover {
 
}

.fw-nav-level2 {
	list-style-type: none;
	margin-top: 32px;
	padding: 0;
}

.fw-nav-level2 li {
	float: left;
	height: 33px;
	/*padding: 0 15px;*/
}

.fw-nav-level2 li.fw-nav-selected {
	background: url(/demandit/files/M_C02D1CC4DCE5AF7A782/dms/Image/mainnavi_bg.jpg);
}

.fw-nav-level2 li.fw-nav-first {

} 

.fw-nav-level2 li a {
	color: #6a797e;
	font-size: 14px;
	text-decoration: none;
	line-height: 33px;
	padding: 10px 15px;
}

.fw-nav-level2 li a.fw-nav-selected {
	color: #fff;
}

.fw-nav-level2 li:hover {
	background:  #6a797e;
	color: #fff;	
}

.fw-nav-level2 a:hover {
	color: #fff;
}


.fw-nav-level3 {
	list-style-type: none;
	float: left;
	margin: 0;
	width: 221px;
}

.fw-nav-level3 li {
	float: left;
	width: 100%;
	border-bottom: 1px dashed #cccccc;
	padding-left: 5px;
	display: block;
}

.fw-nav-level3 li.fw-nav-selected {
	background-color: #45575e;
	border: 0px;
} 

.fw-nav-level3 li.fw-nav-first {

}

.fw-nav-level3 li.fw-nav-last {

}

.fw-nav-level3 li a {
	color: #45575e;
	line-height: 25px;
	text-decoration: none;
	display: block;
}

.fw-nav-level3 li a.fw-nav-selected {
	color: #fff;
}

.fw-nav-level3 li a.fw-nav-first {
 
}

.fw-nav-level3 li a.fw-nav-last {
 
}

.fw-nav-level3 li:hover, .fw-nav-level3 a:hover {
	background:  #6a797e;
	
	color: #fff;
}

.fw-nav-level3 li.fw-nav-selected:hover, .fw-nav-level3 a.fw-nav-selected:hover {

}




