body{
  background-color:#FFFFFF;
  padding:0px;
  margin:0px;
  font-family:Trebuchet MS;
  font-size:90%;
}

p{
  padding:0px;
  margin:5px 0 15px 0;
}


h2{
  margin:10px 0px 20px 0px;
  padding:0px 0px 0px 0px;
  color:#000000;
  font-size:220%;
}

h3{
  margin:0px 0px 15px 0px;
  padding:0px 0px 0px 0px;
  color:#13ad3f;
  color:#000000;
  font-size:160%;
}

#main a,
#headerLinks a,
#bottom a{
  padding:0px 2px;
  color:#c80269;
  text-decoration:underline;
}

a img{
  border-width:0px;
}

#main a:hover, #headerLinks a:hover, #bottom a:hover{
  background-color:#000000;
  color:#FFFFFF;
  text-decoration:none;
}

#wrapper{
  width:980px;
  margin:0px auto 0px auto;
  padding:0px 10px 0px 10px;
  overflow:hidden;
}

#headerLinks{
  background-color: #AAAAAA;


    background:linear-gradient(#AAAAAA, #FFFFFF);
    padding:3px 10px;
  margin:15px 0px 5px 0px;
  height:20px;
  text-align:right;
}

#headerLinks a{
  margin-left:15px;
    color:#000000;
}

#headerLinks .lang {
  background-image:url("images/lang_de.gif");
  background-repeat:no-repeat;
  background-position:4px 6px;
  padding:2px 3px 2px 22px;
}

#headerLinks .rss {
  background-image:url("images/rss.jpg");
  background-repeat:no-repeat;
  background-position:4px 6px;
  padding:2px 3px 2px 19px;
}

#header{
  background-image:url("images/header.jpg");
  background-repeat:no-repeat;
  height:327px;
  margin:0px 0px 70px 0px;
}

#header #logo{
  position:absolute;
  margin:0px;
  padding:0px;
  width:980px;
  height:267px;
  display:block;
  overflow:hidden;
}

#header #logo a{
  display:block;
  padding:7px 0px 0px 20px;
  height:141px;
}

#header #logo a:hover{
  background-color:transparent;
}

#header #logo img{
  border-width:0px;
}

#header #logo-erlebe{
  position:absolute;
  display:block;
  margin:7px 0px 0px 346px;
  width:308px;
  height:141px;
}
 
#header #logo-erlebe a{
  display:block;
}

#header #logo-erlebe span{
  position:absolute;
  display:block;
    width:308px;
    height:140px;
  background-repeat:no-repeat;
  background-image:url("images/logo-erlebe-plzen.jpg");
}

#header #logo-tandem{
  position:absolute;
  display:block;
  margin:16px 0px 0px 820px;
  width:136px;
  height:144px;
}
 
#header #logo-tandem a{
  display:block;
}

#header #logo-tandem span{
  position:absolute;
  display:block;
  width:136px;
  height:144px;
  background-repeat:no-repeat;
  background-image:url("images/logo-tandem.jpg");
}
 
#header #navigation{
  width:980px;
  background-color:#AAAAAA;
  background:linear-gradient(#FFFFFF, #AAAAAA);
  overflow:hidden;
  position:absolute;
  margin:332px 0px 0px 0px;
}

#header #navigation ul{
  display:block;
  margin:0px;
  padding:0px;
}

#header #navigation li{
  display:block;
  float:left;
  width:auto;
  margin:0px 10px 0px 0px;
  padding:0px;
  list-style-type:none;
}

#header #navigation li a{
  display:block;
  width:auto;
  color:#000000;
  padding:10px 10px 0px 10px;
  height:35px;
  font-size:140%;
  text-decoration:none;
  font-weight:bold;
}

#header #navigation li a:hover{
  background-image:url("images/black-opacity.png");
  color:#FFFFFF;
}
 
#header hr{
  display:none;
}

#content{
  width:690px;
  float:left;  
  overflow:hidden;
}

#content p img{
  padding:10px;
}

#content .breadcrumbs{
  font-size:80%;
}

.homepageMainArticle{
  padding:0px 0px 15px 0px;
  margin:0px 0px 15px 0px!important;
  border-bottom: 2px solid #EEEEEE;
  width:666px;
  overflow:hidden;
  font-size:100%!important;
}

.homepageMainArticle li{
  list-style-type:none;
  padding:0px;
  margin:0px;
  width:100%!important;
}


.homepageMainArticle .description{
  display:block;
  width:323px!important;
}

.homepageMainArticle .text a.more{
  display:block;
  width:auto;
  float:right;
  margin-top:10px;
  position:relative;
  top:-10px;
}

.articleList{
  margin:0px;
  padding:0px;
  font-size:85%;
  overflow:hidden;
  margin-bottom:20px;
}

.articleList li{
  width:323px;
  float:left;
  margin:0px 20px 20px 0px;
  padding:0px;
  list-style-type:none;
  min-height:140px;
}

.articleList img{
  float:left;
}

.articleList .imgLink{
  background-color:transparent!important;
}

.articleList h2,
.articleList h3,
.articleList .header{
  width:177px;
  clear:none; 
  float:right;
  font-size:100%;
  font-weight:bold;
  padding:0px 0px 5px 0px;
  margin:0px;
}

.homepageMainArticle h2{
  font-size:110%!important;
  width:326px!important;
}

.homepageArticles li{
  height:130px;
  oberflow:hidden;
}

.articleList .text{
  width:175px;
  float:right;
  display:block;  
  font-size:80%;
  line-height:1.2;
  height:115px;
  overflow:visible;
}

.articleList .description{
  display:block;
  padding:0px 0px 0px 2px;
  width:175px;
  float:right;
}

.articleList a.more
{
  float:right;
  position:relative;
  top:0px;
  clear:right;
}

.articleList .text strong{
  display:block;
}

.articleList .text strong a{
  display:block;
  padding-bottom:5px!important;
  position:relative;
  left:-2px;
  width:auto;
}

#context{
  width:270px;
  float:right;
}

#context #plzen2015{
  margin:15px 0 20px 0px;
  padding:0px;
  display:block;
  height:48px;
}


#context #upcoming{
  padding: 10px;
  background-color: #AAAAAA;
    background:linear-gradient(#AAAAAA, #FFFFFF);
  height:440px;
}

#context #upcoming h3{
  padding:0px;
  margin:0px 0px 15px 0px;
}

#bottom{
  width:100%;
  clear:both;
  padding:20px 0 0 0;
}

#bottom .insider{
  border-top:2px solid #CCCCCC;
  border-bottom:2px solid #CCCCCC;
  padding:5px 0px 5px 0px;
  text-align:center;
}

#bottom .copyright{
  text-align:center;
  width:100%;
  font-size:80%;
  color:#333333;
  padding:10px 0 10px 0px;
}

#bottom .insider a{
  padding:0px;
}

#bottom .insider img{
  border-width:0px;
  margin:3px;
}

/******FORM***************/
.dateSelectorIcon{
  display:block;
  position:absolute;
  width:704px;
  height:24px;
  background-image:url("images/ico_search.gif");
  background-repeat:no-repeat;
  background-position:100% 50%;
  margin:7px 0px 0px 0px;
  cursor:pointer;
}

.dateSelector iframe{
  width:234px;
  height:172px;
  position:absolute;
  z-index:500;
  margin:10px 0px 0px 40px;
  border:1px solid #777777;
}


.formfield{
  width:auto;
  overflow:hidden;
  clear:both;
  border-bottom:1px solid #EEEEEE;
  padding:10px 0px 10px 0px;
}

.formfield label{
  float:left;
  width:220px;
  padding:0px 10px 0px 0px;
  color:#555555;
}

.formfield input, .formfield select, .formfield textarea{
  border: 1px solid #BBBBBB;
  float:left;
  width:300px;
  padding:3px 5px 3px 5px;
}

.formfield textarea{
  width:400px;
}

.formfield .help{
  display:block;
  float:right;
  margin:2px 0px 0px 10px;
  width:20px;
  height:20px;
  background-color:#13ad3f;
  cursor:help;
}

.formfield .help .ico{
  display:block;
  text-align:center;
  font-size:120%;
  font-weight:bold;
  color:#FFFFFF;
  font-family:Arial;
}

.formfield .help .text{
  display:none;
  position:absolute;
  width:200px;
  background-color:#FFFFFF;
  border:1px solid #DDDDDD;
  padding:5px;
  margin:-45px 0px 0px 16px;
}

.formfield .help:hover .text{
  display:block;
}

.button{
  margin: 10px 0px 0px 230px;
  padding:5px 10px 5px 10px;
  background-color:#c80269;
  color:#ffffff;
  text-transform:uppercase;
  border-width:0px;
}

.button:hover{
  background-color:#000000;
}

.requested{
  color:#c80269;
}

.unfilled input, .unfilled select, .unfilled textarea{
  border:1px solid #c80269;
}

.unfilled .checkbox label{
  color: #c80269;
}

.error{
  color:#c80269;
  font-weight:bold;  
}

.confirm{
  color:#20b14a;
  font-weight:bold;
}

.dateSelectorIcon{
  width:307px;
  position:absolute;
  margin:0px 0px 0px 230px;

}


.checkbox{
  display:block;
  overflow:hidden;
  padding:0px 0px 0px 230px;
}

.checkbox label{
  width:430px;
  float:right;
}

.checkbox input{
  width:auto;
  margin:4px 0px 0px 0px;
}


/******GALLERY************/

#main .gallery{
  padding:0 0 20px 0px;
  overflow:hidden;
}

#main .gallery a.thumb{
  display:block;
  width:auto;
  float:left;
  padding:5px 5px 4px 5px;
  margin:0px 10px 10px 0px;
  background-color:#DDDDDD;
  line-height:1;
}

#main .gallery a.thumb:hover{
  background-color:#000000;
}


/***** FORUM *************/
fieldset#expansion{
  display:none;
}


#webcounter{
  position:absolute;
  top:-9000px;
}