html, body{width:100%;height: 100%;}

body{
   border:  0px;
   margin:  0px;
   padding: 0px;
   color: #111;
   font-family: "trebuchet MS",Arial,Helvetica,"Sans Serif",sans-serif;
   font-size: 12px;
   line-height: 140%;
   background-color: #fff;
}

h1,h2,h3,h4,h5{
   border:  0px;
   margin:  0px;
   padding: 0px;
   padding-bottom: 10px;
   color: #000000;
   font-family: Arial, sans-serif;
   font-size: 14px;
   font-weight: bold;
   line-height: 100%;
}

h1{font-size: 16px;}

a{
   color: #ff9c00;
   font-family: "trebuchet MS",Arial,Helvetica,"Sans Serif",sans-serif;
   font-weight: bold;
   text-decoration: none;
}

a:hover{text-decoration: underline;}

hr {
 border: 0px;
 height: 1px;
 padding:0px;
 margin: 0px;
 color: #cccccc;
 background-color:#cccccc;
}

ul {
  margin-left:20px;
  padding-left:0px; 
  list-style-position:outside;
  font-size: 12px;
}

 li {
  padding-bottom:8px;
  font-size: 12px;
}

div,img{
   border: 0px;
   margin: 0px;
   padding: 0px;
}
/*================================================================*/
/*=== Eigendliche Formatierung ===================================*/
/*================================================================*/
#mainframe{
   margin:  auto auto;
   position: relative;
   width: 950px;
   height: 500px;
   background-image: url("banner.jpg");
   background-position: top;
   background-repeat: no-repeat;
}

.btnhome{
   display: block;
   position: absolute;
   top: 40px;
   left: 0px;
   width: 200px;
   height: 180px;
}

.btnvote{
   display: block;
   position: absolute;
   top: 170px;
   left: 250px;
   z-index: 100;
   width: 423px;
   height: 25px;
   font-size: 14px;
   text-align: center;
}


#dbanner{
   position: absolute;
   top:   92px;
   left: 250px;
   z-index: 10;
   width: 776px;
   height: 100px;
   color:   #fff;
   font-size: 14px;
   font-weight: bold;
   line-height: 140%;
}

.dbpic{
   position: absolute;
   top:   0px;
   right: 0px;
   width:  290px;
   height: 299px;
}

#lcol{
   width: 220px;
   float: left;
}


#mcol{
   margin-top: -55px;
   float: left;
   width: 510px;
}

#rcol{
   padding-top: 40px;
   float: left;
   width: 220px;
   height: 50px;
}

.ammenu{
   display: block;
   margin:0px 0px 10px 0px;
   padding: 8px 0px 6px 0px;
   width: 200px;
   color: #fff;
   text-align: left;
   text-indent: 40px;
   font-weight: bold;
   background-image: url("menu.gif");
   background-repeat: no-repeat;
}


.ammenu:hover{
   color: #111111;
   text-decoration: none;
}

.selmenu{
   background-image: url("selmenu.gif");
   color: #111111;
}

.submenu{
	display:block;
	float: left;
	padding: 0px 5px;
	font-weight: bold;
	color: #111;
}

.submenu:hover{
   color: #ff9c00;
   text-decoration:none;
}

.subsmenu{color: #ff9c00;text-decoration:none;}
.subsmenu:hover{color: #ff9c00;text-decoration:none;}
/*================================================================*/
/*=== Poleroyd Box ===============================================*/
/*================================================================*/
#dpicbox{
   border:  1px solid #ccc;
   padding-bottom: 10px;
   width: 480px;
/*    min-height: 422px; */
   background-color: #fff;
   text-align: right;
}

.hzrand{
   margin: 0px;
   padding: 5px 0px 5px 28px;
   width:  478px;
   height: 28px;
   text-align: center;
}
html>body .hzrand{height: 18px;width:450px;}

.vtrand{
display: none;
   float:  left;
   width:  28px;
   min-height: 340px;
}
.dptext{
   border:  1px solid #ccc;
   margin: 0px 28px 10px 28px;
   padding: 10px 9px;
   width:  423px;
   min-height: 300px;
   text-align: left;
   overflow:hidden;
}

html>body .dptext{width: 405px;}
/*================================================================*/
/*=== Standard Formatierung ======================================*/
/*================================================================*/
.clboth{
   border:  0px;
/*    float:  left; */
clear:both;
   margin:  0px;
   padding: 0px;
   width:   0px;
   height:  0px;
}

.abs5{
   float:  left;
   width:  5px;
   height: 10px;
}

.abs30{
   float:  left;
   width:  30px;
   height: 10px;
   background-image: url("abs30.gif");
   background-repeat: repeat-y;
}

.abs50{
   float:  left;
   width:  25px;
   height: 10px;
   background-image: url("abs50.gif");
   background-repeat: repeat-y;
}

.tabs20{
   width:  100%;
   height: 20px;
   background-image: url("tabs20.gif");
   background-repeat: repeat-x;
}

.tabs260{
   width:  10px;
   height: 260px;
}
/*================================================================*/
/*=== Marktbereich  ==============================================*/
/*================================================================*/
.lbox{
   float: left;
   width: 220px;
}
.rbox{
   width: 180px;
   float: left;
}

/*================================================================*/
/*=== Google Maps Formatierung ===================================*/
/*================================================================*/
#map, #map_canvas{
   width: 100%;
   height: 250px;
}

#direction{width: 100%;}

.gfrmline{
   margin-bottom: 8px;
   width: 400px;
}
.gfrmline input{
   border: 1px solid #ff9c00;
   padding: 3px;
   width: 400px;
}

html>body .gfrmilne input{width: 392px;}

.gbutton{
   border: 1px solid #ff9c00;
   padding: 2px 5px;
   color: #fff;
   background-color: #ff9c00;
   text-align: center;
}
.gbutton:hover{
   background-color: #fff;
   color: #ff9c00;
   text-decoration: none;
}
/*================================================================*/
/*=== iframe / Ticketbestellung ==================================*/
/*================================================================*/
.dpitext{
   border:  1px solid #ccc;
   margin: 0px 28px 10px 28px;
   padding: 10px 0px;
   width:  423px;
   min-height: 300px;
   text-align: left;
}

html>body .dpitext{width: 423px;}

#ifwebcam{
   border:  0px;
   margin:  0px;
   padding: 0px;
   width:  100%;
   height: 340px;
   text-align: center;
}

#ifticket{
   border:  0px;
   margin:  0px;
   padding: 0px;
   width:  100%;
   height: 1150px;
}

#ifprsa{
   border:  0px;
   margin:  0px;
   padding: 0px;
   width:  100%;
   height: 400px;
}

#ifprso{
   border:  0px;
   margin:  0px;
   padding: 0px;
   width:  100%;
   height: 400px;
}

#ifprev{
   border:  0px;
   margin:  0px;
   padding: 0px;
   width:  100%;
   height: 600px;
}

#ifvote{
   border:  0px;
   margin:  0px;
   padding: 0px;
   width:  100%;
   height: 650px;
}

.tecbox{
   float: left;
   width: 200px;
}

.hpicbox{
   float: left;
   width: 205px;
   overflow: hidden;
   text-align: left;
}

.htxtbox{
   float: right;
   width: 200px;
   overflow: hidden;
   text-align: left;
}