@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
img { border: none; }
ul, ol, dl { list-style: none; }
a { text-decoration: none; }
:focus { outline: 0; }

body { /*text-align: center;*/ font-family: Verdana, Geneva, sans-serif; font-size: 62.5% !important; color: #000; background: url(layout/bg-body.jpg) center; }

/* Seitenlayout */
#horizon {	/*position: absolute; top: 50%; left: 0px; margin-top: -300px; */ padding-top: 3%; width: 100%; text-align: center; }
	#confirm #horizon { /*margin-top: -250px; */}
#container { position: relative; width: 992px; height: 672px; margin: 0 auto; text-align: left; background: url(layout/bg-container.png) no-repeat; }
	#confirm #container { height: 500px; background: url(layout/bg-container-confirm.png) center top no-repeat; }
#admin { width: 900px; margin: 0 auto; text-align: left; padding-bottom: 50px; background: #fff; }

#header { position: relative; height: 184px; }
	#confirm #header { height: 170px; }
#sprache img { position: absolute; top: 4px; right: 204px; }
#photograph img { position: absolute; top: 20px; left: -4px; }
	#confirm #photograph img { top: -5px; left: 45px; }
#logo img { position: absolute; top: 2px; right: -2px; }
	#confirm #logo img { top: 420px; right: 55px; }

#content { float: left; width: 972px; height: 302px; padding: 0 10px 0 10px; }
#mainNav { float: left; width: 154px; }
#supportingText { float: left; width: 516px; padding: 0 55px 0; }
	.scrollText { width: 486px; height: 250px; padding: 5px 30px 0 0; overflow: auto; position: relative; z-index: 100; }
	.preise { width: 390px; padding-left: 126px; background: url(layout/preise.png) no-repeat; margin-left: -30px; } /* ausgerückt wg. Grafik */
	.losgehts { position: relative; z-index: 100; }
	.losgehts img { position: absolute; top: 130px; right: 20px; }

#bilder { clear: left; width: 972px; height: 186px; padding: 0 10px 0 10px; }
	#confirm #bilder { padding-left: 60px; }
#bildNav { float: left; width: 154px; }
#bildThumbs { float: left; width: 530px; height: 150px; overflow: hidden; }
#bildScroll { clear: left; height: 32px; padding: 4px 0 0 154px; }
	#confirm #bildEdit { float: left; width: 470px; height: 300px; overflow: auto; }

#lowaLink { position: absolute; bottom: 20px; right: 70px; }
#gewinner { position: absolute; bottom: 32px; right: 2px; }

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

/* Navigation */
#mainNav li { padding: 0 0 2px 25px; }
#mainNav li.upload { padding: 0 0 0 6px; }


/* Bilder Miniaturansichten */
/* Bildleiste alle Bilder */
#bildNav img { padding: 0 0 0 25px; }
#bildThumbs dl { width: 1000000px; height: 150px; }
#bildThumbs dt { float: left; width: 106px; height: 100px; background: url(layout/bg-thumb.png) no-repeat; }
#bildThumbs dt img { width: 92px; height: 83px; overflow: hidden; padding: 4px 0 0 5px; }
#bildThumbs dt img.loading { width: auto; height: auto; overflow: hidden; padding: 34px 0 0 35px; }
#bildThumbs dt img.fadethumb { display: none; }
#bildThumbs dd { float: left; width: 106px; height: 50px; margin: 98px 0 0 -106px; }
#bildThumbs dd h1, #bildThumbs dd h2, #bildThumbs dd h3 { font-size: 1em; line-height: 1.2em; padding-left: 2px; color: #000; }
#bildThumbs dd h2, #bildThumbs dd h3 { font-weight: normal; }
#bildScroll span { padding-right: 5px; }
#bildScroll .page { position: relative; top: -3px; color: #af0e23; font-size: 1.1em; line-height: normal; font-weight: bold; }
/* Monatssieger */
#sieger dl { float: left; padding-left: 151px; width: 318px; position: relative; top: -2.8em; } /* nach oben gezogen wg. Ausrichtung mit H1 (zwei-zeilig) */
/**+html #sieger dl { padding-left: 151px; }*/
#sieger dt { float: left; width: 106px; height: 100px; background: url(layout/bg-thumb.png) no-repeat; }
#sieger dt img { width: 92px; height: 83px; overflow: hidden; padding: 4px 0 0 5px; }
#sieger dd { float: left; width: 106px; margin: 100px 0 0 -106px; }
#sieger dd h1, #sieger dd h2 { font-size: 1em; line-height: 1.2em; padding-left: 2px; color: #000; }
#sieger dd h2 { font-weight: normal; }
/* Bestätigungsseite */
#bildEdit dl { clear: left; margin-bottom: 15px; }
#bildEdit dt { float: left; width: 150px; height: 100px; background: url(layout/bg-thumb.png) no-repeat; }
#bildEdit dt img { width: 92px; height: 83px; overflow: hidden; padding: 4px 0 0 5px; }
#bildEdit dd { float: left; width: 106px; /*height: 105px;*/ margin: 98px 0 0 -150px; text-align: center; }
#bildEdit dd h1, #bildEdit dd h2, #bildEdit dd h3 { font-size: 1em; line-height: 1.2em; padding-left: 2px; color: #000; }
#bildEdit dd h2, #bildEdit dd h3 { font-weight: normal; }
#bildEdit dd p img { margin: 12px 0 0; }


/* Textformatierung */
h1 { font-size: 1.15em; line-height: 1.4em; color: #af0e23; }
	#spielregeln h1, #jury h1, #impressum h1 { padding-bottom: 1.4em; }
h2 { font-size: 1.15em; line-height: 1.4em; }
p { font-size: 1.1em; line-height: 1.4em; padding-bottom: 1.4em; }
p a { color: #000; text-decoration: underline; }
	#jury p img { float: left; padding: .7em 1em 0 0; }
.rot { color: #af0e23; }
span.tab { width: 150px; display: inline-block; }
ol { list-style: decimal; padding-left: 2em; font-size: 1.1em; line-height: 1.4em; padding-bottom: 1.4em; }
ol li { padding-bottom: .7em; }



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


/* Formular */
form { width: 680px; margin: 5% auto 0; font-size: 1.1em; line-height: normal; }
fieldset { float: left; width: 380px; text-align: left; border: 0; }
	fieldset.fotos, fieldset.button { width: 300px; }
	fieldset.recht { /*clear: left; float: left;*/ height: 65px; padding-top: 40px; } 
legend { font-size: 1.15em; font-weight: bold; color: #000; padding-bottom: 20px; }
label { clear: left; float: left; width: 110px; height: 22px; line-height: 22px; margin-bottom: 5px;}
	label span { font-weight: bold; color: #af0e23; padding-left: 2px; }
	.fotos label { width: 50px; }
	.recht label { width: 350px; height: 16px; line-height: 16px; }
input { float: left; width: 220px; height: 20px; border: 1px solid #fff; margin-bottom: 5px; font-size: 1.1em; }
	input.error { border: 1px solid #af0e23; }
	input#strasse { width: 178px; margin-right: 5px; }
	input#nr { width: 35px; }
	input#plz { width: 55px; margin-right: 5px; }
	input#ort { width: 158px; }
	.fotos input { margin-bottom: 32px; }
		.fotos input#titel3 { margin-bottom: 0; }
	.fotos input.datei { height: 22px; border: 0; margin-bottom: 5px; font-size: .9em; }
	.recht input { width: auto; height: auto; border: none; margin-right: 10px; }
	.button input { width: auto; height: auto; border: none; float: right; margin: 0px 30px 0 0; }

label.error { color: #af0e23; }
span.fehler { min-height: 60px; padding-top: 19px; display: block; color: #af0e23; }
span.fehler ul { list-style: square; margin-left: 15px; /*display: none;*/ }


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


/* Admin-Seite */
table { width: 800px; margin: 0 auto; }
th, td { text-align: left; vertical-align: top; border-left: 1px solid #ebebeb; }
th { padding-left: 3px; font-size: 1.1em; }
td { border-top: 1px solid #ebebeb; padding: 3px 0 0 3px; }
.service td { padding: 20px 0 40px 3px; border-top: 0; border-left: 0; }
td img { width: 83px; height: auto; cursor: pointer; cursor: hand; }
td ul.freigabe { color: #999; }
td ul.freigabe li.current { color: #000; font-weight: bold; }
td a { color: #000; text-decoration: underline; }

td form { width: auto; margin: 0; font-size: 1em; }
td input { width: auto; height: auto; width: 140px; padding: .1em; margin-top: 3px; }
.service td input { margin-top: 0; }
td select { width: 140px; font-size: 1em; }
td a.ack { display: block; text-align: center; margin-top: 3px; padding-top: 2px; padding-bottom: 2px; text-decoration: none; width: 140px; font-size: 1em; background: #fff; border: 1px solid #41a62a; color: #41a62a; }
td a.nack { display: block; text-align: center; margin-top: 3px; padding-top: 2px; padding-bottom: 2px; text-decoration: none; width: 140px; font-size: 1em; background: #fff; border: 1px solid #fa011f; color: #fa011f; }

#thumbPopup img { width: 100%; }

.loadthumb img {cursor: pointer; cursor: hand;}