/*
CSS RESET http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
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, font, 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:100%; font-family:inherit; vertical-align:baseline}

:focus{outline:0}
body{line-height:1; color:black; background:white; font-family: verdana, sans-serif;}
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:""}
blockquote, q{quotes:""""}

html {
    font-size: 62.5%;
}

html, body {
    background: #cccccc;
}

/*
    Die ganze Seite
*/
#site {
    width: 960px;
    margin: 0 auto;
}


/*
    Header mit logo und Zeitanzeige
*/
#header {
    background: #fff;
    height: 100px;
    padding-top: 10px;
}

#header h1 {
    margin: 0 0 0 20px;
}

#header h1 a#logo {
    text-indent: -9999px;
    width: 310px;
    height: 90px;
  	background: url(../_img/_design/logo.jpg);
    background-repeat:no-repeat;
    display: block;
	float:left;
}
#header #termin{
	float:right;
	width:210px;
	margin:-10px 20px 0 0;
}
#header #termin small{
	display:block;
	width:200px;
	text-align:center;
	color:#fff;
	background-color:#CD0039;
	font-size:1.2em;
	font-weight:bold;
	padding:3px;
}

/*
    Navigation
*/
#navi {
    background: #fff;
    overflow: hidden;
    padding-left: 17px;
    height: 3.2em;
}

#navi ul li {
    display: inline;
}

#navi ul li a{
    float: left;
    padding: 0 5px 0 5px;
    color: #490806;
    line-height: 1.5em;
    font-family: verdana, sans-serif;
    border-right: 1px solid  #490806;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
}

#navi ul li a:hover{
	color:#cccccc;
}

#navi ul li:last-child a {
    border: none;
}

/*
    Unterbereiche im Contentbereich
*/
#content{
	#background-color:#ffffff;
}

div.box1{
	padding:10px;
	margin-top:20px;
	float:left;
	width:286px;
	background-color:#ffffff;
}
div.box2{
	padding:10px;
	margin:20px;
	float:left;
	width:286px;
	background-color:#ffffff;
}
div.box3{
	padding:10px;
	margin-top:20px;
	float:left;
	width:286px;
	background-color:#ffffff;
}
div.box4{
	padding:10px;
	margin-bottom:20px;
	background-color:#ffffff;
}

div.new_title{
	padding-bottom:2px;
	font-size:14px;
	border-bottom:1px dotted #003A60;
	font-weight:bold;
	color:#003A60;
}

#content .content-item {
    float: left;
    width: 240px;
    font-family: arial;
	background-color:#ffffff;
    background: url(../_img/_design/gradient.png) no-repeat bottom left;
}

#content .content-item h2{
    border-bottom: 1px #fff dotted;
    font-size: 2em;
    color: white;
    padding: 10px;
    font-weight: bold;
    font-family: arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
    background: url(../_img/_design/schnipsel.gif) no-repeat top right;
}
#content .content-item h2 a, #content .content-item h2 a:link, #content .content-item h2 a:visited{
	color:#ffffff;
	text-decoration:none;	
}

#content #concert {
    width: 960px;
	height: 300px;
	overflow: hidden;
	background-color:#ffffff;
    padding:0;
	border:1px solid #ffffff;
}

/*************/
 /* SLIDESHOW */
/*************/

#sidebar {
	padding:0;
	width:960px;
	height:300px;
	margin:0 auto;
	background-color:#FFFFFF;
}
	.slidebar {
	    clear:both;
        width:960px;
        height:300px;
	    margin:auto;
		background-color:#FFFFFF;
	}
	.slideshow {
		float:left;
		overflow:hidden;
		margin:0
		padding:0px 0px 0px 0px;
		position: relative;
		width: 960px;
		height: 300px;
	}
	.slideshow div {
		position: absolute;
		top: 0;
		left: 0;
		border-right:1px solid #fff;
	}
	.slideshow img {
	   width: 960px;
	   height: 300px;
	   margin:0;
	   padding:0;
	   border:0;
	}
	
	


#content #concert .inner {
    float: right;
    width: 240px;
    background: #fff;
    margin-top: -15px;
}

#content #concert .inner #greeting {
    position: relative;
    background-color: #006BAB;
    height: 115px;
}
#content #concert .inner #greeting p {
    color: #fff;
    font-family: arial;
    font-size: 1.5em;
    padding-left: 10px;
    margin-top: 10px;
}

#content #referees {
    
	background-color: #006BAB;;
    height: 115px;
}

#content #referees p {
    padding-left: 10px;
    color: #fff;
    font-size: 1.5em;
}

#content #program {
    background-color: #009DE0;
    height: 115px;
}

#content #program  p {
    padding-left: 10px;
    color: #fff;
    font-size: 1.5em;
}

#content #services {
    background-color: #005284;
    height: 115px;
}

#content #services  p {
    padding-left: 10px;
    color: #fff;
    font-size: 1.5em;
}

#content #registration {
    background-color: #003A60;
    height: 115px;
}

#content #registration  p {
    padding-left: 10px;
    color: #fff;
    font-size: 1.5em;
}

#content #last-news  {
    background-color: #005284;
    color: #fff;
	height:200px;
}

#content #last-news ul {
    padding-left: 10px;
}

#content #last-news .date {
    color: #41BBEF;
}

#content #services ul li {
    font-size: 1.5em;
    margin-bottom: .5em;
    font-weight: normal;
}
#content #last-news p{
	 padding: 0 10px;
    color: #fff;
    font-size: 1.5em;
}
#content #last-news p a{
	color:#ffffff;	
}

#content #services ul li a {
    color: #ffffff;
    padding:0 0 0 5px;
    text-decoration:none;
}

#content {
    overflow: hidden;
}

/*
    unterster footer
*/
#footer-sponsorees ul  {
    width: 960px;
    margin: 0 auto;
    text-align: center;
}
#footer-sponsorees ul li {
    display: inline;
    vertical-align: middle;
    padding: 0 20px;
    line-height: 100px;
    font-size: 1.2em;
    font-family: verdana;
    color: #fff;
    text-transform: uppercase;
}
#footer-sponsorees ul li a, #footer-sponsorees ul li a:link, #footer-sponsorees ul li a:visited{
	color:#ffffff;
	text-decoration:none;	
}
#footer-sponsorees ul li a:hover{
		text-decoration:underline;
}