/* CSS Document jkgm*/

html {
height:100%;
padding-bottom:1px;}

body {
padding:0;
color:#555;
background-color:#6b184a;
font-size:100.01%;
line-height: 1.4em;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:90%;
min-width:800px;
max-width:1100px;
text-align:center;
margin:auto;
}
div {
margin:0;
padding:0;
}

iframe {padding:0; margin:0;}
h1{
font-size:1.4em;
color:#333;
margin:35px 0 20px 0;
}
h2 {
font-size:1.2em;
color:#333;
clear:left;
margin:5px 0 auto 0;
}
h3 {
font-size:1.1em;
color:#333;
}

hr {
margin:20px 0;
height:1px;
background-color:#6b184a;
border:0;
clear:both;
}
a img {border:0;}

a{color:#955193;font-weight:bold; text-decoration:none;} 
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}
a:focus {text-decoration:underline;}

/*=================================================  Tabellen ============================================= */

table {
margin: 20px 0 20px 0;
border-collapse:collapse;
width:99%;
}
td, th{
vertical-align:top;
padding:3px;
border:1px dotted #666;
margin:0;
}
tr:hover, tr:active, tr:hover, tr:active{
background-color:#EBE0EB;
}

th, tr.wochentag {background-color:#EBE0EB; font-weight:bold; text-align:left;}
td.untergruppe {background-color: #F8F4F8}/*für IE deaktivieren*/
/*tr.untergruppe td {border:0}für IE deaktivieren*/
td p {margin:0; padding:0;}

/*================================================= 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:#ebe0eb;}


p.hinweis {
background-image:url(../../bilder/pfeilGr.gif);
background-repeat:no-repeat;
background-position:left;
margin-left:3px;
padding-left:30px;
font-weight:bold;
border-left:0;
}
.danke {border: 1px solid #6b184a; padding: 15px; background-color:#EBE0EB;}

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


/* ########################################### LAYOUTBOXEN #################################################### */

#tutti {
position:relative;
text-align:left;
border-bottom:1px solid #6b184a;
font-size:0.8em;
line-height:1.5em;
}

#kopf {
position:relative;
height:250px;
background-color:#d4bad4;
background-color:#efefef;
background-image:url(../../bilder/kopfleiste.jpg);
background-repeat:repeat-x;
z-index:100;
}
img.gemeinde {margin:25px 0 0 20px;}
#logo {
height:70px;
width:191px;
position:absolute;
right:15px;
top:20px;
}

/*================================================= INHALT ============================================= */
#inhalt {
position:relative;
/**/background-color:#fff;
background-image:url(../../bilder/verlauf.jpg);
background-repeat:repeat-x;
border-left:1px dotted #ccc;
border-right:1px dotted #ccc;
height:100%; /* für die Anzeige im IE6*/
}
#info {
margin-right:340px;
padding:20px 30px ;
z-index:100;
min-height:400px;}

/* Text-Bild Integration bei den Kindergärten*/
/* Der erste Absatz ist mit inlnie-Styles versehen, damit sidebar und inhalt weiter floaten können
#inhalt p.fototext {text-align:right;float:right;margin-top:0;}
#inhalt p.fototext img {padding-left:15px;}*/
/*================================================= SIDEBAR ============================================= */

/**/#sidebar {
width:280px;
background-color:transparent;
float:right;
margin-right:20px;
margin:50px 20px;
padding:0 0 10px 30px;
font-weight:normal;
background-image:url(../../bilder/schatten.jpg);
background-repeat:repeat-y;
clear:left;
}
#sidebar p.header {font-size:1.3em; margin-top:3px;margin-left:-10px;margin-bottom:28px;}
#sidebar p.header a {text-decoration:none;color:#555}
#sidebar a{font-weight:normal; text-decoration: underline}
#sidebar li {list-style-type:circle;}
#sidebar h2{
font-size:1em;
background-image:url(../../bilder/pfeil.gif);
background-repeat:no-repeat;
background-position:left 7px;
padding-left:25px;
}
#sidebar h2 a {font-weight:bold;text-decoration:none;color:#555}
#sidebar .wichtig {
color:#955193;
font-weight:bold;
background-image:url(../../bilder/info.gif);
background-repeat:no-repeat;
padding-left:25px;
}
#sidebar ul.navi{
margin-left:0;
margin-top:0;
padding:0 0 15px 0;
border-bottom:1px solid #ccc;
}
#sidebar ul.navi li{
list-style-type:none;
background-image:url(../../bilder/pfeil.gif);
background-repeat:no-repeat;
background-position:left 7px ;
padding-left:28px;
margin-top:7px;
}
#sidebar ul.pdf {
margin-left:0;
padding-left:0;
border-bottom:1px solid #ccc;
}
#sidebar ul.pdf li {
list-style-type:none;
margin-bottom:10px;
}
#sidebar ul.navi a, #sidebar ul.pdf a {font-weight:bold; text-decoration:none;}
#sidebar ul.navi a:hover, #sidebar ul.navi a:active, #sidebar ul.pdf a:hover, #sidebar ul.pdf a:active  {font-weight:bold;text-decoration:underline;}
#sidebar ul.navi a.aktiv{color:#555;font-weight:bold; text-decoration:none;}
#sidebar img {
/*vertical-align:middle;*/
float:left;
padding-right:15px;
/*margin-bottom:20px;*/
}
#sidebar ul.pdf img {float:none;vertical-align:middle;margin-bottom:0;}


/* ===================================================== NAVIGATION ================================================== */

#hauptNav {
position:absolute;
top:190px;
color:#333;
font-size:1.2em;
z-index:120;
width:100%;
background-color:#ebe0eb;
padding:3px 0;
}
#hauptNav ul  {
margin:0; padding:0;
margin-left:20px;
line-height:2em;
}
#hauptNav li {
display:inline;
padding:5px 10px ; margin-right:5px;
font-weight:bold;
list-style-type:none;
border-bottom:0;
}
#hauptNav a{text-decoration:none; color:#666;}
#hauptNav a:hover, #hauptNav a:active, #hauptNav a.aktiv  {
color:#333;
background-image:url(../../bilder/hauptAktiv.gif);
background-repeat:repeat-x;
padding-bottom:10px;
background-position:bottom;
}

#zusatzNav {
position:absolute;
top:227px;
left:0;
width:100%;
text-align:right;
background-color:transparent;
color:#333;
padding:2px 0;
border-bottom:1px solid #000;
z-index:150;
}
#zusatzNav a img  {vertical-align:middle;}
#zusatzNav a   {color:#666;font-weight:normal;  margin-right:20px; text-decoration:none }

/* ======================================================= FUSS  ======================================== */
#fuss {
clear:both;
background-color:#efefef;
height:1.8em;
color:#333;
font-size:0.8em;
padding-left:30px;
border-top:1px dotted #6b184a;
margin-top:20px;
}
#fuss a {font-weight:normal;}

/* ==================================================== FONTSIZER ==============================================*/

#size {
width:auto;
margin:0;
padding:5px;
position:absolute;
right:20px;
top:190px;
z-index:300;
}
#size a{font-weight:normal; color:#993399}
#size a img {border:0;margin-left:10px;margin-right:0; margin-left:0;}
.fs_klein {font-size:1em}
.fs_norm {font-size:1.5em}
.fs_gross {font-size:2em}


/* ==================================================== FOTOGALERIE ==============================================*/

.foto {
float:left;
margin-right:18px;
text-align:center;
width:21em;
height:19em;
font-size:smaller;
background-image:url(../../bilder/loading.gif);
background-repeat:no-repeat;
background-position:center center;
}
.foto img {
width:auto;
height:16em;

margin:auto;
border:1px solid black;
}
.todo {
background:#99FFCC;
}

/* ==================================================== DIVERSES ==============================================*/
.losung {
border:1px dotted #955193;
padding:15px;
}
.copyright {
font-size:0.9em;
font-style:italic;
}
.copyright a {font-weight:normal;}

.rechts {text-align:right;}
.kleiner {font-size:smaller;}
.klein {font-size:75%}
.schwarz {color:#555;}
.clearing {clear:left}

/*.hinweis {border-left:5px solid #955193; padding-left:5px;}*/

.hinweis {
background-image:url(../../bilder/pfeilGr.gif);
background-repeat:no-repeat;
background-position:left;
margin-left:3px;
padding-left:30px;
font-weight:bold;
border-left:0;
}

.timeoutText {font-size:1.2em;line-height:1.5em;}

p.floatLi {padding-right:0;margin-right:15px;float:left;}

img.pdf {
padding-right:15px;
}