* {
margin:0pt;
padding:0pt;
}

img {
border:0pt none;
}


body {
background-color:#95FFFF;
color:#444444;
font-family:Comic Sans MS, cursive;
font-size:100.01%;
}


table {
border-collapse:collapse;
margin-bottom:1em;
margin-top:1em;
width:70%;
}


table tr td, table tr th {
border:1px solid #A4B4CD;
padding:3px;
}


div#bodyart {
background-color:white;
margin:30pt auto 10pt;
overflow:hidden;
padding-top:10px;
width:900px;
min-width:800px;


}


div#top {
background-color:darkblue;
background-position:right center;
background-repeat:no-repeat;
color:#FFFFFF;
height:72px;
line-height:70px;
margin-left:15px;
margin-right:15px;
text-align:left;
}





#toplink {
background-image:url(../img/nav.jpg);
color:#333333;
font-family:Trebuchet MS;
height:40px;
margin-left:15px;
margin-right:15px;
margin-top:1px;
text-align:right;
word-spacing:10px;
padding-top: 10px;
padding-right: 10px;
}






#side_nav ul {
float:left;
font-size:125%;
margin-left:16px;
margin-top:1.1em;
padding:0px;
margin-bottom: 40px;
width:160px;
}

#side_nav li.act {
	border-bottom:none;

}

#side_nav .act > ul {
	margin:0;
	padding-left:10px;
	font-size:75%;
	border-bottom:1px solid #333333;

}

#side_nav .act > ul li {
	border-bottom:none;
	line-height:15px;
	padding-top:0px;
	padding-bottom:15px;

}

#side_nav .act > ul li a,
#side_nav .act > ul li a:link{
	color: #ea57a6;
}
#side_nav .act > ul li a:hover,
#side_nav .act > ul li.act a  {
	color:#ff0089;
}

#side_nav li {
border-bottom:1px solid #333333;
line-height:45px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}


#side_nav a {
display:block;
font-size:80%;
margin-bottom:0px;
padding:0pt;
text-decoration:none;
color: darkblue;
}


#side_nav a:link {
color:darkblue;
}

#side_nav a:visited {
color:darkblue;
}



#side_nav a:hover {
color:black;
}




div#text_main {
float:left;
margin-bottom:1em;
margin-left:40px;
margin-top:2em;
width:73%;

}


div#text_main h1 {
font-size:115%;
font-weight:bold;
margin-top:0.7em;
margin-bottom:0.5em;
margin-left:1em;
}


div#text_main h2 {
font-size:110%;
font-weight:bold;
margin-bottom:0.3em;
margin-left:0.5em;
margin-top:0.5em;
}


div#text_main h3 {
font-size:100%;
font-weight:bold;
margin-bottom:0.3em;
margin-left:0.5em;
margin-top:1.5em;
}


div#text_main p {
font-size:90%;
margin-top:0.8em;
margin-bottom:0.8em;
margin-left:0pt;
}




div#text_main ul {
font-size:90%;
margin-left:1.5em;
}


div#text_main li {
font-size:90%;
margin-left:1.5em;
}


p#bottomline {
background-color:#D8EBD8;
clear:both;
color:grey;
margin:0em 15px 10px;
text-align:right;
}


/**
 *
 * Stimmungsbutton
 */

.stimmungs-button{
	float:right;
	width:150px;
	text-decoration:none; text-align:center; 
 padding:15px 32px; 
 border:solid 1px #212161; 
 -webkit-border-radius:5px;
 -moz-border-radius:5px; 
 border-radius: 5px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#95ffff; 
 background-color:#000088; 
 background-image: -moz-linear-gradient(top, #000088 0%, #25758f 100%); 
 background-image: -webkit-linear-gradient(top, #000088 0%, #25758f 100%); 
 background-image: -o-linear-gradient(top, #000088 0%, #25758f 100%); 
 background-image: -ms-linear-gradient(top, #000088 0% ,#25758f 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25758f', endColorstr='#25758f',GradientType=0 ); 
 background-image: linear-gradient(top, #000088 0% ,#25758f 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  


 	transition: all 1s;

  
  }.stimmungs-button:hover{
 padding:15px 32px; 
 border:solid 1px #005072; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#e5ffff; 
 background-color:#375e99; 
 background-image: -moz-linear-gradient(top, #375e99 0%, #1982a5 100%); 
 background-image: -webkit-linear-gradient(top, #375e99 0%, #1982a5 100%); 
 background-image: -o-linear-gradient(top, #375e99 0%, #1982a5 100%); 
 background-image: -ms-linear-gradient(top, #375e99 0% ,#1982a5 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982a5', endColorstr='#1982a5',GradientType=0 ); 
 background-image: linear-gradient(top, #375e99 0% ,#1982a5 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
 }

 .stimmungs-button:active, .stimmungs-button.playing, .stimmungs-button.playing:hover {
 padding:15px 32px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#E5FFFF; 
 background-color:#3ba4c7; 
 background-image: -moz-linear-gradient(top, #f50808 0%, #ff00a2 100%); 
 background-image: -webkit-linear-gradient(top, #f50808 0%, #ff00a2 100%); 
 background-image: -o-linear-gradient(top, #f50808 0%, #ff00a2 100%); 
 background-image: -ms-linear-gradient(top, #f50808 0% ,#ff00a2 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff00a2', endColorstr='#ff00a2',GradientType=0 ); 
 background-image: linear-gradient(top, #f50808 0% ,#ff00a2 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
 transform:rotate(20deg);
  
 }


/*
.stimmungs-button.playing {
      animation: rotate 1s steps(4, start) infinite;
      -webkit-animation: rotate 1s steps(4, start) infinite;
    }
    @keyframes rotate {
      to {
        transform:rotate(-20deg);
		 background-image: -moz-linear-gradient(top, #ff00a2 0%,#f50808  100%); 
		 background-image: -webkit-linear-gradient(top, #ff00a2 0%,#f50808  100%); 
		 background-image: -o-linear-gradient(top, #ff00a2 0%,#f50808  100%); 
		 background-image: -ms-linear-gradient(top, #ff00a2 0% #f50808, 100%); 
		 background-image: linear-gradient(top, #ff00a2 0% #f50808, 100%);   
      }
    }
*/

.stimmungs-button.playing {
      animation: rotate 2s infinite;
      -webkit-animation: rotate 2s infinite;
}


@keyframes rotate {
  0% {
    transform:rotate(0deg);
	 background-image: -moz-linear-gradient(top, #ff00a2 0%,#f50808  100%); 
	 background-image: -webkit-linear-gradient(top, #ff00a2 0%,#f50808  100%); 
	 background-image: -o-linear-gradient(top, #ff00a2 0%,#f50808  100%); 
	 background-image: -ms-linear-gradient(top, #ff00a2 0% #f50808, 100%); 
	 background-image: linear-gradient(top, #ff00a2 0% #f50808, 100%);   
  }

    20% {
    transform:rotate(-20deg);
	 background-image: -moz-linear-gradient(top, #ff00a2 0%,#f50808  100%); 
	 background-image: -webkit-linear-gradient(top, #ff00a2 0%,#f50808  100%); 
	 background-image: -o-linear-gradient(top, #ff00a2 0%,#f50808  100%); 
	 background-image: -ms-linear-gradient(top, #ff00a2 0% #f50808, 100%); 
	 background-image: linear-gradient(top, #ff00a2 0% #f50808, 100%);   
  }

      50% {
    transform:rotate(360deg);
	 background-image: -moz-linear-gradient(top, #ff00a2 0%,#f50808  100%); 
	 background-image: -webkit-linear-gradient(top, #ff00a2 0%,#f50808  100%); 
	 background-image: -o-linear-gradient(top, #ff00a2 0%,#f50808  100%); 
	 background-image: -ms-linear-gradient(top, #ff00a2 0% #f50808, 100%); 
	 background-image: linear-gradient(top, #ff00a2 0% #f50808, 100%);   
  }
        90% {
    transform:rotate(60deg);
	 background-image: -moz-linear-gradient(top, #f50808 0%, #ff00a2 100%); 
	 background-image: -webkit-linear-gradient(top, #f50808 0%, #ff00a2 100%); 
	 background-image: -o-linear-gradient(top, #f50808 0%, #ff00a2 100%); 
	 background-image: -ms-linear-gradient(top, #f50808 0% ,#ff00a2 100%); 
	 background-image: linear-gradient(top, #f50808 0% ,#ff00a2 100%);     
  }
        100% {
    transform:rotate(0deg);
	 background-image: -moz-linear-gradient(top, #f50808 0%, #ff00a2 100%); 
	 background-image: -webkit-linear-gradient(top, #f50808 0%, #ff00a2 100%); 
	 background-image: -o-linear-gradient(top, #f50808 0%, #ff00a2 100%); 
	 background-image: -ms-linear-gradient(top, #f50808 0% ,#ff00a2 100%); 
	 background-image: linear-gradient(top, #f50808 0% ,#ff00a2 100%);     
  }

}







/**
 * Form Style
 **/

fieldset {
	border:none;
}

.csc-mailform-field label {
    display: inline-block;
    width: 100px;
}

.csc-mailform-field input[type="submit"] {
	margin: 20px 0 0 105px;
}