/* Start of CMSMS style sheet 'Fairground : Fairground Layout' */
/*
	Projekt:
	Datei: style.css
	Author: Markus Thömmes
*/

@media screen, projection {

/* Layout */

body {
	background:#0091DC url(uploads/Fairground/bg.png) repeat-x ;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif ;
	color:#00354F ;
behavior: url(js/csshover.htc) ;
font-size:14px ;
line-height:1.5em ;
}

a {color:#00354F ;}

/* ---Container--- */

#container {
	width:800px ;
	margin:0 auto ;
	background:url(uploads/Fairground/shadow.png) repeat-y ;
}

* html #container {
width:763px ;
background:#5AC1F5 ;
margin:0 auto ;
}

/* ---Header--- */

#header {
	width:763px ; height:183px ;
	text-indent:-9999px ;
	margin:0 0 0 19px ;
	background:url(uploads/Fairground/header.png) ;
}

* html #header {
margin:0 ;
}

h2 {
	font-size:20px ;
	text-transform:uppercase ;
	text-decoration:underline ;
margin:10px 0 10px 0 ;
}

/* ---Navigation--- */

#nav {
	height:57px ; width:763px ;
	margin:-13px 0 0 19px ;
cursor:pointer ;
}

* html #nav {
margin:-13px 0 0 0 ;
}

#nav li {
	float:left ;
cursor:pointer ;
}

#nav li a {
	display:block ;
	height:57px ;
	float:left ;
	text-indent:-9999px ;
	background-position:top left ;
cursor:pointer ;
behavior: url(js/iepngfix.htc) ;
}

#nav li a:hover {
	background-position:bottom right ;
}

#nav .home {
	width:68px ;
	background-image:url(uploads/Fairground/home.png) ;
}

#nav .band {
	width:56px ;
	background-image:url(uploads/Fairground/band.png) ;
}

#nav .news {
	width:62px ;
	background-image:url(uploads/Fairground/news.png) ;
}

#nav .bild {
	width:69px ;
	background-image:url(uploads/Fairground/bild.png) ;
}

#nav .song {
	width:70px ;
	background-image:url(uploads/Fairground/song.png) ;
}

#nav .term {
	width:83px ;
	background-image:url(uploads/Fairground/term.png) ;
}

#nav .show {
	width:74px ;
	background-image:url(uploads/Fairground/show.png) ;
}

#nav .book {
	width:88px ;
	background-image:url(uploads/Fairground/book.png) ;
}

#nav .gast {
	width:110px ;
	background-image:url(uploads/Fairground/gast.png) ;
}

#nav .pres {
	width:83px ;
	background-image:url(uploads/Fairground/pres.png) ;
}

/* ---Content--- */

#content {
	background:#5AC1F5 ;
	width:713px ;
	margin:0 0 0 19px ;
	padding:0 25px 25px 25px ;
}

* html #content {
margin:0 ;
}

/* ---Boxen--- */

.boxen {
	border-bottom:1px #216D94 dotted ;
	font-size:12px ; line-height:1.1em ;
	margin:0 0 20px 0 ;
}

.boxen li {
	margin:0 0 10px 0 ;
}

.boxen span {
	font-weight:bold ;
	text-decoration:underline ;
}

.boxen .news a {
	color:#00354F ;
	display:block ;
	font-variant:small-caps ;
	font-weight:normal ;
	text-decoration:none ;
}

.boxen .news a:hover {
	text-decoration:underline ;
	}

.boxen .news, .boxen .termine {
	width:321px ; height:91px ;
	padding:25px 12px 0 12px ;
}

.boxen .news {
	background:url(uploads/Fairground/news_box.gif) no-repeat ;
	float:left ;
}

.boxen .termine {
	background:url(uploads/Fairground/termine_box.gif) no-repeat ;
	float:right ;
}

/* ---Startseite--- */

#start {
	background:url(uploads/Fairground/start.png) no-repeat ;
	height:444px ; width:800px ;
	margin:0 auto ;
}

/* ---Band--- */

.band {
	background:url(uploads/Fairground/content_bg.jpg) no-repeat 0px 50px ;
}

.band img {
	margin:10px 15px 0 15px ;
}

/* ---Steckbrief--- */

.steckbrief {
	margin:10px 0 0 0 ;
}

.lebenslauf {
	float:left; width:300px ;
	padding:0 5px 0 5px ;
	font-size:12px ; line-height:1.3em ;
}

.lebenslauf h2 {
	font-variant:small-caps;
	font-size:18px ;
	font-weight:bold ;
	border-bottom:1px solid #4395BF ;
text-decoration:none ;
}

.lebenslauf table {
	margin:0 0 30px 0 ;
}

.lebenslauf th {
	width:110px ;
	border-bottom:1px solid #4395BF ;
	padding:2px ;
}

.lebenslauf td {
	padding:5px ;
	border-bottom:1px solid #4395BF ;
}

.steckbrief .slideshow {
	float:left ; width:200px ;
}

.steckbrief .slideshow img {
	border:5px solid #300204 ;
	margin:0 0 10px 0 ;
}

/* ---News--- */

.news .artikel {
	border-bottom:1px solid #3886AD ;
	padding:0 0 10px 0 ;
	margin:20px 0 0 0 ;
}

.datum {
	font-size:12px ;
	margin:3px 0 0 0 ;
}

.eintrag p {
	margin:10px 0 0 0 ;
}

strong {font-weight:bold}

/* ---Gallerie--- */

.gallerie li {
	float:left ;
}

.gallerie a {
	border:5px solid #300204 ;
	margin:0 13px 10px 13px ;
	display:block ;
	width:200px ; height:133px ;
	text-decoration:none ;
}

.gallerie a .overlay {
	width:200px ;
	height:93px ;
	background:black ;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	text-align:center ;
	padding:40px 0 0 0 ;
}

.gallerie a .overlay span {
	color:#FFF ;
	text-transform:uppercase ;
	font-weight:bold ;
	font-size:25px ;
}

.gallerie a:hover .overlay {
	display:none ;
}

/* ---Songs--- */

.songs th {
	width:350px ;
	padding:3px ;
	font-weight:bold ;
	background:#51B0E0 ;
}

.songs td {
	padding:3px ;
	border-bottom:1px solid #51B0E0 ;
}

.songs .alpha {
	background:#319CD2 ;
}

/* ---Termine--- */

.termine th {
	width:350px ;
	padding:3px ;
	font-weight:bold ;
	background:#51B0E0 ;
}

.termine td {
	padding:3px ;
	border-bottom:1px solid #51B0E0 ;
}

.termine .aktuell {
	background:#319CD2 ;
}

.termine .alt {color:#3C81A7 ;}

/* Shows */

.show {text-align:center} ;
.show img {margin:0 0 10px 0 ; border:5px solid #004061;}

input, textarea {
	display:block ;
	width:574px ;
	margin:0 0 10px 0 ;
	border:1px solid #0077B2 ;
	background:#ACE3FF ;
	padding:5px 3px ;
	font:12px Verdana, sans-serif ;
	color:#00354F ;
}

input:focus, textarea:focus {
	border:1px solid #00354F ;
}

#gaestebuch #eintrag {
	height:100px ;
}

.button {
	width:582px ;
	font:bold 14px Verdana, sans-serif ;
}

label {
	font:14px Verdana, sans-serif ;
	color:#4B3B34 ;
color:#00354F ;
}

#gaestebuch h2 {
	font:20px Trebuchet MS, sans-serif ;
	color:#00354F ;
}

#gaestebuch .name_label {
	display:block ;
	padding:0 0 0 22px ; margin:10px 0 3px 0 ;
}

#gaestebuch .eintrag_label {
	display:block ;
	padding:0 0 0 22px ; margin:0 0 3px 0 ;
}

#gaestebuch .email_label {
	display:block ;
	padding:0 0 0 22px ; margin:0 0 3px 0 ;
}

#gaestebuch .captcha_label {
	display:block ;
	padding:0 0 0 22px ; margin:0 0 3px 0 ;
}

#gaestebuch .einträge_header {
	border-top:1px solid #0077B2 ;
	padding:20px 0 0 0 ;
	width:590px ;
	margin:20px 0 10px 0 ;
}

#gaestebuch .gbeintrag {
	font:12px Verdana, sans-serif ;
	color:#00354F ;
	background:#ACE3FF ;
	padding:8px ;
	border:1px solid #0077B2 ;
	margin:10px 0 0px 0 ;
	line-height:1.5em ;
}

#gaestebuch .gbname {
	font:18px Trebuchet MS, sans-serif ;
}

#gaestebuch .gbdatum {
	font:9px Verdana, sans-serif ;
	margin:0 0 5px 0 ;
}

/* ---Footer--- */

#footer {
	width:800px ; height:30px ;
	background:url(uploads/Fairground/footer.png) no-repeat ;
	margin:0 auto ;
text-align:center ;
padding:10px 0 0 0 ;
}

#footer a {
text-decoration:none ;
color:#004B72 ;
font-size:10px ;
text-transform:uppercase ;
}

* html #footer {background:none;}


input[type=hidden]
{
    display: none !important;
}

/*----- BILDER -----*/

#bilder {
margin:0 0 0 50px ;
}

#bilder li {
	float:left ;
	margin:0 15px 20px 0 ;
	padding:5px ;
	background:#300204 ;
	width:128px ;
}

#bilder li img {width:128px}

/* Textgestaltung */

/* Spezielle Klassen */

/* Allgemeine Klassen */

.right {float:right ;}
.left {float:left ;}
.clear { display:block ; width:100% ; clear:both ; }

}
/* End of 'Fairground : Fairground Layout' */