body {
background-color:#222222;
background-image: url("../bg/bg12.jpg");
background-repeat: no-repeat;
background-position: top;
background-position: center;
background-attachment: fixed;
margin: auto;
width: 600px;
height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

@font-face {
    font-family: "molengoregular";
    src: url("../fonts/molengo-regular-webfont.eot");
    src: local("?"),
		 url("../fonts/molengo-regular-webfont.woff") format("woff"),
         url("../fonts/molengo-regular-webfont.ttf") format("truetype"),
         url("../fonts/molengo-regular-webfont.svg#molengoregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "handgotbtr";
    src: url("../fonts/handgotn-webfont.eot");
    src: local("?"),
         url("../fonts/handgotn-webfont.woff") format("woff"),
         url("../fonts/handgotn-webfont.ttf") format("truetype"),
         url("../fonts/handgotn-webfont.svg#handelgothic_btregular") format("svg");
    font-weight: normal;
    font-style: normal;
}
/**/
#hnavco p , header h1 , #newsletter {
display: inline-block;
}
/*FARBEN für TEXT mit und ohne Schatten+++++++++++++++++++++++++++++++Farben für Text Schatten???*/
/*normaler text*/
h5 , h6 , h8 , p , #homeWetter a , #homeLawine a , #newsletter p , #kontform , #flyertext h4 , #lyertext p , #flyerprogramm h3 , #details h3 , #detailstextvorne h4 , #balken1 h3 , #terminwahl input.twbut, #daten1 input.weiter , #daten1 input.info , #detailstexthinten h4 {
color: rgba(30,30,30,1);
text-shadow: none;
}
h8 , #terminwahl input.twbut{
font-weight: bold;
}
/* grauer Text auf weißem Grund Placeholder ++++++++++++ Placeholder */
 {
color: rgba(150,150,150,1);
}
/*weiss auf rotem untergrund*/
h1  {
color: rgba(255,255,255,0.9);
text-shadow: none;
}
/* text weiss auf schwarzem untergrund ++++++++++++++*/
#event ,#event h4 { 
color: rgba(255,255,255,0.9);
text-shadow: none;
}
footer p , footer a , #flyerhead h2 , #detailskopf h3 , #katkopf h2 , #terminkopf h3{
color: rgba(255,255,255,0.9);
text-shadow: none;
}
/*grün für positive Rückmeldungen*/
#positiv {
color: rgba(0,145,60,1);
}
/*rot für negative Rückmeldungen*/
#negativ {
color: rgba(255,0,0,1);
}

h7 , mark , #kontform input.Schalt , #kont a , #progfakt p , #daten1 input.feedback{
color: rgba(230,50,26,0.9);
text-shadow: none;
}
/*Schrift bkWEISS*/
nav a:hover {
color: rgba(255,255,255,0.9);
text-shadow: none;
}
/*schrift bkROT*/
nav a , #aktuell a , #newsletter #aboout , #newsletter #aboin {
color: rgba(230,50,26,0.9);
}
/*schrift bkSCHWARZ*/
footer a:hover , nav a:active {
color: rgba(51,51,51,0.9);
}

#progfakt p {
font-weight: bold;
}
/*navigation +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++Navigation*/
nav {
width: 100%;
}

nav ul {
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
width: 100%;
float: left;
list-style: none;
}

nav li {
float: left;
}

nav a , #kont a{
float: left;
padding: 5px 10px 5px 10px;
text-decoration: none;
letter-spacing: 1px;
border-width: 2px;
border-style: solid;
border-color: #eee #ccc #ccc #eee;
}

nav li:first-child a {
-moz-border-radius: 15px 0px 0px 15px;
-webkit-border-radius: 15px 0px 0px 15px;
border-radius: 15px 0px 0px 15px; 
}
nav li:last-child a {
float: right;
-moz-border-radius: 0px 15px 15px 0px;
-webkit-border-radius: 0px 15px 15px 0px;
border-radius: 0px 15px 15px 0px; 
}

#hnavco img {
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; 
}
/*Hintergrund Farben++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++Hintergrund Farben*/
#homeWetter a:hover , #homeLawine a:hover , #aktuell a:hover {
background-color: rgba(255,255,255,0.9);
}
#homeWetter a:active , #homeLawine a:active  {
background-color: rgba(230,50,26,0.9);
}
#eventtext {
background-color: rgba(0,0,0,0.7);
}
/*hingergründe in neuer Formation+Schattenwurf++++++++++++++++++++++++++++*/
/*rot*/
#hnavco , footer {
background-color: rgba(230,50,26,1);
}
/*weiß transparent*/
article , #kontform{
background-color: rgba(255,255,255,0.7);
}
/*farbe+farbferlauf*/
nav a , #newsletter #aboout , #newsletter #aboin , #kont a , #kontform input.Schalt , #terminwahl input , #daten1 input.weiter{
background-color: rgba(193,193,193,1);
background: -moz-linear-gradient(rgba(245,245,245,1), rgba(193,193,193,1));
background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1));
background: -webkit-linear-gradient(rgba(245,245,245,1), rgba(193,193,193,1));
background: -o-linear-gradient(rgba(245,245,245,1), rgba(193,193,193,1));
background: -ms-linear-gradient(rgba(245,245,245,1), rgba(193,193,193,1));
background: linear-gradient(rgba(245,245,245,1), rgba(193,193,193,1));
}
/*schaltflächenumkehr*/
nav a:hover , #kont a:hover , #kontform input.Schalt:hover , #terminwahl input:hover , #daten1 input.weiter:hover{
background-color: rgba(193,193,193,1);
background: -moz-linear-gradient(rgba(193,193,193,1), rgba(245,245,245,1));
background: -webkit-gradient(linear, left top, left bottom, from(#c1c1c1), to(#f5f5f5));
background: -webkit-linear-gradient(rgba(193,193,193,1), rgba(245,245,245,1));
background: -o-linear-gradient(rgba(193,193,193,1), rgba(245,245,245,1));
background: -ms-linear-gradient(rgba(193,193,193,1), rgba(245,245,245,1));
background: linear-gradient(rgba(193,193,193,1), rgba(245,245,245,1));
}
/*ohne Hintergrund*/
mark , footer a {
background: none;
border: none;
}
/*Schattenwurf*/
#hnavco , article , footer , #kontform , #katkopf , #katprog , #flyerhead , #flyerbody , #detailskopf , #detailstext , #terminkopf , #termintext ,#eventtext{
-webkit-box-shadow: 3px 2px 2px rgba(50, 50, 50, 0.7);
-moz-box-shadow: 3px 2px 2px rgba(50, 50, 50, 0.7);
box-shadow: 3px 2px 2px rgba(50, 50, 50, 0.7);
}
/**/
/*Schriftarten+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++Schriftarten*/
/*standard-text*/
section , h5 , h6 , h7 , h8 , p , footer , #newsletter p , #newsletter label , #kontform , #kontform input.Schalt , #kontform input.message , #kontform input , #kontform textarea , #flyerhead h2 , #flyertext h4 , #progfakt p , #flyerprogramm h3 , #katkopf h2 , #details h3 , #detailstextvorne h4 , #terminkopf h3 , #balken1 h3 , #terminwahl input.twbut , #daten1 input.weiter , #daten1 input.feedback , #daten1 input.gxgy , #daten1 input.info , #detailstexthinten h4 , #event h4  {
font-family: molengoregular;
}
/*überschrift logo*/
#hnavco , nav , mark{
font-family: handgotbtr;
}
/*gross-kleinschreibung erzwingen*/
h5 {
text-transform: uppercase;
}
/**/
/*Text Größen +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++Text Größe*/
/*header*/
h1{
font-size: 36px;
}
#flyerprogramm h3 {
font-size: 20px;
}
/*normaler text*/
#newsletter p , #newsletter label , #katkopf h2 , #flyerhead h2 {
font-size: 16px;
}
h5 , h6 , h7 , h8 , p , #homeWetter p , #homeLawine p  , #aktuell a  , #kontform textarea , #flyertext h4 , #details h3 , #detailstextvorne h4 , #progfakt p , #terminkopf h3 , #terminwahl input.twbut , #daten1 input.weiter , #daten1 input.feedback , #balken1 h3 , #daten1 input.feedback , #daten1 input.gxgy , #daten1 input.info , #detailstexthinten h4 , #event h4  {
font-size: 14px;
}
mark {
font-size: 13px;
}

footer p , #newsletter p , #newsletter label  {
font-size: 12px;
}
{
font-size: 11px;
}
nav , section {
font-size: 10px;
}


/**/
/*Rundungen + Rahmendicken ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++Rundungen Rahmendicke*/
/*events*/
#eventtext {
border-width: 0px 2px 2px 2px;
border-style: solid;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px; 
border-color: rgba(0,0,0,0) rgba(30,30,30,0.9) rgba(30,30,30,0.9) rgba(100,100,100,0.7);
}
/*navigation rahmen*/
#hnavco {
border-width: 0px 2px 2px 2px;
border-style: solid;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px; 
border-color: rgba(234,88,68,0) rgba(185,41,21,0.7) rgba(185,41,21,0.7) rgba(234,88,68,0.7);
}

/*ohne Rahmen und Rundungen*/
section  {
border-width: 0px 0px 0px 0px;
border-style: none;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
}
/* rahmen und rundung allgemeine flächen*/
article , #newsletter input , #kontform , #kont , #partnerv {
border-width: 2px 2px 2px 2px;
border-style: solid;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px; 
border-color: rgba(255,255,255,1) rgba(150,150,150,1) rgba(150,150,150,1) rgba(255,255,255,1);
}
/*Rahmen footer*/
footer {
border-width: 2px 2px 0px 2px;
border-style: solid;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
border-color: rgba(234,88,68,0.7) rgba(185,41,21,0.7) rgba(185,41,21,0.7) rgba(234,88,68,0.7);
}

/*rahmen rundungen für Bilder Video +++++ beispiel Werbekarte*/
#partnerber , .wk , #hVid , #newsletter input , #flyerbilder, #portpic  {
border-width: 2px 2px 2px 2px;
border-style: solid;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px; 
border-color: rgba(150,150,150,1) rgba(255,255,255,1) rgba(255,255,255,1) rgba(150,150,150,1) ;
}
/*umkehr der Rahmenfarben für buttons*/
#newsletter #aboout , #newsletter #aboin{
border-width: 2px 2px 2px 2px;
border-style: solid;
-moz-border-radius: 13px 13px 13px 13px;
-webkit-border-radius: 13px 13px 13px 13px;
border-radius: 13px 13px 13px 13px;
border-color:  rgba(255,255,255,1) rgba(150,150,150,1) rgba(150,150,150,1) rgba(255,255,255,1);
}
/*nur Rundung*/
#homeWetter a:hover , #homeLawine a:hover , #homeWetter a:active , #homeLawine a:active , #aktuell a:hover , #aktuell a:active {
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
/**/
/*Abstände + Breite + Höhe ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*Abstand oben*/
h5 , h6 , h7 , h8 , footer p , video , .wk  ,#partnerber {
margin-top: 5px;
}
 {
margin-top: 10px;
}
#hnavco , #hnavco p , nav , nav ul , h1 , p {
margin-top: 0px;
}
/*Abstand unten*/
article , h5 , p  , video , #kontform , #kont{
margin-bottom: 5px;
}
 {
margin-bottom: 10px;
}
h1 , h6 , .wk , #partnerber{
margin-bottom: 0px;
}
/*Abstand links*/
#hnavco , #hnavco p , #hnavco a {
margin-left: 0px;
}
h5 , h6 , footer p , footer a , video , .wk , #partnerber{
margin-left: 5px;
}
h8 {
margin-left: 10px;
}

 {
margin-left: 20px;
}

p {
margin-left: 100px;
}
/*Abstand rechts*/
h5 , h6 , footer p , video , .wk , #partnerber{
margin-right: 5px;
}
h1 {
margin-right: 0px;
}
p {
margin-right: 100px;
}
/*++++++++++++++++++++++++++++++++++++++test+++++++++++++++++++++++++*/
h7 , h8 {
display: inline-block;
}
/*Breite der Fläche*/
#hnavco , #newsletter {
width: 596px;
}
/*fixierung Header top*/
#hnavco {
position: fixed;
top: 0px;

margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height: 76px;
}

h1 {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

/*leerer Abstand für HEader und NAV*/
.abstandhead { 
height: 78px;
background: none;
border: none;
}
/*leerer Abstand für Footer*/
.abstandfoot { 
height: 23px;
}
/*fixierung Footer am Boden*/
footer {
height: 30px;
/*position: fixed;
bottom: 0px;*/
}

footer p {
padding: 0px 0px 0px 0px;
}
footer a {
padding: 0px 5px 0px 0px;
}
/**/
/*Ausrichtung +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++Ausrichtung*/
/*links*/
#hnavco , #hnavco p , #hnavco a , h5 , h6 , footer p{
text-align: left;
}
/*rechts*/
h1 , h7 , #progfakt p{
text-align: right;
}
/*zentriert*/
footer p {
text-align: center;
}
/*block*/
p , #flyertext h4{
text-align: justify;
}
h1  {
float: right;
}
/**/
/*Spezielles ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++Spezielles*/
#partner {
width: 596px;
height: auto;
float: left;
display: inline-block;
}
.pk {
width: 582px;
height: 94px;
}

#partnerber {
float: left;
padding: 0px 0px 0px 5px;
margin: 5px 0px 5px 5px;
width: 577px;
height: auto;
background-image: url(../symbole/pk.jpg);
background-size: 582px 77px;
}
/*links im Text auf Weiss*/
#partnerv {
float: left;
display: inline-block;
padding: 0px 0px 0px 0px;
margin: 5px 5px 5px 0px;
background-color: rgba(255,255,255,0.7);
width: 63px;
height: 63px;
}
#partnerv img{
width: 63px;
height: 63px;
}
#partnerv:hover {
background-color: rgba(255,255,255,1);
cursor: pointer;
}

/*werbekarte*/
#werbekarte {
width: 596px;
height: 226px;
margin-right: 5px;
}
.wk {
width: 582px;
height: 212px;
}

#homeWetter  {
width: 140px;
height: 226px;
margin-right: 5px;
}

#homeVideo {
width: 298px;
height: 226px;
margin-right: 5px;
}
#homeLawine  {
width: 140px;
height: 226px;
}

#werbekarte , #homeWetter , #homeVideo , #homeLawine , #aktuell , footer{
float: left;
display: inline-block;
}


#hVid {
width: 284px;
height:212px;
}

#homeWetter p , #homeLawine p {
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
/*links auf home*/
#homeWetter a , #homeLawine a {
height: auto;
padding: 0px 5px 0px 5px;
margin: 0px 5px 0px 5px;
width: 130px;
text-decoration: none;
}

 {
align: left;
valign: top;
width: 68px;
height: 67px;
}

footer {
width: 596px;
}

#butLang {
	height: 20px;
	width: 40px;
	margin-top: 5px;
	margin-left: 5px;
	}
h7 {
	width: 90px;
	height: auto;
	valign: top;
	}
/*newsletter+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++newsletter*/
#newsletter form {
	display: block;
	}
#newsletter input {
	text-align: center;
	}
#aboout , #aboin {
	width: 80px;
	height: 50px;
	cursor:pointer;
	}
#aboout {
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
#aboin {
	float: right;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
#newsletter p {
	letter-spacing: 20px;
	text-align: center;
	text-transform: uppercase;
	}
#newsletter label {
	margin-left: 5px;
	}
/*kontaktforumlar++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++kontaktforumlar*/
#kontform , #kont{
width: 596px;
height: auto;
float: left;
display: inline-block;
}
#kontform p , #kont p{
float: left;
padding:0px;
}
#kontform p.vorne , #kont p.vorne{
float: left;
margin: 0px 10px 0px 10px;
width: 150px;
height: 25px;
valign: top;
text-align: right;
}
#kontform p.hinten , #kont p.hinten , #kontform p.hintenfl {
float: left;
margin: 0px 10px 5px 10px;
margin-right: 10px;
valign: top;
text-align: left;
}
#kontform p.hinten , #kont p.hinten , #kont p {
height: 25px;
}
#kont a {
padding: 0px 5px 0px 5px;
height: 20px;
width: auto;
martin: 0px 0px 0px 0px;
}

#kontform p.meldung {
margin-left: 180px;
height: 25px;
}
#kontform input.Feedback {
background-color: rgba(255,255,255,0);
text-align: center;
}
#kontform input , #kontform textarea {
padding: 1px;
border-width: 2px 2px 2px 2px;
border-style: solid;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border-color: rgba(150,150,150,1) rgba(255,255,255,1) rgba(255,255,255,1) rgba(150,150,150,1) ;
}
#kontform input.Schalt , #kont a , #terminwahl input.twbut , #daten1 input.weiter{
border-width: 2px 2px 2px 2px;
border-style: solid;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border-color: rgba(255,255,255,1) rgba(150,150,150,1) rgba(150,150,150,1) rgba(255,255,255,1) ;
}
#kontform input.gxgy , #kontform input.gxgyfl , #kontform input.Feedback , #kontform p.hinten , #kont p.hinten , #kontform p.hintenfl ,#kontform p.meldung , #kontform textarea{
width: 320px;
}
#kontform input.gxgyfl {
height: 80px;
}
/*Progaammwahl über Kategorien in einem Formular +++++++++++++++++++++++++++++++++++++++++++++ Kategoriewahl */
#spalte {
display: inline-block;
vertical-align: top;
martin-top: 10px;
width: 190px;
height: auto;
}
#spalte h8 , #spalte p {
vertical-align: top;
margin-left: 10px;
margin-right: 10px;
}
/*anzeigebereich+++++++++++++++++++++++++++++++++++ Progammanzeige */
#kat {
margin: 0px 0px 5px 0px;
width: 600px;
}

#katkopf {
background-color: rgba(230,50,26,1);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-width: 2px 2px 0px 2px;
border-style: solid;
-moz-border-radius: 15px 15px 0px 0px;
-webkit-border-radius: 15px 15px 0px 0px;
border-radius: 15px 15px 0px 0px;
border-color: rgba(234,88,68,0.7) rgba(185,41,21,0.7) rgba(185,41,21,0.7) rgba(234,88,68,0.7);
}

#katprog {
background-color: rgba(255,255,255,0.7);
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
border-width: 0px 2px 2px 2px;
border-style: solid;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
border-color:  rgba(255,255,255,1) rgba(150,150,150,1) rgba(150,150,150,1) rgba(255,255,255,1);
}
#proginfo {
floar: left;
display: inline-block;
}

#proginfo  {
background-color:  rgba(255,255,255,0.5);

-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;

margin: 0px 5px 5px 5px;
width:586px;
height: 100px;
overflow: hidden;
}
#proginfo:hover {
cursor: pointer;
background-color: rgba(255,255,255,1);
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
#progbild , #progtext {
float: left;
}
#progtext {
width: 439px;
}

#katkopf h2 {
margin: 0px 0px 0px 5px;
}

#progtext h3 {
color: rgba(51,51,51,0.9);
margin: 0px 0px 0px 15px;
font-family: molengoregular;
font-size: 20px;
}

#progtext h4  , #progtext  p{
color: rgba(51,51,51,0.9);
margin: 0px 0px 0px 15px;
font-family: molengoregular;
text-align: justify;
font-size: 15px;
}
#butflaeche {
height: 100px;
margin: 0px 5px 5px 5px;
}

.picklein {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
/*programmdarstellung+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ programmdarstellung */
#flyer , #details , #anmeldung{
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
width: 600px;
float: left;
}

#flyerhead , #terminkopf , #detailskopf {
background-color: rgba(230,50,26,1);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-width: 2px 2px 0px 2px;
border-style: solid;
-moz-border-radius: 15px 15px 0px 0px;
-webkit-border-radius: 15px 15px 0px 0px;
border-radius: 15px 15px 0px 0px;
border-color: rgba(234,88,68,0.7) rgba(185,41,21,0.7) rgba(185,41,21,0.7) rgba(234,88,68,0.7);
}

#flyerbilder {
width: 580px;
height: 108px;
margin: 6px 6px 5px 6px;
padding: 0px 0px 0px 0px;
overflow: hidden;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
}

#flyerbody , #termintext , #detailstext  {
width: 596px;
height: auto;
float: left;
display: inline-block;
background-color: rgba(255,255,255,0.7);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-width: 0px 2px 2px 2px;
border-style: solid;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
border-color:  rgba(255,255,255,1) rgba(150,150,150,1) rgba(150,150,150,1) rgba(255,255,255,1);
}

#progfakt {
float: left;
width: 170px;
margin: 5px 5px 5px 5px;
padding: 0px 0px 0px 0px;
}
#flyertext {
float: left;
width: 405px;
margin: 5px 5px 5px 5px;
padding: 0px 0px 0px 0px;

}

/*text formate ++++++++++++++++++++++ text formate Programm*/
#flyerhead h2 , #flyerprogramm h3 , #flyertext h4 {
margin: 0px 5px 0px 5px;
padding: 5px 0px 5px 0px;
}
#flyerhead h2{
margin: 0px 0px 0px 5px;

}
#flyerprogramm h3{
margin: 0px 0px 0px 5px;
}

#flyertext h4{
margin: 0px 5px 5px 5px;
}

#flyertext p {
margin: 0px 5px 0px 5px;
text-align: justify;
}

#progfakt p {
margin: 5px 0px 5px 5px;
padding: 0px 0px 0px 0px;
}

#detailskopf h3 , #terminkopf h3{
margin: 5px 5px 0px 5px;
padding: 0px 0px 0px 0px;
}

#detailstext h4 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#detailabschnitt {
float: none;
display: inline-table;
}

#detailstextvorne {
float: left;
}

#detailstexthinten{
float: right;
}

#detailstextvorne {
width: 170px;
text-align: right;
margin: 5px 5px 0px 5px;
padding: 0px 0px 0px 0px;
}

#detailstexthinten {
width: 405px;
text-align: justify;
margin: 5px 5px 5px 5px;
padding: 0px 0px 0px 0px;
}

#detailstextvorne h4 {
margin: 5px 5px 0px 0px;
padding: 0px 0px 0px 0px;
}

#detailstexthinten h4 {
margin: 5px 5px 0px 5px;
padding: 0px 0px 0px 0px;
}

#detailstexthinten p {
margin: 5px 5px 0px 5px;
padding: 0px 0px 0px 0px;
}
/* Anmeldeformular +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Anmeldeformular */
#terminwahl {
float: left;
display: inline-block;
width: 405px;
}
#terminwahl p {
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 5px;
}

#terminwahl input.twbut {
float: left;
margin: 0px 0px 5px 5px;
width: 95px;
height: 25px;
cursor: pointer;
}

#daten1 input.weiter {
float: left;
margin: 5px 5px 5px 0px;
width: auto;
height: 25px;
cursor: pointer;
}

#balken1 {
float: left;
background-color: rgba(255,255,255,0);
height: auto;
width:596px;
}
#balken1 h3 {
margin: 5px 5px 5px 190px;
}
#daten1 {
float: left;
}
#daten1 p {
float: left;
display: inline-block;
}
#daten1 p.vorne {
width: 160px;
margin: 5px 0px 5px 10px;
text-align: right;
}
#daten1 p.hinten {
width: 400px;
margin: 5px 0px 5px 20px;
text-align: left;
}
#daten1 input.gxgy , #daten1 input.feedback , #daten1 input.info{
margin: 0px 0px 0px 0px;
width: 390px;
height: 20px;
border-width: 2px 2px 2px 2px;
border-style: solid;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border-color:  rgba(150,150,150,1) rgba(255,255,255,1) rgba(255,255,255,1) rgba(150,150,150,1);
}

#daten1 input.info{
background-color: rgba(255,255,255,0);
text-align: left;
}

#daten1 input.feedback{
background-color: rgba(255,255,255,0);
text-align: center;
}
#daten1 , #balken1 {
display: none;
}

#details a {
color: rgba(50,50,50,1);
}
#details a:hover {
color: rgba(230,50,26,1);
}
#portpic{
overflow: hidden;
width: 170px;
height: 170px;
}
#portpic img {
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
width: 170px;
height: 170px;
}
/* galerieanteile++++++++++++++++++++++++++++++++++++ galerieanteile */
#eventtext {
float: left;
margin-top: 0px ;
width: 596px;
}
#event {
float: left;
background-color: rgba(0,0,0,0.5);
margin: 10px 0px 0px 0px;
width: 596px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
}

#event h4 {
margin: 15px 20px 0px 20px;
}
#gal {
float: left;
width: 554px;
height: 415px;
margin: 5px 20px 0px 20px;
border-width: 2px;
border-style: solid;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px; 
border-color: rgba(30,30,30,0.9) rgba(100,100,100,0.9) rgba(100,100,100,0.9) rgba(30,30,30,0.9);
overflow: hidden;
}
#gal img {
width: 572px;
height: 431px;

}
#eventc {
margin-left: 20px;
}
#eventc img {
cursor: pointer;
float: left;
margin: 5px 5px 20px 0px;
height: 20px;
width: 179px;
border-width: 2px 2px 2px 2px;
border-style: solid;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border-color:  rgba(255,255,255,1) rgba(150,150,150,1) rgba(150,150,150,1) rgba(255,255,255,1);
}