/* 
zueritipp.ch online matthias saner*/

/*
generelle styles
-------------------------------------------------- */ 
a {
text-decoration: none; 
color: #009;
}

a:hover {
text-decoration: underline;
}

a i:hover {
text-decoration: underline;
}

/*
a:visited:hover {
text-decoration: underline; 
}
*/

.select  { color: #c00; 
}
 
body { 
background-color: #fff;
padding: 0px;
margin: 0px;
}

body, td {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
}

h1, h2, h3, h5, p, form, input, select, textarea {
font-family: inherit;
font-size: 100%;
padding: 0px;
margin: 0px; 
}

tr, td { 
vertical-align: top;
}

.b1 { 
clear: both;
display: block; 
height: 1px;}

img { 
border: 0px;
margin: 0px;
}

.fehler {  
background-color: #FF9999; font-weight: bold}

input, select, textarea {
border: 1px inset #666666;
}

.werbungtag {
background-color: #e5e5e5;
text-align: right;
padding: 2px 4px 2px 4px;
}

#rsky {
background-color: #e5e5e5;
position: absolute; 
top: 0px; 
left: 833px; 
width: 160px;
}

/*
head styles
-------------------------------------------------- */ 
#head { 
position: relative;
left: 0px;
top: 0px;
width: 994px;
height: 105px;
background-color: #000099;
border-right: 1px solid #000099;
background-image: url(/images/header/head_verlauf.gif); 
background-repeat: repeat-x; 
background-position: bottom;
margin-bottom: 20px;
}

/*
#headwerbung {
position: absolute;
left: 150px;
top: 0px;
width: 678px; 
height: 75px;
}
*/

#banneroben {
position: absolute;
left: 205px;
top: 3px;
padding: 3px 10px 2px 5px;
z-index: 10001;
}

#abowerbung {
position: absolute;
left: 715px;
top: 32px;
width: 278px; 
height: 89px;
}

#headlogo {
position: absolute;
left: 17px;
top: 44px;
width: 300px; 
height: 39px;
}

#headnavigation {
position: absolute;
left: 143px;
top: 85px;
width: 828px; 
height: 20px;
z-index: 100;
}

#pagecontent {
position: relative;
}

/*
Navigation Styles
-------------------------------------------------- */ 


#navigation { 
position: absolute;
left: 7px;
top: 0px;
width: 123px; 
}

.nbereich {
margin: 0px 0px 17px 0px;
padding-bottom: 0px;
border-bottom: 1px solid #999; 
}

#nlogo { 
height: 20px;
width: 123px; 
}
  
.nrubrik { 
padding: 1px 0px 1px 0px;
border-top: 1px solid #999; 
}

.nunterrubrik { 
padding: 1px 0px 1px 0px;
margin-left: 20px;
border-top: 1px solid #999; 
}

.nbereich a {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px; 
}

.nbereich h1 { 
text-align: center;
text-transform: uppercase;
color: #fff;
background-color: #009;
height: 13px
}


/*
Mitte Styles
-------------------------------------------------- */ 

#mitte { 
position: absolute;
left: 148px;
top: 0px;
width: 468px;
}

#kopfzeile { 
margin: 3px 0px 3px 0px;
padding: 0px 0px 4px 0px;
border-bottom: 1px solid #999;
font-weight: bold;
}

#kopfzeile td {
vertical-align: bottom;
}

#fusszeile { 
margin: 4px 0px 3px 0px;
padding: 3px 0px 0px 0px;
border-top: 1px solid #999;
clear: both;
}

#inhalt { 
}

.mtable {
width: 100%;
}

#kopflinks {
font-weight: bold;
padding-bottom: 3px;
}

#kopfrechts {
text-align: right;
font-weight: bold;
padding-bottom: 3px;
}

.mittelinks {
width: 50%;
padding-right: 5px;
}

.mitterechts {
width: 50%;
padding-left: 4px;
border-left: 1px solid #999;
}

.fusslinks { 
}

.fussrechts { 
text-align: right;
color: #999;
}

#bannerunten { 
margin: 4px 0px 0px 0px;
padding: 7px 0px 2px 0px;
border-top: 1px solid #999;
clear: both;
}

/*
Mitte Styles links
-------------------------------------------------- */

.beitrag { 
padding: 3px 0px 6px 0px;
clear: both;
font-size: 110%;
}

.mlbereich {
margin: 0px 0px 18px 0px;
width: 228px;
}

.mlrubrik {
margin-top: 2px; 
border-top: 1px solid #999;
clear: both;
}

.mlrubriktit { 
font-weight: bold;
padding-top: 5px;
}

.mlrubriktit a { 
color: #c00;
}


.beitrag h1, .beitrag h3 { 
font-size: 120%; 
font-family: Arial, Helvetica, sans-serif;
line-height: 110%;
margin: 0px 0px 3px 0px;
}


.beitrag h2 { 
font-size: 120%; 
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #333;
margin: 0px 0px 1px 0px;
}

.beitrag a { 
font-weight: bold;
}

.beitrag img {
float: left;
margin: 2px 7px 0px 0px; 
}

/*
Mitte Styles rechts
-------------------------------------------------- */

.balkenbereich {
margin: 3px 0px 15px 0px;
}

.balkenbereich .beitrag img {
border: 1px solid #666;
}

.mitterechts .balkenbereich .beitrag {
width: 228px;
}

.gastrosuche {
margin: 3px 0px 15px 0px;
border-top: 2px dotted #ffffff;
background-color: #EFEFDE;
}

.gszeile {
padding: 3px;
border-bottom: 2px dotted #ffffff;
text-align: right;
}

.glabel {
float: left;
margin-top:2px;
width: 55px;
text-align: left;
font-weight: bold;
}

.gszeile label {
float: left;
margin-top:2px;
width: 55px;
text-align: left;
font-weight: bold;
}

.gszeile select {
width: 146px;
vertical-align: middle;
color: #660000;
border: #EFEFDE;
}


.balkenbereich h1 {
text-align: center; 
text-transform: uppercase;
color: #fff;
background-color: #666;
height: 13px;
margin-bottom: 5px;
}

.balkenbereich input, .balkenbereich textarea  {
width: 150px;
margin-right: 7px;
}

.reiter {
margin: 2px 0px 10px 0px;
}


.reiter p {     /*   Netscape Hack     */ 
height: 14px;
}

.sortmenu {
margin: -3px 0px 10px 0px;
text-align: right;
}

.sortmenu a {
color: #999999
}

.sortmenu i {
float: left;
background-color: #e5e5e5;
text-align: left;
}

.listselect {
margin: -3px 0px 10px 0px;
}

.listselect select {
font-weight: bold; 
color: #999999;
width: 226px;
border: 1px inset #999999;
}

/*
Liste
-------------------------------------------------- */

.listbereich {
border-bottom: 1px solid #999999;
padding: 2px 0 1px 0;
margin: 0px 0px 18px 0px;
clear: both;
}

.tippboard .listbereich  {
border-bottom: 0;
}

.werbungliste {
margin: 0px 0px 24px 0px;
}

.werbung229 {
margin: 0px 0px 24px 0px;
width: 229px;
overflow: hidden;
}  

.werbung180 {
margin: 0px 0px 12px 0px;
width: 180px;
overflow: hidden;
}  

.werbung468 {
width: 468px;
overflow: hidden;
} 

.sparte {
text-transform: uppercase;
margin-bottom: 2px;
}

.sparte a {
text-transform: none;
color: #c00;
font-weight: bold;
}

.sparte select {
width: 226px;
text-transform: uppercase;
border: 1px inset #999999;
background-color: #ffffff;
}


.eintrag, .eeintrag {
border-top: 1px solid #999999;
padding: 2px 0px 2px 0px;
clear: both;
}

.eintrag h2, .eeintrag h2 {
color: #000000; 
}

.eintrag a, .eintrag a:hover  {
color: #000000;
}

.eintrag input {
width: 227px;
margin: 4px 0px 4px 0px;
}

tt {  
font-family: "Courier New", Courier, monospace; 
text-decoration: none;
font-size: 9px;
color: #999999;
}

i {
font-style: normal; 
color: #666666;
}

.listkino {
text-align: right;
font-family: Arial, Helvetica, sans-serif; 
margin-top: 2px;
color: #999999; 
}

.listgen {
margin-top: 1px;
}

.listkino a {
color: #999999; 
}

.listkino i {
float: left;
margin-right: 3px;
color: #000000;
text-align: left;
}

.listkino img {
vertical-align: middle;
}

.stars {
float: right;
margin-top: 2px;
}

.platz {
float: left; 
font-size: 11px; 
font-weight: bold; 
padding-right: 2px; 
margin-right: 8px;  
margin-bottom: 2px;
background-color: #cc0000; 
color: #ffffff; 
text-align: right; 
width: 18px
}


/*
Rechte Spalte
-------------------------------------------------- */
#rechtespalte {
background: #fff;
width: 180px;
position: absolute;
left: 638px;
top: 0px;
}

.boxinhouse {
margin: 2px 0px 2px 0px;
width: 180px;
border-bottom: 2px solid #ccc;
}

.rahmen {
border: 1px solid #000099;
border-top: 0px;
padding: 4px;
}

.boxinhouse h1  {
text-align: center;
text-transform: uppercase;
color: #fff;
background-color: #009;
padding: 1px;
border-bottom: 1px solid #000;
}

.boxinhouse h1 a, .balkenbereich h1 a {
color: #fff; 
}

.boxinhouse input {
width: 95px;
margin-right: 5px;
}

.werbungrechts { 
margin: 0px 0px 12px 0px;
}

/* Event Styles
-------------------------------------------------- */

#einhalt {
width: 799px;
position: relative;
left: 10px;
top: 0px;
}

.etable { 
width: 799px;
}

#artikel {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 10px 30px 0px 5px;
width: 369px;
line-height: 17px;
}

.lbalkenbereich {
margin: 24px 21px 15px 2px;
font-size: 11px;
}

.lbalkenbereich .eeintrag h2 {
font-size: 11px;
}

#artikel h1 { 
font-size: 125%;
text-transform: uppercase;
margin-bottom: 3px;
}

#artikel h2 { 
margin-bottom: 12px;
}

#artikel p { 
margin-bottom: 2px;
text-indent: 22px;
}

#artikel h5 { 
margin: 12px 0px 3px 0px;
}

#artikel i { 
font-weight: bold;
color: #000;
}

.autor { 
margin-bottom: 12px;
}

.mehr {
color: #666666;
margin: 12px 21px 0px 2px;
}

.veranstaltertext {
color: #008800;
font-family: Arial, Helvetica, sans-serif;
line-height: 16px;
font-size: 12px;
padding: 5px;
border: 1px dashed #008800;
margin: 12px 21px 0px 2px;
}

.veranstaltertext h2 { 
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
margin-bottom: 3px;
}

.mehr a {
font-weight: bold;
}

#facts {
margin: 10px 25px 0px 0px;
font-size: 11px;
}

#facts .listkino, #facts .reiter {
width: 180px;
}


#facts .listkino {
/*border-top: 1px solid #cccccc;*/
padding-top: 3px;
}



#esky {
margin: 10px 0px 0px 0px;
}

.azelle {
width: 404px;
}

.fzelle .linkboxen {
margin: 10px 25px 0px 0px;
}

.azelle .linkboxen {
margin: 10px 23px 0px 2px;
width: 300px;
}


.eskyzelle {
width: 160px;
text-align: right;
}

.bildbereich {
margin: 0px 0px 24px 0px;
width: 180px;
}

.plus {
position: relative;
top: 15px;
left: 152px;
color: #666666;
width: 26px;
}



/* Popups
-------------------------------------------------- */

.popup {
padding: 10px;
}

#ginhalt {
width: 595px;
position: absolute;
left: 10px;
top: 73px;
padding-top: 10px;
border-top: 1px solid #999999;
}

.gtable {
width: 595px;
}

#g_headwerbung {
position: absolute;
left: 7px;
top: 2px;
width: 595px; 
height: 75px;
}

#g_headwerbung #banneroben {
top: 1px;
left: -2px;
}

.gbildzelle {
padding-top: 5px;
}

.gtextzelle {
padding: 5px 0px 0px 15px;
}

.gtextzelle .eeintrag {
margin: 12px 0px 0px 0px;
border: 0px;
font-weight: bold;
}

.gbuttonzelle {
padding-left: 15px;
vertical-align: bottom;
}

.gbuttonzelle img {
margin-top: 5px;
}

#ginhalt #fusszeile {
padding-top: 7px;
}

.eeintrag input, .eeintrag textarea {
width: 180px;
margin: 4px 0px 4px 0px;
}


/* Ratings
-------------------------------------------------- */

.ratingbereich {
border-bottom: 1px solid #999999;
clear: both;
margin: 24px 21px 15px 2px;
font-size: 110%;
}

.ratingbereich .eintrag {
padding: 4px 0px 4px 0px;
clear: both;
}

.ratingbereich input {
margin: 0px;
padding: 0px;
width: 224px;
}

.ratingbereich .listkino {
font-weight: bold;
margin: 0px;
}

.ratingbereich .listgen {
clear: both;
}

.ratingbereich a, .tippboard a{
color: #000099;
}

.feldlegende {
float: left;
width: 70px;
padding-top: 1px;
}

.feldradio {
width: 20px;
float: left;
}

.feldtext {
width: 440px;
}

.eintrag .feldradio input {
width: auto;
margin: 0px;
border: 0px;
}

.chartsrahmen {
border: 1px solid #000099;
border-top: 0px;
padding: 3px;
}

.chplatz {
width: 14px;
font-size: 9px;
font-weight: bold;
padding-top: 2px;
border-bottom: 1px solid #cccccc;
}

.chname {
width: 93px;
font-size: 10px;
font-family: Arial, sans-serif;
padding-top: 2px;
border-bottom: 1px solid #cccccc;
}

.cut90 {
white-space: nowrap;
width: 90px;
overflow: hidden;
}

.chstars {
width: 65px;
border-bottom: 1px solid #cccccc;
}




/* Tippboard
-------------------------------------------------- */

.tippboard select, .tippboard textarea {
width: 464px;
}

.tippboard input {
width: 229px;
}

.tippboard textarea {
font-size: 130%;
font-family: Arial, Helvetica, sans-serif;
}

.tippboard select {
font-weight: bold;
}


/* Leaderboard Makro-Werbung
-------------------------------------------------- */

#lboard_container { 
position: relative;
left: 0px;
top: 0px;
width: 994px;
height: 104px; 
background-color: #e5e5e5;
border-right: 1px solid #e5e5e5;
}

#lboard { 
position: relative;
left: 147px;
top: 7px;
}