/**
 * Main Stylesheet
 *
 * @project PROJEKTNAME
 * @version 1.0
 * @author Stephan Giesau
 */



/**
 * @section Reset Stylesheet
 */

* {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-family: inherit;
}


/**
 * @section Grundeinstellungen
 */


body {
 font: 14px Helvetica,Arial,Verdana,Sans;/*18px*/
 color: #000;
 background-color: #CCC;
 line-height:18px;/* 21px/1.3125em */
 background-image: url(/files/img/back_site2.jpg);
 background-attachment: scroll;
}

fieldset {
 border: 1px #e0e0e0 solid;
 padding: 5px;
}

legend {
padding:5px;
}

input, textarea, select {
 padding: 5px;
 border: 1px #CCC solid;
 background-color: #fafafa;
 font-size: 1em;
}

input {
 display: block;
 width: 200px;
 margin: 10px;
}

input.captcha {
 display:inline;
 width: 30px;
}

iframe {
 font-family: Arial,Helvetica,Sans !important;
}

/* Links */

a, a:link {
 color: #346cc3;
 text-decoration:none;
}

a:visited {
 color: #346c83;
}

a:hover {
 color: #476d1a;
}

a:active {
 position: relative;
 top: 1px;
}


/* Schrift */

h1,h2,h3,h4,h5 {
 font: normal 2.375em Georgia, Helvetica, Arial, Sans; /* 40px,38px/2.375em */
/* letter-spacing:-1.5pt;*/
 color:#000;
 margin:0;
}

h3,h4,h5 {
 letter-spacing:-0.5pt;
}

h1 {font-size: 1.875em;}
h2 {font-size: 1.375em;margin-bottom:10px;} /* 30px/1.875em*/
h3 {font-size: 1.1875em;} /* 22px/1.375em*/
h4 {font-size: 1.1875em;padding: 0 0 1px;margin: -3px 0 0;} /* 19px/1.1875em, 17px/1.0625em*/
h5 {font-size: 1em;font-weight:bold;margin: 21px 0;line-height: 21px;} /* 1em bold*/


p {
 margin: 18px 0;
}


/* Sonstige */

object {
 outline-style:none;
}


/**
 * @section Layout
 */



#wrapper {
 width:975px;
 margin:0 auto 40px;
 border: 2px #AAA solid;
 border-width: 0 2px 2px;
 background-color: #f0f0f0;
}



#header {
 position: relative;
 width: 975px;
 height: 420px;
 background: url(/files/img/back_top.jpg) 0 0 no-repeat;
 border-bottom: 2px #AAA solid;
}

#header h1 {
 position: absolute;
 left: 70px;
 top: 135px;
 padding:0;
 margin:0;
 font-weight:bold;
 line-height: 50px;
 text-indent: -1000em;
}

h1.admin {
 text-indent: -1000em;
 height:60px;
}

.lastmodified {
 font-size: smaller;
 color: #346CC3;
}

#header h1 a, h1.admin a {
 cursor:default;
 display:block;
 width: 260px;
 height: 50px;
 background: transparent url(/files/img/text_tomraczko.png) 0 0 no-repeat;
}

#header h1 a:hover, h1.admin a:hover {
 background: transparent url(/files/img/text_tomraczko.png) 0 -50px no-repeat;
}


#navi {
 position: absolute;
 bottom: 0;
 left: 0;
 height: 50px;
 margin: 0 auto;
 list-style-type: none;
}

#navi li {
 float: left;
 display: block;
 width: 162px;
 line-height: 50px;
 text-align: center;
}

#navi li a {
 display: block;
 text-decoration: none;
 font-family: Georgia, "Times New Roman",Times,Serif;
 font-size: 23px;
 color: #000;
 text-indent: -1000em;
 width:162px;
 height:50px;
}

#navi li a:hover {
 color:#888;
}

#navi li a {
 background: url(/files/img/navi_home.png) 0 0 no-repeat;
}

#navi li a:hover {
 background-position: 0 -50px;
}

#navi li a.home {
 background-image: url(/files/img/navi_home.png);
}

#navi li a.about {
 background-image: url(/files/img/navi_about.png);
}

#navi li a.downloads {
 background-image: url(/files/img/navi_downloads.png);
}

#navi li a.termine {
 background-image: url(/files/img/navi_termine.png) !important;
}

#navi li a.links {
 background-image: url(/files/img/navi_links.png) !important;
}

#navi li a.kontakt {
 background-image: url(/files/img/navi_kontakt.png) !important;
}

#navi li a.aktiv {
 background-position: 0 -50px !important;
}


#content {
 position:relative;
 padding: 15px;
}

#left {
 float:left;
 width: 240px;
 padding: 10px;
 margin-bottom:15px;
 background-color: #CCC;
}

#left ul.navi {
 list-style-type: none;
}

#left ul.navi li a {
 display:block;
 padding: 5px;
 margin: 2px;
}

#left ul.navi li a:hover {
 background-color: #DDD;
}




#right {
 float: right;
 width: 670px;
 margin: 0 0 15px 10px;
}

#footer {
 clear: both;
 padding:5px;
 text-align:center;
 border-top: 2px #AAA solid;
}



/**
 * @section Klassen
 */

.left {
 float: left;
 margin: 10px;
}

.right {
 float: right;
 margin: 10px;
}

.clear {
 clear: both;
}

.gruen {
 border: 1px #CCC solid;
 color: #008000;
 padding:10px;
}

.rot {
 border: 1px #CCC solid;
 color: #800000;
 padding:10px;
}

.klein {
 font-size: 0.7em;
 line-height: 0.9em;
 margin: 0.9em 0;
}

.foto {
 margin: 0 auto;
}

table.termine {
 margin-bottom: 20px;
 border:0;
 width:100%;
}

table.termine tr.bg1 {
 background-color: #DDD;
}

table.termine tr.bg2 {
 background-color: #BBB;
}

table.termine tr td, table.termine tr th {
 padding: 5px;
 border-bottom: 1px #888 solid;
 text-align: left;
}

table.termine tr td.datum {
 width: 150px;
}

table.termine tr td a {
 display:block;
}

table.termine tr td a span {
 display:none;
 position:absolute;
 left:15px;
 top:55px;
 width:240px;
 padding:10px;
 background-color: #CCC;
 color: #000;
}

table.termine tr td a:hover span {
 display:block;
}

#wrapper .admin {
margin-right:15px;
}

#wrapper .admin fieldset {
 position: relative;
}

#wrapper .admin fieldset #info {
 position: absolute;
 right: -180px;
 top: -50px;
 width: 350px;
 padding: 10px;
 background-color: #CCC;
 border: 1px #888 solid;
 display: none;
}

.loesch {
 font: bold 20px "Trebuchet MS",Verdana,Arial,Sans;
}

a.downloadlink {
 line-height:40px;
 padding: 10px;
 background-color: #E0E0E0;
}

a.downloadlink:hover {
 background-color: #D0D0D0;
}

.youtube_img {
 position: relative;
 display: block;
 float: left;
 padding: 0 10px 5px 0;
}

.youtube_img span {
 position: absolute;
 left: 3px;
 top: 3px;
 display: block;
 width: 20px;
 height: 20px;
 background: transparent url("/files/img/icon_youtube.png") 0 0 no-repeat;
}

ul.playlist {
 list-style-type: none;
}

ul.playlist li a {
 padding: 3px;
 margin: 2px;
}

ul.playlist li a:hover {
 background-color: #DDD;
}