/* Projekt Walkersbrunner Buam // Kerwa 2011 */

/* Farbdefinitionen:

Gelb:	 #ffff00
Schwarz: #000000
Grau: 	#fffffff
Cyan:  #009ee3
Magenta: #e5007d

 */
 
/* Google Webfonts
--------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Special+Elite); 


body, ul, ol, li, p, blockquote, q, h1, h2, h3, h4, h5, h6, form, a, div, img {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	/*background:-moz-radial-gradient(center, #f8f8f8, #efeeec); /* Firefox */
	/*background:-webkit-gradient(radial, center center, 80, center center, 400, from(#fff), to(#efeeec)); /* Safari, Chrome */
	/*background:-webkit-radial-gradient(center, #f8f8f8, #efeeec); /* Safari, Chrome - neue Syntax! */
	/*background:-o-radial-gradient(center, #f8f8f8, #efeeec); /* Opera, funktioniert noch nicht, aber sicherlich bald */
	/*background:-ms-radial-gradient(center, #f8f8f8, #efeeec); /* IE */
	/*background:radial-gradient(center, #f8f8f8, #efeeec); /* W3C Standard */
}

html {
		background: url(../images/splash-top-1.jpg) no-repeat center top;
}

body {
	font-size: 100%;
	line-height: 150%;
	color: #000000;
	padding: 0;
	font-family: 'Special Elite', Arial, Helvetica, Geneva, sans-serif;
}

.linkliste a:hover {
	color: #e5007d !important;
}

a img { 
	border: none;
}


p {
	margin-bottom: 15px;
}
a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}



/* @group Layout */

.container {
	width: 960px;
	margin: 0 auto; 
	overflow: hidden;
	margin-top: 50px;
}


.sidebar {
	float: right;
	width: 350px;
}


.content {
	padding: 10px 0;
	width: 550px;
	float: right;
	margin-right: 30px;
}


/* @end */


/* @group Fixe Elemente */


.intro {
	margin-top: 70px;
	padding-top: 20px;
	border-top: 3px dotted #000000;

}

.intro h1 {
	background-color: #ff0;
	padding: 12px 5px 5px 5px;
	display: inline-block;
	font-size: 225%;
}

.intro h3 {
	margin-left: 125px;
	background-color: #000;
	color: #fff;
	display: inline-block;
	padding: 10px 3px 3px 3px;
	font-weight: normal;
	letter-spacing: 3px;
	-webkit-transform: rotate(-1deg); 
	-moz-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform:rotate(-1deg);
}

.sidebardate h3{
	text-align: center;
	margin-top: 20px;
	font-size: 175%;
}



/* @end */

/* @group Navigation */

.navibox {
	height: 125px;
	margin-bottom: 25px;
}

ul.navigation {
	list-style-type: none;
	text-align: center;
}

.navigation li {
	display: inline-block;
	padding: 8px 5px 3px 5px;
	background-color: #ffff00;
	margin-right: 15px;
	margin-bottom: 10px; 
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 100%;
	border-bottom: 3px solid #000;
	border-right: 1px solid #000;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

.navigation li:hover, .navigation li.active {
	background-color: #e5007d;
	-webkit-transform: rotate(-4deg); 
	-moz-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	-ms-transform:rotate(-4deg);
	font-size: 130%;
}


.legalnav {
	height: 50px;
	margin-top: 15px;
	margin-bottom: 30px;
}




.legalnav .navigation li {
	display: inline-block;
	background-color: #fff;
	margin-right: 15px;
	margin-bottom: 10px; 
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 80%;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}


.legalnav .navigation li:hover {
	display: inline-block;
	background-color: #ffff00;
	color: #000;
	margin-right: 15px;
	margin-bottom: 10px; 
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 105%;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}


.legalnav .navigation li a {
	color: #000;
}

.legalnav .navigation li a:hover, .legalnav .navigation li:hover a {
	color: #000;
}


/* @end */


.programm h1, .linkliste h1 {
	background-color: #ff0;
	padding: 15px 7px 7px 7px;
	display: inline-block;
	font-size: 225%;
	margin-bottom: 20px;
	text-transform: uppercase;
	letter-spacing: 4px;
	border-bottom: 3px solid #000;
	border-right: 1px solid #000;

	}

.programm h2, .linkliste h2 {
	background-color: #000;
	color: #fff;
	padding: 4px 4px 1px 4px;
	font-weight: normal;
	letter-spacing: 1px;
	display: inline-block;
	font-size: 100%;
	margin-bottom: 10px;
}




strong.uhrzeit {
	background: #000;
	color: #fff;
	font-weight: normal;
	padding: 5px 4px 2px 4px;
	letter-spacing: 2px;

}

.auszeichnung {
	border-bottom: 3px solid #e5007d;
}


.facebook {
	margin-top: 60px;
	padding-left: 30px;
	border-left: 6px solid #000000;
	border-bottom: 3px solid #000000;
	padding-bottom: 30px;
}

.facebook h3 {
	margin-bottom: 20px;
}

.facebook #fb-root {
	
}

/* Archiv */

a.archivliste {
	display: inline-block;
	padding: 12px;
	background-color: #ffffff;
	border: 2px solid #000000;
	margin-bottom: 25px;
}

a.archivliste:hover {
	display: inline-block;
	padding: 12px;
	background-color: #ffff00;
	border: 2px solid #000000;
	margin-bottom: 25px;
}





/* @group Splashes */



/* @end */


/* @group Sponsoren */

ul.sponsoren li {
	list-style-type: none;
	display: inline;
}

ul.sponsoren li a img  {
	border: 2px solid #ffffff;
	margin-right: 18px;
	margin-bottom: 18px;
	background-color: #ffffff;
	
}

ul.sponsoren li a:hover img {
	border: 2px solid #000000;
	background-color: #ffffff;
}


/* @end */