@charset "utf-8";
/* styles for www.1000felder.de           */
/*                                        */
/* media:	screen                        */
/* use:		on every page                 */
/* author:	click solutions GmbH          */
/*          Thomas Langemann              */
/*                                        */




/*                                        */
/* standard reset                         */
/*                                        */


center, isindex, menu, dir, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 101%; font-family: inherit; font-variant: inherit; vertical-align: baseline; background-repeat: no-repeat; }

strong {
	font-weight: bold; }
	
em {
	font-style: normal; font-weight: bold; }
	
body {
	line-height: 1; color: black; background: white; }

ol, ul {
	list-style: none }

table {
	border-collapse: separate; border-spacing: 0; }

caption, th, td {
	text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after {
	content: none }

blockquote, q  {
	quotes: none }

ul, ol, dl {
	position: relative }

a, a:hover {
	text-decoration: none; }

html { 
	overflow-y: scroll; }

body {
	width: 100%; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; }
	
	
.clear {
	clear: both; font-size: 1px; line-height: 1px; height: 1px; }
	
.nowrap {
	white-space: nowrap; }	
	
.invisible {
	display: none; }







/*                                        */
/* basic colors and fonts                 */
/*                                        */
	
body {
	padding-bottom: 30px; font-size: 12px; font-family: arial, sans-serif; line-height: 18px; background: #3E581A url(../images/body_bg.jpg) repeat; color: #fff; }
	
	
	
	
	
	
	

	


/*                                        */
/* basic layout                           */
/*                                        */

#wrapper {
	position: relative; margin-left: auto; margin-right: auto; margin-top: 30px;  width: 979px; }

#head {
	 }
	
#sidenotes {
	float: right; width: 244px; color: #000; }

#field {
	position: relative; width: 721px; height: 451px; background: url(../images/stadion.jpg); border: 5px solid #fff; }


#news {
	margin-top: 5px; width: 731px; background-color: #fff; color: #000; }

#no-script {
	position: absolute; top: 300px; left: 155px; width: 381px; height: 50px; padding: 30px 20px; color: #000; background-color: #fff; font-size: 15px; }




/*                                        */
/* head                                   */
/*                                        */

#head a {
	display: block; height: 138px;  background-image: url(../images/header.png); text-indent: -20000px; }

/*                                        */
/* sidenotes                              */
/*                                        */



#sidenotes {
	line-height: 16px; font-size: 12px; }

#sidenotes-navi {
	height: 25px; background: url(../images/sidenotes.png) no-repeat 0 0; }
	
#sidenotes-navi.bySquares {
	background-position: 0 -25px; }

#sidenotes-navi li {
	float: left; width: 122px; text-indent: -20000px; } 

#sidenotes-navi li a {
	display: block; margin: 0; height: 25px; }

#sidenotes div.tab-content {
	padding-top: 10px; background-color: #fff; }

#sidenotes div.hidden {
	display: none; }


	
#sidenotes .divider {
	margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #000; }
	
#sidenotes div.tab-content a.divider {
	display: block; margin-bottom: 12px; padding-bottom: 6px; }
	
	

#sidenotes h2 {
	height: 25px; background-image: url(../images/sidenotes.png); text-indent: -20000px; }

#sidenotes h2#supporters-wanted {
	background-position: 0 -50px; }
	
#sidenotes h2#top-5-supporters {
	background-position: 0 -75px; }

#sidenotes h2#choose-squares {
	background-position: 0 -100px; }

#sidenotes h2#your-choice {
	background-position: 0 -125px; }

#sidenotes h2#contact-data {
	background-position: 0 -150px; }

#sidenotes h2#all-supporters-h {
	background-position: 0 -175px; }
	
#sidenotes h2#it-is-worth-it {
	background-position: 0 -200px; }
	
#sidenotes h2#what-does-it-cost {
	background-position: 0 -225px; }
	
#sidenotes h2#lets-go {
	background-position: 0 -250px; }
	
#sidenotes h3 {
	margin: 5px 10px; font-weight: bold; }

#sidenotes p.icon-count {
	line-height: 23px; font-weight: bold; }
	
#sidenotes div.tab-content span.field-icon {
	display: inline-block; width: 25px; height: 18px; margin-bottom: -2px; background: url(../images/sidenotes.png) no-repeat 2px -360px; }


#sidenotes div.tab-content p,
#sidenotes div.tab-content a,
#sidenotes div.tab-content ul,
#sidenotes div.tab-content form {
	margin: 5px 10px; }
	
#sidenotes table {
	width: 244px; }
	
#sidenotes table tr.colored {
	background-color: #E6E6E6; }
	
#sidenotes table td {
	margin: 0; padding: 3px 0 3px 10px; vertical-align: middle; }
	
#sidenotes table td.square-icon {
	padding-left: 0; padding-right: 10px; width: 25px; height: 20px; background: url(../images/sidenotes.png) no-repeat 2px -359px; }
	
#sidenotes table td.square-count {
	padding-right: 4px; padding-left: 0; text-align: right; vertical-align: top; }
	

#sidenotes div.tab-content a.old {
	display: block; height: 25px; padding-left: 32px; line-height: 25px; color: #BD1029; background: url(../images/sidenotes.png) no-repeat 0 -220px; }

#sidenotes div.tab-content a {
	display: block; margin: 15px 0; height: 20px; text-indent: -20000px; background: url(../images/sidenotes.png) no-repeat; }

#sidenotes div.tab-content a.join-now {
	background-position: 0 -335px; }

#sidenotes div.tab-content a.our-supporters {
	background-position: 0 -315px; }
	
#sidenotes div.tab-content a.to-contact-form {
	background-position: 0 -295px; }


#sidenotes div.tab-content div.sidenotes-bottom {
	position: relative; height: 270px; width: 100%; background: url(../images/sidenotes.png) no-repeat 0 bottom; }

#sidenotes div.tab-content div.sidenotes-bottom a {
	position: absolute; bottom: 0; width: 100%; margin: 0; height: 40px; text-indent: -20000px; background-position: 0 bottom; }



#sidenotes #some-choice {
	display: none; }
	
	
#sidenotes ol {
	margin: 5px 10px; }
	
#sidenotes ol li { 
	margin-left: 16px; list-style-type: decimal; }	
	

#sidenotes ul#gifts {
	margin-top: 12px; }

#sidenotes ul#gifts li {
	margin-left: 17px; margin-top: 3px; color: #aaa; list-style-type: circle; }

#sidenotes ul#gifts li.checked {
	color: #000; list-style-type: disc; }




#sidenotes #contact-form-invalid-text {
	display: none; color: #BD1029; }

#sidenotes div.tab-content form {
	margin-right: 0; padding-top: 6px; }

#sidenotes form label {
	margin-top: 6px; }

#sidenotes form label.mandatory {
	font-weight: bold; }

#sidenotes form label.invalid {
	color: #BD1029; }

#sidenotes form input {
	margin-bottom: 6px; padding: 3px 3px; width: 224px; border: 1px solid #777; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	
#sidenotes form input#sPrename {
	width: 110px; margin-right: 0; }
	
#sidenotes form input#sSurname {
	width: 110px; margin-left: 1px; }

#sidenotes form input#sPLZ {
	width: 60px; }
	
#sidenotes form input#sCity {
	width: 160px; margin-left: 1px; }


#sidenotes form textarea {
	width: 224px; height: 60px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	
#sidenotes #submit-contact-form {
	margin-left: 0; margin-top: 20px; text-indent: -20000px; background-position: 0 -275px; }








/*                                        */
/* field                                  */
/*                                        */

#raster {
	position: absolute; width: 100%; height: 100%; background-image: url(../images/raster.png); }
	

#field .square,
#field .background-square {
	position: absolute; width: 17px; height: 17px; cursor: pointer; }
	
#field .square a {
	display: block; width: 17px; height: 17px; }
	
#field .square.reserved,
#field .square.released {
	cursor: default; }
	


#field.show-reserved .background-square.selected.gold,
#field .background-square.released.gold {
	background-color: #FABB00; }

#field.show-reserved .background-square.selected.silver,	
#field .background-square.released.silver {
	background-color: #999999; }

#field.show-reserved .background-square.selected.bronze,
#field .background-square.released.bronze {
	background-color: #dc6428; }




#field .sponsor-popup {
	display: none; position: absolute; bottom: 20px; left: -99px; width: 224px; color: #000; text-align: center; background: url(../images/sponsor_popup_bottom.png) no-repeat 0 bottom; cursor: auto; }

#field .sponsor-popup .title {
	padding: 6px 12px 0 6px; color: #C20A2C; background: url(../images/sponsor_popup_top.png) no-repeat 0 top; }
	
#field .sponsor-popup p {
	padding: 4px 12px 20px 6px; }
	
#field.show-sponsors .square:hover .sponsor-popup {
	display: block; }

#field.show-sponsors .square.selected:hover .sponsor-popup,
#field.show-sponsors .square .sponsor-popup:hover {
	display: none; }
	


#field.show-reserved .square.reserved,
#field.show-reserved .square.released {
	background-image: url(../images/cross.gif); }
	


#field #course-details {
	display: none; position: absolute; width: 100%; height: 100%; color: #000; background-color: #fff; }
	
#field #max-selection-reached {
	display: none; position: absolute; left: 25%; top: 30%; width: 50%; height: 20%; color: #000; background-color: #fff; }




/*                                        */
/* news                                   */
/*                                        */

div#news h2 {
	padding: 5px; font-weight: bold; border-top: 1px solid #000; }
	
div#news h2#news-of-the-youth {
	text-indent: -20000px; background: url(../images/sidenotes.png) no-repeat 0 -458px; }
	
div#news a {
	color: #BD1029; }


div.news {
	padding: 5px; background-color: #fff; font-size: 12px; }
	
div.news .news-text {
	padding: 0 5px; }
	
div.news img {
	width: 355px; }
	
div.news.first {
	float: left; width: 355px; border-right: 1px solid #000; }

div.news.second {
	margin-left: 365px; width: 342px; border-left: 1px solid #000; }
	
div.news.other {
	clear: left; border-top: 1px solid #000;}
	
div.news.other img {
	float: left; margin-right: 15px; }

	
div.news h3 {
	margin-bottom: 4px; font-weight: bold; color: #70A027; }
	
div.news.first h3,
div.news.second h3 {
	margin-top: 6px; }

div.news h4 {
	margin-top: 8px; font-weight: bold; color: #000; }
	
div.news p {
	margin-bottom: 6px; }
	
div.news ul { 
	list-style-type: disc; }

div.news ol { 
	list-style-type: decimal; }

div.news ul li, div.news ol li {
	margin-left: 16px;  }
	
div.news p.date {
	font-weight: bold; }





/*                                        */
/* footer                                 */
/*                                        */


div#footer {
	margin-top: 8px; }
	
div#footer a {
	color: #fff; font-weight: bold; }
	
div#identification {
	display: none; margin-top: 4px; }