/* CSS Document OekKV*/

/* ******************** ALLGEMEINE FORMATIERUNGEN *********************** */
html {
height:100%;
padding-bottom:1px;}
body {
background-color:#eac532;
/*background-color:#FFFFFF;
background-image:url(../../bilder/verlauf.jpg);
background-repeat:repeat-x;
background-attachment:fixed;*/
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:100.01%;
color:#000;

}
body, div, ul, li, h1, h2, h3, h4, p, table, form {margin:0; padding:0;}

h1 {font-size:1.3em; padding-bottom:15px;color:#f13303; font-variant:small-caps;}
h2 {font-size:1.2em; padding-bottom:15px; color:#f13303;}
p {margin-bottom:15px;}
  
  #tutti, #detailseite {
  position:relative;
  width:846px;
  margin:0 auto;
  background-color:#fff;
  font-size:0.9em;
  border-left:1px solid #999;
  border-right:1px solid #999;
  }
  


/* ******************** KOPFBEREICH MIT NAVIGATION *********************** */

#kopf {
height:400px;
width:846px;
position:relative;
}

#logo {
height:90px;
width:368px;
padding-top:20px;
margin-left:200px;
}
#kopf img.seite {width:258px; height:189px;float:right;margin:0 4px;padding-bottom:3px; border-bottom:1px solid #ccc;}
#kopf img.mitte {width:384px; height:287px;float:right;margin-left:4px;padding-bottom:3px; border-bottom:1px solid #ccc;}
#kopf img.linien {position:absolute;top:302px;left:2px;}
#kopfband {
width:652px;
height:169px;
background-color:#df441b;
margin-left:194px;
padding-top:20px;
font-weight:bold;
}
#kopfband p {padding-left:20px;}
#kopfband .titel {font-size:1.4em;}
#hauptNav {
width:192px;
border-left:5px solid #FF3300;
margin-left:-5px;
background-color:#ccc;
height:189px;
position:absolute;
left:0;
top:110px;

}
#hauptNav ul {padding:20px 10px 20px 0;}
#hauptNav li {list-style-type:none; padding:0 8px 8px 0;font-weight:bold;font-variant:small-caps; }
#hauptNav a {text-decoration:none;padding-left:20px;color:#000;}
#hauptNav a:hover, #hauptNav a.aktiv {background-image:url(../bilder/navRoll.gif); background-position:center left; background-repeat:no-repeat;}
 #hauptNav a.aktiv {background-image:url(../bilder/navAktiv.gif);}
 
 
/* ******************* SPRUNGMENUE KANTORENAUSWAHL ***************** */

/* der IE 6 kann das hovermenue noch nicht interpretieren. Fr ihn wird extra ein normales statisches Listenmen implementiert, das fr die modernen Browser ausgeschaltet wird. Fr IE6 in CC wieder sichtbar gemacht */
#stupid_IE {display:none;}

#sprungmenue {
list-style-type: none; 
width:260px;
position:absolute;
top:-60px;
top:-39px;
right:0px;

}
#sprungmenue ul {
padding:10px 5px 20px 0; margin:0; 
list-style-type: none; 
width:255px;
z-index:30;
}
#sprungmenue li {position:relative;background-color:#fff;border-bottom:1px solid #ccc;}

#sprungmenue a{
display:block; 
color:#333; 
text-decoration:none;  
background-color:#fff;
}
#sprungmenue li:hover > a {color:#333;background-color:#fff1bf; background-color:#ffe57f}
#sprungmenue li ul li  {padding-left:8px;border-left:4px solid #ccc;}
#sprungmenue li ul li:hover  {border-left:4px solid red;background-color:#ffe57f;}
#sprungmenue li ul {display: none;} 
#sprungmenue li:hover > ul {
display:block; 
position:absolute; 
top:1.4em; 
left:0;
padding-bottom:0;
background-color:#fff;
}

#kantoren .gemeindelink {display:none;}

/* ************************** INHALTSBEREICH ************************ */

#inhalt, #kantoren {
position:relative;
padding-top:20px;

}

/***************************** GESAMTSPALTE  **********************/
/* fr die Veranstaltungsbersicht und die Detailseite */

.gesamtspalte {
width:822px;
padding:15px 10px;
min-height:200px;
}

#admin {
margin-left:200px;
width:600px;
padding-left:25px;
padding-bottom:25px;
min-height:200px;
}
.gesamtspalte h1 {
	position:absolute;
	top:-60px;
	top:-39px;
	left:597px;
	width: 242px;
}

.gesamtspalte .bild {float:right; margin-left:20px;padding:20px; background-color:#efefef; border:1px solid #ccc;}
.gesamtspalte .text {margin:0 20px;}
.gesamtspalte .text ul {margin:20px;}


/******************************* EINZELSPALTEN  ************************/
/* fr Start und Kantoren */

.spalte0 {
width:155px;
float:left;
margin-left:10px;
padding-left:20px;
}
.spalte0 img {padding:10px; background-color:#efefef; border:1px solid #ccc;}

.spalte1 {
margin-left:200px;
width:375px;
float:left;
}
.spalte1 a{font-weight:bold;}

.spalte2 {
float:right;
margin-top:-60px;
width:240px;
margin-right:10px;
}

.spalte1 li {list-style-type:none;padding-bottom:5px;
border-bottom:1px dotted #ccc;margin-bottom:10px;}




/* *************************** ALTERNIERENDE BOXEN ************************ */
/* fr die Kantoren */
.personen {
width:845px;
position:relative;
padding: 20px 0 0 0; 
}
.personenEven {width:845px;
position:relative;
padding: 20px 0 0 0; 
background-color:#fff1bf;}
.namen {
font-variant:small-caps;
font-weight:bold;
}
.personen .spalte0, .personenEven .spalte0 {width:170px;padding-left:5px;}
.personen .spalte1 li {list-style-type:disc;padding-bottom:0;
border-bottom:none;margin-bottom:0;}

.personenEven .spalte1 li {list-style-type:disc;padding-bottom:0;
border-bottom:none;margin-bottom:0;margin-left:15px;}
.personen a:target,.personenEven a:target  {background-color: #f13303;color: #fff8df;}

/* zum Abschluss jeder Box */
hr {border:none;background-color:#ccc;height:1px; clear:both;padding:0;margin:20px 0 0 0}

/* Sprung nach oben */
#zumAnfang{
width:25px;
height:25px;
border:1px solid #000;
position:fixed;
/*top:380px;*/
bottom:75px;
margin-left:846px;
}

/************************** TABELLENLAYOUT *************************/

table {
border-collapse:collapse;
margin-left:5px;
table-layout:fixed;
}

td, th{
vertical-align:top;
padding:3px 3px 3px 6px;
border:1px dotted #666;
margin:0;
}

th {background-color:#fbeec0; font-weight:bold; text-align:left;font-size:1.1em;}
th.s1 {width:170px;}
th.s2 {width:390px;}
th.s3 {width:230px;}

		
td p {margin:0; padding:0;}
table .titel {font-size:1.2em;color: #f13303}
tr:hover {background-color:#fff1bf;}
table a {font-weight:bold;}

table.uebersicht a:link, table.uebersicht a:visited, table.uebersicht a:hover, table.uebersicht a:active  {text-decoration:none;font-weight:normal;}

table.uebersicht .detaillink {text-decoration:underline;font-weight:bold;}

/* ********************** ADMINBEREICH *********************** */

#admin {
margin-left:200px;
width:600px;
padding-left:25px;
padding-bottom:25px;
min-height:200px;
}
#admin table {width:790px}

#kopfband a {color:#fff;}

/* ******************************* FORMULAR  ********************** */
label {width:auto;display:block;}
input, textarea { width:250px;margin-bottom:15px;}
#kontaktformular input, textarea { width:400px;margin-bottom:15px;}
input[type="checkbox"] {width:auto;}
input[type="text"]:hover, textarea:hover, input[type="text"]:focus, textarea:focus  {background-color:#fff1bf;}

p.hinweis {
/*noch im Layout testen */
}
.danke {border: 1px solid #333; padding: 15px; background-color:#fff1bf;}

/*veranstaltungen editieren*/
#reg input[id="Uhrzeit"]{vertical-align:middle;}
#reg input[id="Countera"]{width:40px;vertical-align:middle;}
#reg p {margin:0;}



/* *********************** FUSSBEREICH *************************** */

#fuss {
background-color:#eac532;
border-top:1px solid #ccc;
/**/margin-left:-1px;
border-left:1px solid #eac532;
margin-right:-1px;
border-right:1px solid #eac532;
font-size:smaller;
padding:20px 10px 7px 202px;
clear:both;
}

#fuss img {vertical-align:middle;}
/*#fuss a {text-decoration:none;}
#fuss a:hover,#fuss a:active  {text-decoration:underline;}*/
/* ************************ DIVERSES **************************** */

#inhalt a, #kantoren a {color:#000;}

#inhalt h1 a.aktiv{color:#f13303; text-decoration:none}
#inhalt ul.aktuell {margin-bottom:20px;}
#sprungmenue h1 a {color:#f13303;}
.personen h2 a {color:#f13303;}

a img {border:0;vertical-align:bottom;}
.keinUmbruch {white-space:nowrap;}
.gemeindelink {font-size:smaller; font-style:italic;}
.test {background-color:#CFEB5F;}