werden nun speziell formatiert*/
/* Ein Full Reset um alles was ich nicht default haben will zu ändern*/
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquoute, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
margin:0;
padding:0;
border:0;
vertical-align:baseline;
background: transparent;}
img { margin:0, padding:0; border:0}
table, tr, th, td, tbody, tfoot, thead {margin:0; padding:0; border:0;
vertical-align:baseline;
background: transparent;}
table {border-collapse: collapse; border-spacing: 0;}
input, select, textarea, form, fieldset, {
margin:0; padding: 0; border:0; }
article, aside, dialog, figure, footer, header, hgroup, nav, section {display: block;}
h1, h2, h3, h4, h5, h6, p, li, blockquoute, td, th, a, caption, em {
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
font-weight: normal;
font-style: normal;
line-height: 100%;
text-indent: 0;
text-decoration: none;
text-align: left;
color:#000;}
ol, ul {list-style: none}
/*Global*/
html {}
body {background-color:#FF1F28} /*Hintergrundfarbe*/
/*Tags */
h1{
color:#0000FF;
font-family:Papyrus, Arial, Helvetica, sans-serif;
font-size:70px;
} /*Formatierung für alle Header 1*/
h2{
color:white;
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size:40px;
text-align: center;
} /*Formatierung für alle Header 2*/
h3{
color:white;
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size:25px;
text-align: center;
} /*Formatierung für alle Header 3*/
/*Conainer*/
#wrapper {width:900px; margin:0px auto; }
#top { background-color:black; width:100%; padding:20px 0; overflow:hidden; }
#logo { margin: 0 0 0 10px; float:left;} /*margin: der Rand ist oben=0 rechts=0 unten=0 links=10 Pixel*/
#socialMedia { float:right; margin: 0 10px 0 0; } /*Social Media sitzt rechts mit Rand*/
#socialMedia p {color:#FFFFFF; font-size:18px; margin: 4px 10px 4px 0; font-family:Papyrus, Arial, Helvetica, sans-serif; overflow:hidden;}
#socialMedia img { width:40px; height: 40px; margin: 0;}
.youtube {width:35px; height: 35px;}
#socialMedia ul li { display:inline; }
#topnav { background-color:black; clear:both; padding:20px 0; overflow:hidden; } /*Padding steurt die Höhe der div topnav*/
#topnav ul { width:100%; float:left; margin: 0px;
border-bottom:3px white solid;} /*border-bottom macht eine Trennlinie unter die Liste*/
#topnav ul li { display:inline; }
#topnav ul li a { float:left; padding: 10px 20px; }
/*topnav a: ab hier werden die Linkansichten Formatiert*/
#topnav a:link {color:white; } /*Darstellungsstil Link im Normalzustand*/
#topnav a:visited {color:white; } /*Darstellungsstil Link wenn schon mal besucht*/
#topnav a:active {color:white; } /*Darstellungsstil Link wenn er angeklickt wird*/
#topnav a:hover {color:white; background-color:#770000;} /*Darstellungsstil Link wenn die Maus darüber fährt*/
#topnav a:focus {color:white; }
#banner { background-color:black; clear:both; padding:10px 10px; overflow:hidden; }
#banner img { width:853px; height: 516px; margin: 0 0 0 10px;}
#banner_bhsw { background-color:black; clear:both; padding:10px 10px; overflow:hidden; }
#banner_bhsw img { width:853px; height: 480px; margin: 0 0 0 10px;}
#main_banner {clear:both; width:900px; margin:auto auto;
background-color:black; padding:50px 10px; overflow:hidden;}
#main_banner img { width:100%; height: 100%; vertical-align: middle; text-align:center; margin: 30px 0 0 0;} /* width:898px; height: 543px; */
#band_text {background-color:black; clear:both; padding:10px 10px; overflow:hidden; }
#band_text p {background-color:black; color:white; font-size:25px; margin: 4px 10px 4px 0; line-height:130%; font-family: Arial, Helvetica, sans-serif;}
#band_text_ul {background-color:black; clear:both; padding:0px 10px; }
#band_text_ul p {background-color:black; color:white; font-size:25px; margin: 4px 10px 4px 0; line-height:100%;font-family: Arial, Helvetica, sans-serif;}
#band_text_ul ul {background-color:black; float:left; margin: 0 0 0 30px; overflow:hidden; }
#band_text_ul ul li {background-color:black;}
#band_text_ul ul li p {background-color:black; line-height:100%;}
#bild_referenzen { background-color:black; clear:both; padding:10px 10px; overflow:hidden; }
#bild_referenzen img {width:100%; height: 100%; }/*width:100%; height: 100%; vertical-align: middle; text-align:center;}*/
#datenschutz {background-color:black; clear:both; padding:10px 10px; overflow:hidden; }
#datenschutz p {color:white; font-size:15px; font-family: Arial, Helvetica, sans-serif;}
#datenschutz_top {background-color:black; clear:both; padding:10px 10px; overflow:hidden; }
#datenschutz_top p {color:white; font-size:15px; font-family: Arial, Helvetica, sans-serif; text-align:center ; font-weight:bold; }
#impressum {background-color:black; clear:both; padding:10px 10px; overflow:hidden; }
#impressum p {color:white; font-size:15px; font-family: Arial, Helvetica, sans-serif;}}
#impressum a:link {color:white; } /*Darstellungsstil Link im Normalzustand*/
#impressum a:visited {color:white; } /*Darstellungsstil Link wenn schon mal besucht*/
#impressum a:active {color:white; } /*Darstellungsstil Link wenn er angeklickt wird*/
#impressum a:hover {color:white; background-color:#770000;} /*Darstellungsstil Link wenn die Maus darüber fährt*/
#impressum a:focus {color:white; }
/* #subbanner {color:white; font-weight:bold; font-size: 16px; text-align: center; line-height:180% } Wenn es Subbanner gibt, line-height beschreibt wie hoch
die Zeile ist, nicht wie der Abstand vor und nach dem Text ist
#content {float:left; width: 650px; padding:20px;} padding ist nun rundherum 20px Abstand
#content h1 {margin: 0 0 20px 0; font-size: 32px; border-bottom: 1px #777777 solid; padding: 20px 0;}
#content p {margin: 10px 0; line-height:160%; }
#content h2 {margin: 20px 0 0 0; }
#content img {padding:8px; border: 1px #cccccc solid; margin: 8px;} /*padding ist direkt um das img, margin um den Bereich
#rightside {padding:20px; margin-left: 675px; } */
#bilder {background-color:black; clear:both; padding:10px 10px; overflow:hidden; }
#bilder img {width:200px; height: 200px;} /*margin: 0 0 0 350px;}*/
#bilder ul {text-align:center;}
#bilder ul li {display:inline; }
#termine { text-align: center; padding: 10px 20px; }
#termine { background-color:black; clear:both; padding:20px 0; overflow:hidden; }
#bottom { clear:both; background-color:black; padding:20px 0; overflow:hidden; } /*clear both löscht voherige Styles */
#bottom ul { width:100%; float:left; margin: 0px;}
#bottom ul li { display:inline; }
#bottom ul li a { float:left; padding: 10px 20px; }
#bottom p { color:white; text-align: center; margin: 50px 0 20px 0; } /*Text wird mit text-align zentriert */
#bottom a:link {color:white; } /*Darstellungsstil Link im Normalzustand*/
#bottom a:visited {color:white; } /*Darstellungsstil Link wenn schon mal besucht*/
#bottom a:active {color:white; } /*Darstellungsstil Link wenn er angeklickt wird*/
#bottom a:hover {color:white; background-color:#770000;} /*Darstellungsstil Link wenn die Maus darüber fährt*/
#bottom a:focus {color:white; }
/*Eigene Formatnamen*/
.blue {color:#2424FF; font-style:italic;} /*Formatierung wenn ich
, also paragraph einer Klasse zuordne */
.black { background-color:black; }
.fett_1 { font-weight:bold;}
.absatzabstand {line-height:160%}
.red_1 {color:red;}
.luft_unten {margin: 0 0 20px 0;}