html { background: #eeeee1 url(../images/bg/bg_body.png) no-repeat fixed center top; }

body {
	margin-top: 0;
	padding: 0 0 10px 0;
}

/* global settings */

h1, h2, h3, h4, h5, h6,
p,div,td,span,a,li,input,textarea,select {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333;
}

#container fieldset, #container input, #container button, #container select, #container textarea {
	border: 0 none;
}

#container form, #container fieldset {
	padding: 0;
	margin: 0;
}

/* common classes */

.cb { height: 0px; clear: both; } /* clear both */
.nbg { background-image: none !important; } /* no background */
.nbrd { border: none !important; } /* no border */
.npdg { padding: 0 !important; } /* no padding */
.bbtm { border-bottom: 1px solid #d5d5d5; } /* border bottom */
.center { margin: auto; text-align: center; } /* border bottom */
.block { display: block; }

/* container structure */

#container {
	position: relative;
	width: 980px;
	padding: 0;
	margin: 0 auto;
}

#headerContainer { 
	position: relative;
	height: 150px; 
	background: transparent url(../images/bg/bg_header-lg.png) no-repeat top; 
}

#mainContainer { 
	position: relative;
	padding: 0 10px;
	background: transparent url(../images/bg/bg_main.png) repeat-y center;
}

#footerContainer {
	position: relative;
	bottom: 0;
	width: 100%;
	color: #7f7f7f;
}


/* header containers */

#logo { position: absolute; top: 15px; left: 25px; width: 140px; height: 70px; }
	
#meta { position: absolute; top: 65px; right: 20px; height: 50px; text-align: right; }
	#meta a { float: left; font-size: 12px; line-height: 12px; text-decoration: none; padding: 10px; }
	#meta a:hover { color: #000; }

#navigation { position: absolute; top: 100px; padding: 0 10px; }
	#navigation ul { list-style: none; padding: 0; margin: 0; }
	#navigation ul li { float: left; width: 160px; margin: 0; background: transparent url(../images/bg/bg_li_nav.png) no-repeat right 15px; }
	#navigation ul li:last-child { background: none; }
	#navigation ul li a { display: block; font-size: 14px; line-height: 50px; text-decoration: none; text-align: center; padding: 0 10px; white-space: nowrap; }
	#navigation ul li a:hover, #navigation ul li a.current { color: #000; } 

#breadcrumb { position: relative; height: 30px; padding: 0; background: url(../images/bg/bg_breadcrumb.png) repeat-x; }
	#breadcrumb ul { list-style: none; padding: 0; margin: 0; }
	#breadcrumb ul li { float: left; }
	#breadcrumb ul li a { display: block; height: 30px; line-height: 30px; text-decoration: none; padding-left: 10px; }
	#breadcrumb ul li a:after { content:">"; padding-left: 10px; }
	#breadcrumb ul li:last-child a:after { content:""; }
	#breadcrumb ul li a.current { font-weight: bold; }


/* content containers */

#slider { height: 400px; overflow: hidden; }

#content { }
	#content img { display: block; }
	#content .teaser { }
	#content .teaser a { text-decoration: none; }
	#content .event { padding: 30px 20px 0; margin-bottom: 12px; background: url(../images/bg/bg_event.png) no-repeat left top; } /* icon event */

	#leftcol, #leftcol-bottom { float: left; width: 320px; overflow: hidden; }
	#centercol, #centercol-bottom { float: left; width: 320px; overflow: hidden; }
	#rightcol, #rightcol-bottom { float: left; width: 320px; overflow: hidden; }
	#two-thirds { float: left; width: 640px; overflow: hidden; clear:left; }
	#one-thirds { float: left; width: 320px; overflow: hidden; }
	#lowcol { clear:left; width:960px; overflow: hidden; padding-top:10px; }

	/* Drei Teaser */
	#content .special { width: 320px; height: 190px; margin: 20px 0; overflow: hidden; }
	#content .special a, #content .special a h2 { text-decoration: none; }
	#content .special h2 { font-size: 20px !important; line-height: 24px; color: #808080; vertical-align: middle; }
	#content .special a h2 span.subline, #content .special a h2 strong { color: #5CAA45; }
	#content .special img { display: block; margin: 0 auto 20px; }
	#content .specialbrdl { border-left: 1px solid #d5d5d5; }

   /* Einfacher Bild-/Textblock */
	#content .article { padding-bottom: 18px; }
	#content .article.borderbottom { border-bottom: 1px solid #d5d5d5; }
	#content .article .articleTools { clear: both; height: 40px; padding-right: 10px; background: url(../images/bg/bg_tools.png) no-repeat left 20px; }
	#content .article .articleTools a { float: right; padding: 5px 0; margin-right: 10px; }
	#content .article .articleHead { clear: both; }
	#content .article .articleHead h1 { padding: 20px 20px 0; }
	#content .article .articleHead img { float: left; margin: 0 20px 20px 0; }
	#content .article .articleBody a { color: #5CAA45; }
	#content .article .articleBody { clear: both; font-size: 14px; /* font-size: 18px; line-height: 24px; */ padding: 0 20px; }
	#content .article .articleBody p { margin-bottom: 18px; }
	#content .article .articleBody * { font-size: inherit; }
	#content .article .articleBody p.sml, #content .article .articleBody p.sml *, #content .article .newsBody * { font-size: 14px; line-height: 18px; }

	/* Bilder/Themen */
	#content .imageBar { clear: both; min-height: 210px; }
	#content .imageBar a.threeThirds, #content .imageBar a.twoFourths { text-decoration: none; }
	#content .imageBar div.textitem{ float: left; position: relative; width: 320px; overflow: hidden; }
	#content .imageBar div.twoThirds { width: 600px; height: 170px; padding: 0 20px; } /* Text braucht Abstand zum Rand */
	#content .imageBar a.threeThirds, #content .imageBar div.threeThirds { width: 960px; height: 210px; }
	#content .imageBar .imagelink, #content .imageBar .imageitem { display: block; float: left; position: relative; width: 320px; height: 100%; z-index: 2; background: none; overflow: hidden; }
	#content .imageBar div.textitem span, #content .imageBar div.oneThird span, #content .imageBar div.twoFourths span, #content .imageBar div.threeThirds span,
	#content .imageBar a.imagelink span { display: block; position: absolute; bottom: 0; left: 0; font-size: 18px; line-height: 40px; color: #333; padding: 0 40px; background: #fff; z-index: 1; -moz-opacity:.85; filter:alpha(opacity=85); opacity:.85; }
	#content .imageBar a.twoFourths, #content .imageBar div.twoFourths { width: 480px; height: 210px; } /* Text braucht Abstand zum Rand */

	#content .imageBar a.mm-link { height: auto; }
	#content .imageBar a span.mm-text { position: absolute; width: 100%; font-size: 12px; line-height: 40px; padding: 0 10px; bottom: 0; }
	#content .imageBar a div.mm-icon { position: absolute; float: left; overflow: hidden; bottom: 50px; right: 10px; width: 30px; height: 30px; }

	#content .imageBar ul.board { list-style: none; display: block; padding: 0; margin: 0; }
	#content .imageBar ul.board li { float: left; width: 160px; height: 320px; margin: 0; padding: 0; background: #f6f6f6; }
	#content .imageBar ul.board li a { display: inline; width: auto; height: auto; margin: 0 0 10px; }
	#content .imageBar ul.board li h2 { font-weight: bold; color: #000; padding: 0 10px; }
	#content .imageBar ul.board li h2 span { display: block; font-size: 12px; line-height: 14px; font-weight: normal; font-style: italic; }
	#content .imageBar ul.board li p { font-size: 14px; line-height: 18px; color: #000; padding: 0 10px; margin: 0; }
	#content .imageBar ul.board li.active { background: #5caa45; }
	#content .imageBar ul.board li.active h2,
	#content .imageBar ul.board li.active p { color: #fff; }

	#content .profileBar { clear: both; background: #f6f6f6; }
	#content .profileBar img { float: left; }
	#content .profileBar table { }
	#content .profileBar table tr { }
	#content .profileBar table tr td { width: 160px; height: 24px; padding-top: 10px; }
	#content .profileBar table tr td.profileOption { width: 80px; }
	#content .profileBar table tr td.profileEntry { width: 240px; }
	#content .profileBar table tr td * { font-size: 14px; }
	#content .profileBar table tr td span { color: #5caa45; padding-left: 40px; }

	.eventCalendarLink button { background-color: #FFF; border: 1px solid #d5d5d5; color: #7F7F7F; cursor: pointer; box-shadow: 0 0 3px 2px #CCC; -moz-box-shadow: 0 0 3px 2px #CCC; -webkit-box-shadow: 0 0 3px 2px #CCC; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 3px 5px; }
	.eventCalendarLink button:hover { color: #000; }

	.newsteaser .newsrss {
		background: url("../images/bg/bg_rss.png") no-repeat scroll left top rgba(0, 0, 0, 0);
		height: 30px;
		margin-top: 12px;
		padding: 0;
	}
	.newsteaser h2.rsshead {
		margin-top: 0;
		padding-top: 0 !important;
	}

/* footer containers */

#nav { 
	width: 960px;
	height: 190px; 
	padding: 30px 10px 0;
	margin: 0 auto;
	background: transparent url(../images/bg/bg_footer.png) no-repeat center bottom; }
	#nav div { float: left; width: 140px; padding: 0 10px; }
	#nav div ul { list-style: none; padding: 0; margin: 0; }
	#nav div ul li { margin: 0; }
	#nav div ul li, 
	#nav div ul li a, 
	#nav p, 
	#nav a { font-size: 10px; line-height: 18px; color: #7f7f7f; text-decoration: none; }
	#nav a:hover { color: #000; }
	#nav div h3 a { font-size: 12px; }

#completion { 
	width: 960px;
	height: 60px;
	padding: 0 10px;
	margin: 0 auto;
}

#completionTop {
	width: 960px;
	height: 15px;
	padding: 0 10px;
	margin: 0 auto;
}

	#completion ul, #completionTop ul { list-style: none; }
	#completion ul li, #completionTop ul li { float: left; margin: 0; }

	#legal { position: absolute; top: 220px; left: 10px; height: 50px; text-align: right; }
		#legal a { float: left; font-size: 12px; line-height: 12px; color: #000; text-decoration: none; padding: 10px; }
	
	#social { position: absolute; top: 220px; right: 250px; height: 50px; text-align: right; }
	#social a { float: left; margin-right: 10px; }
	
	#country { position: absolute; top: 210px; right: 0; }
	#country a { display: block; width: 260px; height: 50px; background: transparent url(../images/bt/bt_country.png) no-repeat left top; }
	#country img { position: relative; top: 15px; left: 15px; }
	#country span { position: absolute; left: 65px; line-height: 50px; }
	
	#socialTop {  float: right; width: 120px; height: 28px;}
	#socialTop > div { text-align: right;margin-top: 8px; }
	#socialTop img {  }
	#socialTop a { float: left; margin-right: 10px; }

	#countryTop { float: right; }
	#countryTop a { display: block; width: 250px; height: 30px; text-align: right; }
	#countryTop img { position: relative; top: 8px; right: 30px; }
	#countryTop span.clabel { position: relative; right: 15px; top: 3px; }
	#countryTop span.cseparator { position: relative; right: 22px; top: 5px; color: #000; font-weight: bold; font-size: 1.5em; }


/* layers */

#searchbox { position: absolute; top: 90px; left: 690px; width: 260px; height: 70px; padding: 20px; display: none; z-index: 100; background: url(../images/bg/bg_search.png) no-repeat top; }
	#searchbox .inputSearch { position: relative; left: 20px; width: 170px; height: 20px; padding: 5px; background: transparent; }
	#searchbox .submitSearch { width: 40px; height: 30px; cursor: pointer; background: transparent; }

#chooseCountry { position: relative; bottom: 120px; left: 700px; width: 230px; display: none; z-index: 100; }
	#chooseCountry .top { height: 15px; background: transparent url(../images/bg/bg_country_top.png) no-repeat top; border: none; padding: 0; }
	#chooseCountry .btm { padding-bottom: 20px; background: transparent url(../images/bg/bg_country_btm.png) no-repeat bottom;  }
	#chooseCountry ul { list-style: none; padding: 0 15px; margin: 0; background: #f00; }
	#chooseCountry ul li { float: left; height: 30px; padding: 5px; }
#chooseCountryTop { position: relative; bottom: -25px; left: 740px; width: 230px; display: none; z-index: 100; }
	#chooseCountryTop .top { height: 20px; background: transparent url(../images/bg/bg_countryTop_top.png) no-repeat top; border: none; padding: 0; }
	#chooseCountryTop .btm { padding-top: 20px; background: transparent url(../images/bg/bg_countryTop_btm.png) no-repeat top; }
	#chooseCountryTop ul { list-style: none; padding: 0 15px; margin: 0; background: transparent; }
	#chooseCountryTop ul li { float: left; height: 30px; padding: 5px; }

.subnav { position: absolute; top: 130px; width: 270px; height: 1px; display: none; z-index: 100; }
.subnav div.top { height: 20px; background: url(../images/bg/bg_subnav_top.png) no-repeat top; border: none; padding: 0; }
.subnav div.btm { padding: 0 0 20px; background: url(../images/bg/bg_subnav_btm.png) no-repeat bottom; }
.subnav ul { list-style: none; width: 230px; padding: 0 20px; margin: 0; }
.subnav ul li { padding: 5px 10px; border-bottom: 1px solid #d5d5d5; }
.subnav ul li:last-child { border: none; }
.subnav ul li a { font-size: 13px; line-height: 18px; color: #333; text-decoration: none; }
.subnav ul li a:hover, .subnav ul li a.current {color: #5caa45;}
.subnav ul li ul { padding: 10px 0 0; }
.subnav ul li ul li { padding: 0 0 0 8px; border: none; }
.subnav ul li ul li a { color: #7f7f7f; }
.subnav ul li ul li a:hover, .subnav ul li ul li a.current {color: #5caa45;}
	

/* external content */
#containerExternal { position: relative; height: 545px; margin: 0; padding: 0; border: 0 none; }
	#containerExternal iframe { display: block; width: 100%; height: 100%; border: 0 none; margin: 0; padding: 0; }

/* typography */

#container h1 { font-size: 18px !important; line-height: 24px; color: #5caa45; font-weight: 600; padding-top: 20px; margin-bottom: 18px; }
#container h2 { font-size: 14px !important; line-height: 18px; color: #333333; font-weight: normal; padding: 20px 20px 0; margin-bottom: 12px; }
#container h3 { font-size: 12px !important; line-height: 18px; color: #7f7f7f; font-weight: normal; margin-bottom: 18px; }
#container h4 { font-size: 12px !important; line-height: 20px; margin-bottom: 8px; }

#container p { font-size: 14px; /* font-size: 18px; line-height: 24px; */ margin-bottom: 18px; }
#container p * { font-size: 14px; }
#container p a { color: #5CAA45; }
#container p.date { font-size: 14px; color: #7f7f7f; padding: 0 20px; }


#container h1 a {
font-size: 18px !important;
line-height: 24px;
color: #5caa45;
font-weight: 600;
padding-top: 20px;
margin-bottom: 18px;
}

a { color: #7f7f7f; text-decoration: none; }
a:hover { color: #000; }

span { font-size: inherit; font-weight: inherit; color: inherit; }
strong { font-size: inherit; font-weight: bold; color: inherit; }
center { font-size: inherit; font-weight: inherit; color: inherit; }

#container hr { height: 40px; background: #fff; }


/* elements */

#container img { border: 0 none; padding: 0; margin: 0; overflow: hidden; }
#container img.right { float: right; display: inline-block; padding-left: 10px; }
#container img.left { float: left; display: inline-block; padding-right: 10px; }
#container img.top { }
 

/* lists */

ul { list-style: disc; }
ul li { font-weight: normal; }


#container dl { margin-bottom: 20px; }
#container dt { margin-bottom: 8px; }
#container dd { font-size: 10px; line-height: 12px; color: #9099a1; }

#showMoreButton {
	background-color: #5CAA45;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    padding: 7px;
}