/*
###########################################################################################
HTML / BODY ALLGEMEINE CONTAINER
###########################################################################################
*/


body{
	text-align:center;
	font-family: Verdana,Arial,Helvetica, sans-serif;
	font-size:14px;
	color:#606060;
	background:#dedfe0;
	margin: 0;
	padding: 0;
overflow-y:scroll;
	}



.maincontent {
    background: #fff;
    width: 850px;
    min-height: 500px;
    margin: 30px auto;
    text-align: left;
    border: 1px solid #939393;
    position: relative;
    }

.logo { padding: 65px 0 0 20px; }

.footer { position: absolute; bottom: 10px; padding: 0 0 0 30px; font-size: 11px;}
.footerspace { margin-right: 30px; }



/* 
######################################################
Main Menu
###################################################### 
*/

.menucontainer { 
    width: 100%;
    margin: 30px 0 0 0;
    }


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	 line-height:	1.0; 
width: 100%;
background: #95C11F;
padding: 5px 0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}


/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	 margin-bottom:	1em; 
}
.sf-menu ul {
	/* box-shadow: 2px 2px 6px rgba(0,0,0,.2); */
    margin-left: 10px;
    border-left: 0px solid #fff;
    border-bottom: 1px solid #ddd;
}
.sf-menu a {

	border-bottom:		0px solid #CFDEFF;
	padding: 		.75em 2em;
/* mit Downloads... padding: .75em 1em; */
	text-decoration:none;
}

/* .sf-menu a.menuborder { 	border-left:	1px solid #fff; margin-left: 10px;} */
.sf-menu a.menuborder:link, .sf-menu a.menuborder:visited,  .sf-menu a.menuborder:active, .sf-menu a.menuborder:hover  { 	background:url(../images/menuseperator.gif) left center no-repeat; margin-left: 6px;}

.sf-menu a:link, .sf-menu a:visited,.sf-menu a:active  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.sf-menu li {
	background:		#95C11F;
}
.sf-menu li li {
	background:		#95C11F;
}

.sf-menu li li a {
	border-bottom: 1px solid #fff;
}
.sf-menu li li a.last {
	border-bottom: 0px solid #fff;
}

.sf-menu li li li {
	background:		#95C11F;
}
.sf-menu li:hover, .sf-menu li.sfHover,
/*.sf-menu a:focus,*/ 
.sf-menu a:hover, .sf-menu a:active{
	background:		#95C11F;
	outline:		0;
color: #4c5051;
text-decoration: none;
}

a.current:link, a.current:visited,  a.current:active, a.current:hover { color: #4c5051; }

.firstitem { padding-left: 10px; }

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
        right:.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			1em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/* ENDE-MAIN-MENU ------------------------- */



.thecontent { padding: 40px 60px 50px 30px; font-size:12px;}

.greenbox {
    background: #95c11f;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 18px;
    padding: 16px;
    border-radius: 10px;
    margin: 0 0 15px 0;
}

.greybox {
    background: #999;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 18px;
    padding: 16px;
    border-radius: 10px;
    margin: 0 0 15px 0;
}

.txtbox {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 16px;
    margin: 0 0 15px 0;
    }

.txtnobox {
    padding: 0 16px 0 16px;
    margin: 0 0 15px 0;
    }

.txtboximg {
    padding: 0 16px 0 16px;
    margin: 0 0 15px 0;
    }

.txtbox p, .txtnobox p, .greenbox p, .greybox p { margin: 0;padding:0;}

.w660 { width: 660px; }



/*
###########################################################################################
HOME
###########################################################################################
*/ 
.topspace                              { margin-top: 40px; }
.homebottomlogos             { margin: 0px auto; margin-top: 25px; width:435px;}
.homebottomlogos-left        { float:left; margin-right: 20px; }
.homebottomlogos-right      { float:left; }

.flyerdown { height: 145px;line-height:145px;font-size:14px; }

.home-content-left { width: 460px; float:left; }
.home-content-left img { max-width: 100%; }

.home-content-right { 
    width:260px;float:right; 
    padding: 40px 0px 100px 0px; 
    font-size:12px;
    }

.flyerlink { display:block; margin: 0 0 5px 0; }

.home-events {
    margin: 37px 0 40px 0;
    padding: 10px;
    background:#dedfe0;
border-radius: 10px 0 0 10px;
    }


/*
###########################################################################################
PARTNER
###########################################################################################
*/ 

.partnerlogos             { margin: 40px 0 0 0; }
.partnerlogo-left        { float:left; margin-right: 40px; }
.partnerlogo-right      { float:left; }


.members { background: #eee; margin: 30px 0 20px 0;}
.members-name   { float: left; width: 200px; margin-right: 20px; padding-bottom: 20px;}
.membername { font-size: 1.1em; }
.membername img { margin-top: 5px; max-width: 100%; }
.members-info    { float: left; width: 400px; padding-bottom: 20px;}
.members-name.members-last { padding-bottom: 0; }
.members-info.members-last { padding-bottom: 0; }

.members ul { list-style-type:disc; list-style-image:none;padding: 0 0 0 15px;}

/*
###########################################################################################
Events
###########################################################################################
*/
.event_date { font-style: italic; }

/*
###########################################################################################
Contact
###########################################################################################
*/


.contact_formcontainer{width:450px;margin:0 auto;    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 16px;}
.contact_formleft{display:inline;float:left;width:100px;padding:5px 0 0}
.contact_formright{display:inline;float:left;width:310px;position:relative}
input,.txt_area_input{border:1px solid #888;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:#222;font-size:13px;width:300px;resize:none;padding:4px}
.contact_btn-submit{border:1px solid #888;background:url(../images/bg-submit.png) repeat-x scroll 50% 50% #E6E6E6;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:#666;font-size:12px;cursor:pointer;width:auto;margin:0;padding:4px}
.contact_btn-submit:hover{color:#000;background:url(../images/bg-submit.png) repeat-x scroll 50% 50% #DADADA;cursor:pointer;margin:0}
.captchaimg{float:left;display:inline;margin-right:15px}
.captcharefresh{font-size:11px;float:left;display:inline}
.contact_error{position:absolute;top:-6px;left:312px;background:url(../images/input-error-arrow.gif) no-repeat 0 8px;display:none;padding:0 0 0 11px}
.errorinfotext{background:#98c662;color:#222;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;font-size:11px;width:150px;text-align:center;padding:8px}
.emailerror{width:200px}
.output_check{width:200px;}
.contact_formmsgerror{color:#000}
.contact_send{width:210px}
.contact_info_container1{min-height:100px;height:auto!important}
#successdiv { display: none; }
input:active,input:hover,input:focus,textarea:active,textarea:hover,textarea:focus{background-color:#C2E098}



/*
###########################################################################################
LINKS
###########################################################################################
*/
a:link, a:visited,  a:active {
		color:#004E2A;
		text-decoration:none;
		}

a:hover {
		color:#004E2A;
		text-decoration:underline;
		}



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

.greybox  a:hover {
		color:#fff;
                font-weight: bold;
		text-decoration:underline;
		}


img a { border:none;}

/*
###########################################################################################
HEADLINES
###########################################################################################
*/


h1 { font-weight: normal; padding: 0; margin: 0 0 15px 0; font-size: 20px; color:#004E2A;}
h1.hd_mission { margin-left: 15px; }
h2 { font-weight: normal; padding: 0; margin: 0 0 0px 0; font-size: 18px; color:#004E2A;}
h2.newsheadline { font-weight: normal; padding: 0; margin: 0 0 10px 0; font-size: 14px; color:#004E2A;}
h2.eventheadline { font-weight: normal; padding: 0; margin: 0 0 10px 0; font-size: 14px; color:#004E2A;}
h2.eventheadline-noinfo { font-weight: normal; padding: 0; margin: 0; font-size: 14px; color:#004E2A;}

h1.eth1 { font-weight: normal; padding: 0; margin: 0 0 0 0; font-size: 20px; color:#004E2A;}
h2.eth2 { font-weight: normal; padding: 0; margin: 0 0 15px 0; font-size: 14px; color:#004E2A;}

h2.uhd2 { font-weight: normal; padding: 0; margin: 0 0 0px 0; font-size: 14px; color:#004E2A;}
h2.uhd3 { font-weight: normal; padding: 0; margin: 0 0 15px 0; font-size: 14px; color:#004E2A;}




/*
###########################################################################################
ALLGEMEINE KLASSEN
###########################################################################################
*/



a:focus,:focus	{outline:none}

.floatleft { float: left; }

.clearleft	        {clear:left}
.clearright	{clear:right}
.clearboth	{clear:both}

.clearfloat:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
/* IE-Patch für IE 7*/
*:first-child+html .clearfloat { min-height: 0; }
/* IE-Patch für IE 6*/
* html .clearfloat { height: 1%; }

.txtright 	{ text-align:right; }
.txtcenter	{ text-align: center; }

.underline 	{ text-decoration: underline; }
.italic 	        { font-style: italic; }
.bold 		{ font-weight: bold; }


.nonelist 	{ list-style:none; }
.noborder	{ border: none; }

.displaynone { display: none; }


.tab {
    margin-left: 15px;
    }

ul {
    margin: 0;
    list-style-image: url(../images/bullet.gif);
    }

ul li { margin: 5px 0 5px 0; }


.socialfoot {
    margin: 40px 0 40px 0;
    text-align:center;
    font-size: 20px;
    }
.socialfoot a:link, .socialfoot  a:visited,  .socialfoot  a:active {
		color:#ccc;
		text-decoration:none;
		}

.socialfoot  a:hover {
		color:#004E2A;
		text-decoration:none;
		}

.socialhome {
    margin: 50px 0 50px 0;
    text-align:center;
    font-size: 30px;
    }
.socialhome a:link, .socialhome  a:visited,  .socialhome  a:active {
		color:#ccc;
		text-decoration:none;
		}

.socialhome  a:hover {
		color:#004E2A;
		text-decoration:none;
		}

.twitterbox { padding:0 10px 0 10px; }






.tablepagecontent { padding: 40px 10px 50px 10px; }
.db-info-table {
     background:#efefef;
    width:100%;
    max-width:100%;
    }

.db-info-tr-titles {
    background:#625A57;color:#fff;
    }

.db-infos-td-titles {
    border-bottom:1px solid #777;
    }
.db-infos-td-titles-leftborder { border-left:1px solid #777;} 

.db-infos-td {
    border-bottom:1px solid #ddd;
    vertical-align: top;
    word-wrap: break-word;
    word-break: break-all;
    }
.db-infos-td-leftborder { border-left:1px solid #ddd;} 

td p { margin:0;padding:0;}
.min-tdcontent { min-width: 70px; }