/* CSS Document */
/* BKR Mitgliederbox*/
a.infobox { border-bottom: 1px dashed #FF9900; text-decoration:none; }
a.infobox:hover { color:#FF9900; background:#eef; }
a.infobox span { visibility:hidden; position:absolute; left:-99em;
                margin-top:1.5em; padding:1em; text-decoration:none; }
a.infobox:hover span { visibility:visible; left:20em;
                    border:2px solid #FF9900; color:#000099; background:#eef; }

/* Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
html { height: 100% }
body { min-height: 101%; }

body{
 background: #4d87c7 url("bg_blue.gif") repeat-x top left fixed; padding: 10px 0;
 color:#000000;
 font-family:"Trebuchet MS", Verdana, Arial;
 font-size:13px;
}

#banner{
 position:relative;
 width:auto;
 height:auto;
 /* margin-left:10%; */
 padding-top:0.5%;
 padding-bottom:2%;
 text-align:center;
 font-size:24px;
 font-weight:bolder;
 color:#FFFFFF;
}

#top{
 background-color:#FF9900; /* orange Farbe */
 height:auto;
 width:auto;
 margin-left:15%;
 margin-right:15%;
 padding-bottom:1.5%;
 padding-top:1.5%;
 text-align:center;
 color:#fff;
 border:2px solid #FF9900;
}


#content{
 width:auto;
 height:auto;
 margin-left:15%;
 margin-right:15%;
 background-color:#eef;
 text-align:center;
 padding:3%;
 padding-top:2%;
 border:2px solid #FF9900;
 color:#000099;
}

#kind{
 position:absolute;
 right:18%;
 top:30%;
 width:100px;
 height:100px;
}


#footer{
 background-color:#FF9900; /* orange Farbe */
 color:#FFFFFF;
 width:auto;
 height:auto;
 margin-left:15%;
 margin-right:15%;
 text-align:center;
 padding-top:1.5%;
 padding-bottom:1.5%;
 border:2px solid #FF9900;
}

#counter{
/* background-color:#FF9900; /* orange Farbe */
 color:#FFFFFF;
 width:auto;
 height:auto;
 margin-left:15%;
 margin-right:15%;
 text-align:center;
 padding-top:1.5%;
 padding-bottom:1.5%;
/* border:2px solid #FF9900;*/
}

#top a { color: #fff; text-decoration:none; font-weight:bolder; margin-left:5px;}
#top a:hover {color: #000099; text-decoration:underline; margin-left:5px;}

/*
#top a { color: #fff; text-decoration:none; font-weight:bolder; margin-left:5px;}
#top a:hover {color: #000099; text-decoration:overline underline; margin-left:5px;}
#top a:focus {color: #000099; text-decoration:underline; margin-left:5px; font-size:13px;}
*/

#footer a { color: #fff; text-decoration:none; font-weight:bolder; margin-left:5px;}
#footer a:hover {color: #000099; text-decoration:underline; margin-left:5px;}
#footer a:focus {color: #000099; text-decoration:underline; margin-left:5px; font-size:13px;}

a { color: #000099; text-decoration:none; font-weight:bold;}
a:hover {color: #000099; text-decoration:underline; font-weight:bold;cursor:pointer;}

/* Darstellugn einer Überschrift Größe 3*/
h2{text-align:center; text-decoration:underline;}
h3{text-align:center; text-decoration:underline; margin-top:30px; font-size:16px;}
h4{text-align:left; border-bottom:1px dotted #000099; margin-top:30px;}


/* crossbrowser angepasste horizontale linie */
hr {
height : 1px;
color : #FF9900;
background-color : #FF9900;
border : #FF9900;
}

table td.bilderalben{
		height:auto;
		color:#000000;

}

#bilder{
   padding:10px;
}

#bilder_upload{
	padding-left:20px;
}

table th.ueberschrift{
   font-weight:bold;
   font-size:16px;
   text-decoration:underline;
   padding:3px;
}

table.event_ausgabe{
 width:auto;
 margin:auto;
}


table td.eventAusgabeDatum{
		width:auto;
		text-align:center;
		padding-bottom:10px;
		padding-top:10px;
		padding-left:1%;
		padding-right:1%;
}
table td.eventAusgabeText{
		width:auto;
		text-align:center;
        padding-bottom:10px;
		padding-top:10px;
		padding-left:1%;
		padding-right:1%;
}
table td.eventAusgabeCategory{
		width:auto;
		text-align:center;
        padding-bottom:10px;
		padding-top:10px;
		padding-left:1%;
		padding-right:1%;
}

table.userdaten{
		width:500px;
		text-align:left;
}

span.passworteingabe{
	display:none;
	color:red;
}

span.banner{
	font-family:"Trebuchet MS", Verdana, Arial;

}

.ver img:hover
{
 overflow:visible;
 width: 500px;
 height: 400px;
}

img.bilder{ width:150px;
	    height:100px;
		 border:1px solid;
		 padding:20px;
}

.button{
 width:auto;
 height:auto;
 background-color:#FF9900;
 color:#FFFFFF;
 font-family:"Trebuchet MS", Arial, sans-serif;
 font-size:14px;
 padding-bottom:3px;
 padding-top:3px;
 padding-left:7px;
 padding-right:7px;
 text-decoration:none;
 border:1px solid #000000;
 
}

.button:hover{
 width:auto;
 height:auto;
 background-color:#FF9900;
 color:#000099;
 font-family:"Trebuchet MS", Arial, sans-serif;
 font-size:14px;
 padding-bottom:3px;
 padding-top:3px;
 padding-left:7px;
 padding-right:7px;
 text-decoration:none;
 border:1px solid #000000;
}
.login