/*---------Reset----------*/
body {
  	padding: 0;
  	margin: 0;
  	font: 13px Arial, Helvetica, Garuda, sans-serif;
  	*font-size: small;
  	*font: x-small;
}
h1, h2, h3, h4, h5, h6, ul, li, em, strong, pre, code {
  	padding: 0;
  	margin: 0;
  	line-height: 1.3em;
  	font-size: 100%;
  	font-weight: normal;
  	font-style: normal;
}
table {
	font-size: inherit;
	font: 100%;
}
ul {
	list-style: none;
}
img {
	border: 0;
}
p 	{
  	margin: 0 0 1em 0;
  	line-height: 1.4em;
}

@font-face {
    font-family: 'PTSansBold';
    src: url('../fonts/PTS75F-webfont.eot');
    src: url('../fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS75F-webfont.woff') format('woff'),
         url('../fonts/PTS75F-webfont.ttf') format('truetype'),
         url('../fonts/PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansItalic';
    src: url('../fonts/PTS56F-webfont.eot');
    src: url('../fonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS56F-webfont.woff') format('woff'),
         url('../fonts/PTS56F-webfont.ttf') format('truetype'),
         url('../fonts/PTS56F-webfont.svg#PTSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansRegular';
    src: url('../fonts/PTS55F-webfont.eot');
    src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS55F-webfont.woff') format('woff'),
         url('../fonts/PTS55F-webfont.ttf') format('truetype'),
         url('../fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{
font-family: 'PTSansRegular', Arial, sans-serif; 
color: #7d7d7d;
}
blockquote, q, em, cite, dfn, i, var { 
font-family: 'PTSansItalic';
}
strong { 
font-family: 'PTSansBold'; 
}
a{
font-family: 'PTSansBold'; 
color: #14558f;
}
#wrapper{
width: 960px;
margin: 0 auto;
}
#header{
height: 180px;
background: #57b8de;
border-bottom: 1px solid #448dab;
position: fixed;
width: 100%;
}
#header .inside{
width: 960px;
height: 180px;
margin: 0 auto;
background: url('../graphics/bg_header.png') no-repeat;
}
.social_buttons{
float: right;
margin: 5px 42px 0 0;
}
.logo{
float: left;
margin: 30px 0 0 10px;
}
.claim{
clear: left;
color: white;
font-size: 1.5em;
margin: 0 0 0 110px;
}
#header .container{
width: 600px;
float: left;
}
#main{
width: 640px;
margin: 180px 0 0 0;
padding: 20px 40px 30px 20px;
float: left;
}
h1, h2, h3, h4{
color: #14558f;
margin: 0 0 0.4em 0;
}
h1{
font-size: 2em;
}
h2{
font-size: 1.3em;
}
#sidebar{
margin: 180px 0 0 0;
background: #edf8fc;
width: 210px;
padding: 20px;
float: left;
}
#weather h2{
color: white;
background: #f2ce1b;
padding: 5px 5px 3px 10px;
font-size: 1.3em;
}
#weather .inside{
background: white;
}
#twitter h2{
color: white;
background: #14558f;
padding: 5px 5px 3px 10px;
font-size: 1.3em;
margin: 10px 0 10px 0;
}
.tweet_odd, .tweet_even{
background: white;
display: block;
padding: 5px;
margin: 0 0 10px 0;
}
.event1,.event2,.event3,.event4,.event5,.event6,.event7,.event8,.event9,.event10,
.event11,.event12,.event13,.event14,.event15,.event16,.event17,.event18,.event19,.event20,
.event21,.event22,.event23,.event24,.event25,.event26,.event27,.event28,.event29,.event30,
.event31,.event32,.event33,.event34,.event35,.event36,.event37,.event38,.event39,.event40,
.event41,.event42,.event43,.event44{
display: none;
}
.event_box img{
background: none repeat scroll 0 0 white;
height: auto;
margin: 10px;
padding: 10px;
width: 30px;
}
.event_box{
background: #edf8fc;
padding: 10px;
margin: 0 0 10px 0;
width: 520px;
}
.event_box h2{
font-size: 1.2em;
}
.badges{
margin: 10px 0 20px 0;
}
.badge{
float: left;
margin: 0 20px 20px 0;
}
.badge_last{
clear: right;
}
.badge img, .badge_last img{
width: 120px;
padding: 0px;
height: 120px;
background: #5bbadf;
}
.badge img:hover, .badge_last img:hover, .badge img:active, .badge_last img:active{
background: #95d0e8;
}
.badge h3, .badge_last h3{
color: white;
text-align: center;
background: #14558f;
width: 120px;
padding: 7px 0;
}
.badge_single img{
width: 300px;
height: 300px;
float: left;
margin: 0 20px 0 0;
}
.badge_single{
border-bottom: 1px dotted #7D7D7D;
margin: 0 0 30px;
padding: 0 0 40px;
display: block;
}
.clear{
clear: both;
}
#footer{
clear: both;
margin: 0 0 20px 0;
text-align: center;
}
a.riesenrad,
a.riesenrad,
a.rutenkuss,
a.mehlsack,
a.festzug,
a.rutentheater,
a.schiesswettbewerbe,
a.froher_auftakt,
a.froher_rutentheater,
a.baerengarten,
a.rutenwurst,
a.trommlergruppen,
a.riesenrad,
a.feuerwerk,
a.rutenmass{
width: 120px;
height: 120px;
display: block;
}
a.riesenrad:hover, a.riesenrad:active,
a.riesenrad:hover, a.riesenrad:active,
a.rutenkuss:hover, a.rutenkuss:active,
a.mehlsack:hover, a.mehlsack:active,
a.festzug:hover, a.festzug:active,
a.schiesswettbewerbe:hover, a.schiesswettbewerbe:active,
a.froher_auftakt:hover, a.froher_auftakt:active,
a.froher_rutentheater:hover, a.froher_rutentheater:active,
a.baerengarten:hover, a.baerengarten:active,
a.rutenwurst:hover, a.rutenwurst:active,
a.trommlergruppen:hover, a.trommlergruppen:active,
a.riesenrad:hover, a.riesenrad:active,
a.feuerwerk:hover, a.feuerwerk:active,
a.rutentheater:hover, a.rutentheater:active,
a.rutenmass:hover, a.rutenmass:active
{
background-position: 120px 0;
}
a.riesenrad{
background: url('../graphics/icons/riesenrad_link.jpg');
}
a.rutenkuss{
background: url('../graphics/icons/rutenkuss_link.jpg');
}
a.mehlsack{
background: url('../graphics/icons/mehlsack_link.jpg');
}
a.festzug{
background: url('../graphics/icons/festzug_link.jpg');
}
a.schiesswettbewerbe{
background: url('../graphics/icons/schiesswettbewerbe_link.jpg');
}
a.froher_auftakt{
background: url('../graphics/icons/froher_auftakt_link.jpg');
}
a.froher_rutentheater{
background: url('../graphics/icons/rutentheater_link.jpg');
}
a.baerengarten{
background: url('../graphics/icons/baerengarten_link.jpg');
}
a.rutenwurst{
background: url('../graphics/icons/rutenwurst_link.jpg');
}
a.trommlergruppen{
background: url('../graphics/icons/trommlergruppen_link.jpg');
}
a.riesenrad{
background: url('../graphics/icons/riesenrad_link.jpg');
}
a.feuerwerk{
background: url('../graphics/icons/feuerwerk_link.jpg');
}
a.rutentheater{
background: url('../graphics/icons/rutentheater_link.jpg');
}
a.rutenmass{
background: url('../graphics/icons/rutenmass_link.jpg');
}