/********************************************************************************************

	TOC:	- GENERAL & HEADINGS
			- STRUCTURE
			- NAVIGATION
			- CONTENT & FORMS
			- FOOTER

********************************************************************************************/


/****************************************  GENERAL  ****************************************/

html, body, #wrapper {height:100%}

html, body, ul {
	border:0;
	margin:0;
	padding:0
}

body {
	background:#333 url(images/bg_main.png) repeat-x;
	color:#fff;
	font:0.8em Arial, Helvetica, sans-serif;
	line-height:1.4em
}

img {border:none}


/*** Links ***/

a {outline:none}

a:link, a:visited {color:#e2e2e2; text-decoration:underline}
a:active, a:hover {color:#fff280; text-decoration:none}

#fixnav a:link, #fixnav a:visited {color:#555; text-decoration:none}
#fixnav a:active, #fixnav a:hover {color:#999; text-decoration:underline}

#footer a:link, #footer a:visited {color:#999; text-decoration:underline}
#footer a:active, #footer a:hover {color:#fff; text-decoration:none}

.programm h2 a:link, .programm h2 a:visited {color:#fff280; text-decoration:none}
.programm h2 a:active, .programm h2 a:hover {text-decoration:underline}

#news a:link, #news a:visited, #memberplus a:link, #memberplus a:visited {color:#fff280; font-weight:bold; text-decoration:none}
#news a:active, #news a:hover, #memberplus a:active, #memberplus a:hover {text-decoration:underline}

a.mail {background:url(images/icon_mail.png) 2px 3px no-repeat; padding-left:22px}
a.pdf {background:url(images/icon_pdf.png) center left no-repeat; padding-left:22px}
	#intro a.pdf {float:left; width:auto}
a.pfeil {background:url(images/icon_arrow.png) center left no-repeat; padding-left:10px}
a.pfeil2 {background:url(images/icon_arrow2.png) center left no-repeat; padding-left:10px}
a.lock {background:url(images/icon_lock.png) center left no-repeat; padding-left:22px}
a.edit {background:url(images/icon_edit.png) center left no-repeat; padding-left:22px}
div.arrow a {background:url(images/icon_arrow.png) center left no-repeat; padding-left:10px}

a.button, a.button:visited {
	background:url(images/button_more.png) top left no-repeat;
	float:right;
	font-size:0.9em;
	font-weight:bold;
	line-height:normal;
	padding:2px 0 3px 20px;
	margin-bottom:30px;
	text-decoration:none;
	width:81px
}

/*** Headings ***/

#content h1 {
	border-bottom:#646464 1px solid;
	color:#fff;
	font:normal 1.8em Arial, Helvetica, sans-serif;
	margin:0 0 40px 0;
	padding:0 0 5px 0;
	text-transform:uppercase
}

#content h1.programm {background:url(images/bg_title.png) no-repeat; border:none; font-size:1.3em; padding:10px 15px; margin:0}
#side h1.news {background:url(images/bg_title-small.png) no-repeat; border:none; font-size:1.3em; padding:10px 15px; margin:0}

#footer h1 {color:#87ec7d; font-size:1.5em; margin:0 0 20px 0}

#content h2 {
	color:#999;
	font:bold 1.3em Arial, Helvetica, sans-serif;
	margin:40px 0 15px 0;
	padding:0;
	text-transform:uppercase
}

#content .programm h2 {color:#fff280; font-size:1.1em; margin:0;}


/****************************************  STRUCTURE  ****************************************/

#wrapper {
	margin:0 auto;
	margin-bottom:-77px;
	width:950px;
}

body > #wrapper {height:auto; min-height:100%;}

#header {background:url(images/bg_header.jpg) 114px 0 no-repeat; height:271px; position:relative; width:950px}
	#logo {float:left; margin:61px 0 56px 0; width:315px}
	#fixnav {color:#555; float:right; font-size:0.85em; text-align:right; margin-top:10px; width:200px}
	#header ul.nav {background:url(images/bg_nav.jpg) no-repeat; clear:both; height:90px; width:960px;}

#content {padding:10px 0 77px 0; width:950px}
	#intro {float:left; padding-bottom:50px; width:640px}
	#side {float:right; padding-bottom:50px; width:253px}
	#memberplus {background:url(images/bg_memberplus.png) no-repeat; height:387px; margin-bottom:30px}
	#newsletter {background:url(images/bg_newsletter.png) no-repeat; clear:both; height:114px; padding:60px 20px 20px}
	#content ul.nav {float:left; width:220px}
	#text {float:right; line-height:1.5em; margin:15px 0 50px 0; width:690px}

#footer {background:url(images/bg_footer.png) bottom repeat-x; clear:both; color:#999; height:77px; font-size:0.85em; margin-top:-77px; position:relative; min-width:970px}
	#footerwrapper {margin:0 auto; padding-top:10px; width:950px}
	#footerleft {float:left; width:auto}
	#footerright {float:right; text-align:right; width:auto}


/****************************************  NAVIGATION  ****************************************/

ul.nav, ul.nav ul {list-style:none}

#header .nav li {
	font-size:1.0em;
	font-weight:bold;
	float:left;
	text-transform:uppercase;
	width:auto;
}

#header .nav li a {
	background:url(images/separator_nav.png) right 4px no-repeat;
	display:block;
	color:#fafafa;	
	text-decoration:none;
	padding:10px 25px 10px 22px
}

#header .nav li a.login {background:none; color:#999}
#header .nav li a:hover, #header .nav li a.currentpage, #header .nav li a.activeparent {color:#fff280}


/*** Subnav ***/

#content ul.nav {background:#1c1c1c url(images/bg_subnav.png) top repeat-x; margin-top:15px; padding:0 0 40px 0}
#content ul.nav ul {background:none; padding:0}

#content .nav li a {
	background:url(images/separator_subnav.png) bottom repeat-x;
	display:block;
	color:#fff;
	height:26px;
	text-decoration:none;
	padding:6px 0 0 20px
}

#content .nav li ul li a {margin:0 32px; padding:6px 0 0 0}

#content .nav li a:hover {color:#fff280; font-weight:bold}

#content .nav li a.currentpage, #content .nav li a.activeparent {
	background:url(images/bg_subnav_on.png) no-repeat;
	color:#fff280;
	font-weight:bold;
	padding:7px 0 1px 30px;
}

#content .nav li ul li a.currentpage {
	background:url(images/separator_subnav.png) bottom repeat-x;
	color:#fff280;
	font-weight:bold;
	margin:0 32px; 
	padding:6px 0 0 0;
}

/****************************************  CONTENT & FORMS  ****************************************/

div.separator {background:url(images/separator.png) center no-repeat; clear:both; height:2px; margin:25px 0}
	#intro div.separator {margin:30px 0}
div.separator2 {background:url(images/separator.png) bottom no-repeat; clear:both; margin-bottom:25px; overflow:hidden; padding-bottom:20px; width:690px}
div.separator3 {clear:both; height:10px}

div.programm {background:#1c1c1c url(images/bg_program.png) top repeat-x; overflow:hidden; padding:20px; margin-top:1px; width:600px}
	.programm img {border:3px solid #fff; float:left; margin-right:20px; width:140px}
	.programm div.txt {float:left; width:auto}
	.programm p.calendar, #text p.calendar {background:url(images/icon_calendar.png) 0 4px no-repeat; font-weight:bold; margin:0; padding:3px 0 10px 20px}
	#text div.programm {background:none; padding:0; width:690px}
	#text .programm img {margin:0 20px 0 0}
	#text .programm div.txt {float:left; width:520px}	
	#text img.progimg {border:3px solid #fff; float:right; margin:10px 0 20px 20px}

#news {background:#1c1c1c url(images/bg_program.png) top repeat-x; overflow:hidden; padding:10px; margin-top:1px; width:233px}
	#news span.date {display:block; float:left; font-size:0.85em; font-style:italic; padding-top:5px; width:58px}
	#news span.title {display:block; float:left; padding:5px 0 10px 0; width:170px}
	#text span.date {font-size:0.85em; font-style:italic}
	#text span.date2 {display:block; float:left; padding-right:20px; width:190px}
	#text strong.title {display:block; float:left; width:480px}
	#text strong.titleintern {display:block; float:left; width:480px}
		#text strong.titleintern a {color:#ffcc99}
	#text span.desc {display:block; float:left; padding:0 0 0 20px; width:210px}
	
#fb {background:#1c1c1c url(images/bg_program.png) top repeat-x; overflow:visible; padding:10px 10px 20px 10px; margin:1px 0 30px 0; width:233px}
	
#text ul {list-style:none; margin:15px 0 10px 0}
#text li {background:url(images/icon_bullet.png) 0 6px no-repeat; padding:0 0 10px 12px}

#memberplus ul {list-style:none; margin:0px 12px; padding:85px 0 0 0}
#memberplus li {background:url(images/icon_ok.gif) 0 1px no-repeat; padding:0 0 10px 20px}
#memberplus img {padding:5px 0 0 58px}
#newsletter img {padding:13px 0 0 18px}

.bildlinks {float:left; margin:0 15px 15px 0; width:auto}
.bildrechts {float:right; margin:0 0 15px 15px; width:auto}
.bildlinks-r {background:#fff; padding:3px; float:left; margin:0 15px 15px 0; width:auto}
.bildrechts-r {background:#fff; padding:3px; float:right; margin:0 0 15px 15px; width:auto}

th {text-align:left}
table.tarife {margin-bottom:30px; width:690px}
table.tarife th {background:#555; padding:5px}
table.tarife td {border-bottom:#3f3f3f 1px solid; padding:5px}

div.links {overflow:hidden}
div.linkurl {float:left; width:200px}
div.linktxt {float:left; width:460px; padding:0 0 10px 20px}

div#user {margin-bottom:10px; text-align:right}
span.comment {display:block; font-size:0.85em; font-style:italic; line-height:normal; margin:0 0 10px 173px}

/*** Forms ***/

#text form {margin:0; padding:10px 0 0 0}
#text form p {display:block; float:left; margin:0; padding:0; width:600px}
#text fieldset {border:#555 solid 1px; clear:both; padding:20px 0 20px 20px; margin-bottom:25px}
#text legend {color:#fff; font-size:1.1em; font-weight:bold; margin-bottom:0 !important; margin-bottom:20px}
#text label {float:left; width:173px; margin:1px 0 5px 0}
#text fieldset label {width:150px}

#text input, #text textarea, #text select {
	background:#fff;
	border:#ccc solid 1px;
	color:#333;
	font:1em Arial, Helvetica, sans-serif;
	width:180px;
	margin:0 0 10px 0;
	padding:2px 3px 2px 3px;
}

#text input.sizeM {margin:0; width:100px;}
#text fieldset input.sizeM {margin:0 0 10px 0; width:100px;}

#text select {width:108px}
#text textarea {height:100px; width:300px}

#text #Senden {width:80px; margin:0 0 0 173px}
	#text fieldset #Senden {width:80px; margin:0 0 0 150px}
	#text #cntnt01feu_submit {width:80px; margin:0 0 0 173px}
#text #Reset {width:80px; margin:0 0 0 10px}
		#text #cntnt01feu_cancel {width:80px; margin:0 0 0 10px}

#text div.error {background:url(images/bg_error.png) no-repeat; color:#db564b; height:23px; padding:4px 0 10px 30px; width:640px}

#text .small {font-size:0.85em; font-style:italic; font-weight:normal}

#text div.red {background:url(images/bg_error.gif) no-repeat; color:#db564b; height:23px; padding:7px 0 0 30px; width:636px}