/* CSS Document */

html { height: 100%; }
body { margin: 0; padding: 0; height: 100%; background-color: #000; }

form, object, embed { margin: 0; padding: 0; }
p { margin: 0; padding: 0; margin-bottom: 16px; }

a { color: #ea560a; text-decoration: none; }
a:visited { color: #ea560a; }
a:hover { color: #ea560a; text-decoration: underline; }

img { border: none; }
hr { text-align: left; border: 1px solid #ded5de; height: 1px; width: 99%; }

table { border-collapse: collapse; font-size: 12px; border-color: #ded5de; border-style: solid; border-width: 0; }
td    { border-color: #ded5de; border-style: solid; color: #ded5de; font-size: 12px; line-height: 20px; border-width: 0; }

h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; margin-top: 0; padding-top: 0; margin-bottom: 10px; }
h1 {  font-size: 23px; color: #ea560a; letter-spacing: 0.2em; }
h2	 { font-size: 19px; color: #ea560a; }
h3 { font-size: 15px; color: #ea560a; }
h4 { font-size: 23px; color: #ded5de; letter-spacing: 0.2em; }
h5	 { font-size: 19px; color: #ded5de; }
h6	 { font-size: 15px; color: #ded5de; }

#wrapper { position: absolute; height: 600px; width: 996px; margin:-300px 0px 0px -498px; top: 50%; left: 50%; text-align: left; background: #3d063b url(../../siteImg/site_bg.jpg) top left no-repeat; overflow: none; }
  
#banner { position: relative; width: 996px; height: 121px; }
#lang { position: absolute; top: 48px; left: 0; height: 20px; width: 144px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ded5de; text-align: center; }
#lang a { color: #ded5de; }
#lang a:hover { color: #ded5de; text-decoration: underline; }

#sitemap { position: absolute; top: 48px; left: 848px; height: 20px; width: 144px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ded5de; text-align: center; }
#sitemap a { color: #ded5de; }
#sitemap a:hover { color: #ded5de; text-decoration: underline; }

#locCode1 { position: absolute; top: 121px; left: 0; width: 144px; height: 479px; text-align: center;  }
#locCode2 { position: absolute; top: 121px; left: 854px; width: 144px; height: 479px; text-align: center; }
#index #locCode2 { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ded5de; padding: 15px 10px 15px 10px; width: 124px; height: 449px; }

#content { position: absolute; top: 139px; left: 149px; width: 664px; height: 390px; padding: 0 18px 0 18px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #ded5de; background-color: #3d063b; overflow: auto; }
#index #content { position: absolute; top: 121px; left: 149px; width: 664px; height: 390px; padding: 18px; background-color: #3d063b; text-align: center; overflow: hidden; }
#programma #content { position: absolute; top: 139px; left: 149px; width: 676px; height: 390px; padding: 0 6px 0 18px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #ded5de; background-color: #3d063b; overflow: auto; }
#quotes { position: absolute; top: 552px; left: 149px; width: 700px; height: 48px; text-align: center; }
#quotes object, #quotes embed { position: relative; top: 2px; left: 0; }
#quotes div.quoteindex { position: relative; top: 10px; }
#fotos { position: absolute; top: 429px; left: 167px; width: 664px; height: 100px; }

ul#menu1 { position: absolute; top: 56px; left: 0; width: 144px; height: 20px; margin: 0; padding: 0; }
ul#menu1 li { display: inline; list-style: none;}
ul#menu1 li .selected { color: #ea560a; }
ul#menu1 li a { display: block; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ded5de; line-height: 34px; text-align: center; }
ul#menu1 li a:hover { color: #ea560a; text-decoration: underline; }

ul#menu2 { position: absolute; top: 56px; left: 0; width: 144px; height: 20px; margin: 0; padding: 0; }
ul#menu2 li { display: inline; list-style: none;}
ul#menu2 li .selected { color: #ea560a; }
ul#menu2 li a { display: block; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ded5de; line-height: 34px; text-align: center; }
ul#menu2 li a:hover { color: #ea560a; text-decoration: underline; }

table.kalender { width: 656px; padding: 0; margin: 0; border-width: 0; }
table.kalender .cel1 { width: 13%; }
table.kalender .cel2 { width: 19%; }
table.kalender .cel3 { width: 24%; }
table.kalender .cel4 { width: 24%; }
table.kalender .cel5 { width: 20%; }
table.kalender .cel5 a { color: #ded5de; text-decoration: underline;  }
table.kalender th p, table.kalender td p { padding: 0; margin: 0; }
table.kalender th { text-align: left; font-size: 12px; height: 30px; vertical-align: top; padding: 0; padding-left: 5px; }
table.kalender td { font-size: 12px; line-height: 16px; color: #ded5de; border-width: 0; padding: 5px; padding-right: 0; vertical-align: top; }
table.kalender td a { text-decoration: none;  }
table.kalender td.maand { font-size: 20px; color: #ea560a; line-height: 28px; letter-spacing: 0.2em; border-bottom: 1px solid #ded5de; border-top: 1px solid #ded5de; padding: 0; text-indent: 2px; }
table.kalender tr.licht { /*background-color: #5d2f5c;*/ background-color: #3D063B; border-top: 1px solid #ded5de; }


table.form_table { width: 420px; padding: 0; margin: 0; border-width: 0; }
table.form_table td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#ded5de; border-width: 0; height: 22px; }
table.form_table .left { width: 190px;}
table.form_table input, table.form_table textarea, table.form_table select { background-color: #3d063b; border: 1px solid #744372; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ded5de; }
table.form_table textarea { width: 246px; height: 75px}
table.form_table .button { width: 50%; background-color: #ded5de; color: #3d063b;  }

label { width: 100%; text-align: right; line-height: 22px;  }
.input { float: right; text-indent: 2px; }
.large { width: 250px; }
.medium { width: 120px; }
.date2 { width: 80px; }
.date1 { width: 45px; }

.form_table .errorField input, .form_table .errorField select, .form_table .errorField textarea { border: 1px solid #EA560A; color: #ded5de; }
div.errorField { font-size: 12px; color: #EA560A; padding-bottom: 24px; }


.flashquote { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #A48391; }
.flashauthor { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #A48391; }
