/* Formatvorlage fuer www.bine.net
	Version "Broschuere"; grob angelehnt an das quadratische Faltblatt

*/

body
{
	font-family: Arial,Helvetica,Sans-Serif;
	margin:0 0 2em 0;
	padding:0;
	background:white url("./grafik/hg-w.gif");
/*   min-width:760px; */
}

/* Menue rechts, Punkte untereinander, Schreibmaschinenschrift, gepunkteter Rahmen */

#menue
{
	position:absolute;
	top:5em;
	right:5px;

	width:14em;

	font-family:Monospace;
	font-weight:bold;

	padding:.5em 0 .5em 0;
	margin:0 5px 5px 5px;
/*   border:2px dotted black; */
	border:2px dotted gray;
	background:white;
}

#menue ul
{
	width:12em;
	margin:auto;
	padding:0 0 2em 0;
	list-style-type:none;
}
#menue li
{
	padding:0;
	margin:0;
	line-height:1.5em;
	list-style-type:none;
	text-align:center;
}
#menue a:link.normal
{
	display:block;
	width:10em;
	color:#3108d5;
	background-color:#eeeeee;
	padding:0;
	margin-top:2px;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	text-decoration:none;
}
#menue a:visited.normal
{
	display:block;
	width:10em;
	color:#3108d5;
	background:#eeeeee url("./grafik/haken.gif") no-repeat right;

	padding:0;
	margin-top:2px;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	text-decoration:none;
}
#menue a.normal:hover, #menue a.normal:active, #menue a.normal:focus, #menue a.remotehover
{
	display:block;
	width:12em;
	color:#3108d5;
	background:white url("./grafik/pfeil-r.gif") no-repeat left !important;

	padding:0;
	margin-top:2px;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	text-decoration:none;
}
.aktiv
{
	display:block;
	width:12em;
	color:#3108d5;
	background:white url("./grafik/pfeil-l.gif") no-repeat left;

	padding:0;
	margin-top:2px;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	text-decoration:none;
}
#menue h3
{
	font-size:100%;
	width:12em;
	font-family:Monospace;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	letter-spacing:.2em;

	margin:0;
	padding:0;
	color:#3108d5;
}
#menue h3.auf  /*aufgeklappt, per JS aktiviert */
{
	display:block;
	font-size:100%;
	width:12em;
	font-family:Monospace;
	font-weight:bold;
	text-align:center;
	text-decoration:none;

	margin-top:2px;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	padding:0;
	color:#3108d5;
	background:white;
	border-top:1px dotted black;
	border-left:1px dotted black;
	border-right:1px dotted black;
	cursor:pointer;
}
#menue h3.auf a:link, #menue h3.auf a:visited
{
/*   background:white url("./grafik/pfeil-o.gif") no-repeat right; */
	display:block;
	width:100%;
	text-decoration:none;
	color:#3108d5;
}
#menue h3.auf a:hover, #menue h3.auf a:active, #menue h3.auf a:focus
{
	background:white url("./grafik/pfeil-o.gif") no-repeat right;
	display:block;
	width:100%;
	text-decoration:none !important;
}
#menue h3.zu /*zugeklappt, per JS aktiviert*/
{
	display:block;
	font-size:100%;
	width:12em;
	font-family:Monospace;
	font-weight:bold;
	text-align:center;
	text-decoration:none;

	margin-top:2px;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	padding:0;
	color:#3108d5;
	background:#eeeeee;
	cursor:pointer;
	border-top:1px dotted black;
}

#menue h3.zu a:link, #menue h3.zu a:visited
{
	display:block;
	width:100%;
	text-decoration:none !important;
	color:#3108d5;
}
#menue h3.zu a:hover, #menue h3.zu a:active, #menue h3.zu a:focus, #menue h3.zu a.remotehover
{
	background:white url("./grafik/pfeil-u.gif") no-repeat right !important;
	display:block;
	width:100%;
	text-decoration:none !important;
	margin-top:0;
}


/* Links im Inhaltsbereich */

a:link
{
	color:#3108d5;
	text-decoration:underline;
}
a:visited
{
	color:black;
	text-decoration:underline;
}
a:hover, a:active, a:focus
{
	color:#3108d5;
	text-decoration:none;
	background-color:#dddddd;
}
a img
{
	border:0;
	vertical-align:middle;
}

#inhalt, .inhalt
{
	margin:0 16em 0 2em; /* 0 16em 0 5% */
	padding:1em 2em 1em 2em;
	text-align:center; /* Blockzentrierung IE  */
	background-color:white;
	min-height:64em;
	max-width:50em;
}

p /* Basiseinstellungen Text */
{
	text-align:left;
	line-height:1.4em;
}

.aus
{
	display:none;
	visibility:hidden;
	position:absolute;
	left:-3000px;
	top:-3000px;
	height:0;
	width:0;
	margin:0;
	padding:0;
	border:0;

}

p.text
{
	line-height:1.5em;
	text-align:justify;
	text-indent:2em;
	margin:.5em 0 .5em 0;
	padding:0;
	/* max-width:40em; */
}
p.init
{
	line-height:1.5em;
	text-align:justify;
	margin:.5em 0 .5em 0;
	padding:0;
}

p.init:first-letter
{
	font-family:monospace;
	font-weight:bold;
	font-size:250%;
}

p.einleitung
{
/*  font-size:95%;  */
	font-weight:bold;
	line-height:1.6em;
	text-align:left;
	margin:1em 1em 1em 0;
	padding:0;

/*   max-width:36em; */
}

p.info
{
	line-height:1.4em;
	text-align:left;
	margin:.5em .5em 1em 0;
	padding:0;
}

p.frage
{
	font-style:italic;
	margin: 1em 0 .5em 0;
}

p.antwort
{
	margin: 0 0 0 2em;
}


li
{
	line-height:1.4em;
	text-align:left;
	margin:.5em .5em .5em 0;
	padding:0;
}

.inhalt ul li
{
	list-style:url("./grafik/pfeil-r-bl.gif");
	margin:0 0 .2em 20px;
}
.inhalt ol li
{
	margin:0 0 .2em 0;
	padding:0;
}

.wichtig
{
	font-style:italic;
	text-align:left;
	line-height:1.4em;
	border-left:2px solid red;
	border-top:1px solid #3108d5;
	border-right:1px solid #3108d5;
	border-bottom:1px solid #3108d5;
	margin:1.5em .5em 2em 0;
	padding:.5em;
	background:#fafafa;
}




ul
{
	padding:.5em;
	margin:.5em;
}

/* Ueberschriften */

h1
{
	font-family:sans-serif;
	font-size:200%;
	font-weight:bold;
	color:white;
/*   width:100%; */
	margin:0 0 1em 0;
	padding:0 5% 0 0;

/*  line-height:.55em;   */

	text-align:right;
	background:red url("./grafik/weiss.gif") 0 .98em repeat-x;
	border-top:1px outset;
	border-bottom:1px outset #eeeeee;
}

.inhalt h2
{
	font-family: monospace;
	font-weight:bold;
	color:#3108d5;
	font-size:140%;
	text-align:left;
	margin:1em .5em 1em 0;
	padding:0;
}

.inhalt h3
{
	clear:left;
	font-family: sans-serif;
	font-weight:normal;
	font-size:120%;
	text-align:left;
	margin:3em 50% 1em 0;
	padding:0;
/*   width:50%;  */
	border-top:1px dashed #3108d5;
}

.inhalt h4
{
	font-family: sans-serif;
	font-weight:bold;
	font-size:90%;
	color:#3108d5;
	text-align:left;
	margin:2em 0 1em 0;
	padding:0;
/*   border-left:.5em solid #3108d5; */
}
.inhalt h5
{
	font-family: sans-serif;
	font-weight:bold;
	font-size:90%;
	text-align:left;
	margin:1em 0 1em 0;
	padding:0;
}




dt
{
	clear:left;
	float:left;
	width:9em;
	text-align:left;
	margin:0 0 0 0;
	padding:0;
	color:#3108d5;
	font-weight:bold;
	font-size:100%;
}
dd
{
	margin:0 0 0 11em;
	padding:0 0 1.5em 0;
	text-align:left;
}


/* Tabelle */

table
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:96%;
}

table th
{
	text-align:center;
	font-weight:bold;
	background:#eeeeee;
	color:#3108d5;
	padding:.4em;
}

table td
{
	padding:.4em;
	border:1px solid #ddd;
}




/* Formulare */

#kontaktform
{
	width:45em;
/*   margin:0 14em 0 5%; */
	margin:auto;
	padding:0;
	text-align:left;
	background-color:white;
}

#kontaktform fieldset
{
	text-align:left;
	background:white url("./grafik/hg-w.gif");
/*   width:40em; */
}
#kontaktform legend
{
	color:#3108d5;
	letter-spacing:.1em;
	font-weight:bold;
	padding:2px;
	background:white;
}


label
{
	font-weight:bold;
	font-size:90%;
}

.labels
{
	display:block;
	clear:left;
	width:9em;
	float:left;
	text-align:right;
/*   white-space:nowrap; */
	padding:0;
	vertical-align:middle;
}
.labels input, .labels select
{
	vertical-align:middle;/*fuer die Radiobuttons */
}
.eingaben
{
	display:block;
	margin-left:10em;
	margin-bottom:5px;
/*   width:27em; */
	text-align:left;
/*   white-space:nowrap; */
	min-height:2em;
}

input, textarea
{
	font-family:monospace;
	background-color:white;
	color:black;
/*   -moz-border-radius:8px; */
}
input:focus, textarea:focus
{
	background-color:lightyellow;
}
label[for],select /* ,input[type=checkbox],input[type=radio],input[type=button],input[type=submit] */
{
	cursor:pointer;
}
#kontaktform label[for]:hover,
#kontaktform input[type=radio]:hover+label,
#kontaktform input[type=checkbox]:hover+label,
#kontaktform label[for]:active,
#kontaktform input[type=radio]:active+label,
#kontaktform input[type=checkbox]:active+label,
#kontaktform label[for]:focus,
#kontaktform input[type=radio]:focus+label,
#kontaktform input[type=checkbox]:focus+label
{
	color:#3108d5;
}

#kontaktform input:checked+label
{
	text-decoration:underline;
}
#kontaktform input:disabled+label
{
	text-decoration:line-through;
	color:gray !important;
}

#kontaktform #mf b
{
	font-family:sans-serif;
	font-size:120%;
	color:black;
}

#kontaktform #knete
{
	text-align:right;
}
#kontaktform .error
{
	border:2px inset red;
	padding-right:18px;
	background: white url(./grafik/err.gif) right no-repeat;
}

#kontaktform #senden
{
	border:1px solid #3108d5;
	padding:2px 1em 2px 1em;
}
#kontaktform #senden:hover,
#kontaktform #senden:active,
#kontaktform #senden:focus
{
	border-top:3px solid #3108d5;
	border-bottom:3px solid #3108d5;
	border-left:1px solid #3108d5;
	border-right:1px solid #3108d5;
	padding:0 1em 0 1em;
}
#kontaktform #senden[disabled]
{
	border:1px solid #ddd;
	color:#ddd;
	padding:2px 1em 2px 1em;
}

#kontaktform b
{
	color:red;
}

#kontaktform .meldung
{
	display:block;
	padding:5px;
	margin:.5em 0 .5em 0;
	border:1px solid red;
	background:#fafafa;
}



#empfaenger /*Das Feld mit dem Photo */
{
	height:200px;
	vertical-align:middle;
}


#fieldsetphoto
{
	height:180px;
}
#photo_kontakt
{
	float:left;
	width:120px;
	margin:5px;
	padding:0;
	border:0;
}


#impressum
{
	background:white url("./grafik/hg-kontakt.jpg") right no-repeat;
}

#impressum h3
{
	font-weight:bold;
	font-size:90%;
	clear:left;
	width:10em;
	float:left;
	text-align:right;
	padding:0;
	margin:0;
	border:none;
}

#impressum address
{
	padding:0 0 1.5em 5px;
	margin:0 0 0 11em;
	text-align:left;
	border-left:1px solid gray;

	height:1%;
	/* Hack gegen IE-3px-Bug, M$ SUCKS */
}

.gedicht
{
	text-align:center;
	clear:left;
}

.unterschrift
{
	clear:left; /* ggf. Bildumfliessung beenden */
	font-style:italic;
	text-align:right;
}

#fuss
{
	clear:both;
	font-size:80%;
	font-weight:bold;
	text-align:center;
	border-top: 1px solid gray;
	padding:.5em;
	margin:3em 0 3em 0;
}

#einstell fieldset
{
	clear:both;
	width:95%;
	margin:auto;
	padding:.5em 0 .5em 0;
	text-align:center;
	border:1px dashed #3108d5;
	background-color:#eeeeee;
}

#einstell fieldset legend
{
	background-color:#eeeeee;
	border:1px dashed #3108d5;
	font-weight:bold;
}
#einstell fieldset label
{
	white-space:nowrap;
}

.box
{
	clear:left;
	float:left;
	padding:0 .5em .5em 0;
	margin:0 2em 2em 0;
	text-align:center;
	font-size:80%;
	font-style:italic;
	background-color:white;
	position:relative;
}
.box img
{
/*   border:1px outset gray; */
	margin:0 1em 1em 0;
	padding:0;
}
.clrbox {clear:both;}


.box2
{
	clear:right;
	float:right;
	padding:0 0 .5em 2em;
/*   margin:0 2em 2em 0; */ /*Fehler in FF 3.0.6 /windows*/
	margin:2em 2em 2em 0;
	text-align:center;
	font-size:80%;
	font-style:italic;
	background-color:white;
	position:relative;
}







.inhalt .boxreihe li
{
	float:left;
	clear:none;
	padding:0 .5em .5em 0;
	margin:0 2em 2em 0;
	text-align:center;
	font-size:80%;
	font-style:italic;
	background-color:white;
	position:relative;
	list-style:none !important;
}

.boxreihe li img
{
/*   border:1px outset gray; */
	margin:0 1em 1em 0;
	padding:0;
}


#liste ul
{
	width:24em;
}

abbr,acronym
{
	cursor:help;
	border-bottom:1px dotted;
}

#geschichten
{
	background-color:white;
	width:98%;
	margin:0;
	padding:0;
}
#geschichten ul
{
	padding:0;
	margin:0;
	list-style:none;
}
#geschichten li
{
	border:1px dotted gray;
	background:white url("./grafik/hg-w.gif");
	text-align:center;
	width:140px;
	float:left;
	list-style:none;
	padding:0;
	margin:5px;
}
#geschichten a img
{
	width:120px;
	height:161px;
	border:none;
	text-decoration:none;
}

.aus
{
	display:none;
}

/* Dritte Navigationsebene; nicht im Hauptmenue */
.submenu a:hover, #submenu a:active, #submenu a:focus
{
	background-color:#eeeeee;
}
.submenu li
{
	list-style-image:url("./grafik/pfeil-r.gif") !important;
}

/* vor und zurueck innerhalb eines Bereiches  der 3. Ebene*/
#subnav, .subnav
{
	width:100%;
	position:relative;
	height:1.5em;

/*
	padding:0 0 1em 0;
	text-align:center;
	width:95%;
	white-space:nowrap;*/
}
#subnav a:link, #subnav a:visited, .subnav a:link, .subnav a:visited
{
	text-decoration:none;
	font-family:monospace;
	font-weight:bold;
	color:#3108d5;
}
#rueck
{
/*   float:left; */
/*   display:table-cell; */
/*   text-align:left; */

	position:absolute;
	left:0;

	padding:2px 2px 2px 20px;
	margin:0 1em 0 0;
	background:#eeeeee url("./grafik/pfeil-l.gif") left no-repeat;
}
#vor
{
/*   float:right; */
/*   display:table-cell; */
/*   text-align:right; */

	position:absolute;
	right:0;

	padding:2px 20px 2px 2px;
	margin:0;
	background:#eeeeee url("./grafik/pfeil-r.gif") right no-repeat;
}
/*#vor:hover
{
	float:right;
	padding:2px 20px 2px 2px;
	background:white url("./grafik/pfeil-r.gif") right no-repeat;
}*/
#subnav br
{
	clear:both;
}

address
{
	margin-left:2em;
	text-align:left;
}


blockquote
{
	margin:1em 3em 1em 3em;
	padding:0;
	line-height:1.4em;
	text-align:left;
/*   max-width:36em; */
	padding:5px;
	border-left:2px dotted #3108d5;
	background: url("./grafik/blockquote-grauweiss.gif") top right no-repeat;
}

.name /* fuer Eigennamen etc */
{
	font-variant:small-caps;
}

/* abwechselnde Hintergrundfarben fuer Tabellenzeilen */
.hell
{
	background-color:white;
}
.dunkel
{
	background-color:#eeeeee;
}

.news
{
	clear:left;
	margin-top:2em;
}

.news h5
{
	float:left;
	width:10em;
	text-align:left;
	margin:0;
	padding:0;
	color:#3108d5;
	font-weight:bold;
	font-size:100%;
}
.news p, .news ul, .news ol, .news h4, .news h3
{
	margin:0 0 2em 12em !important;
	padding:0 !important;
	text-align:left;
	height:1%; /* IE sucks */

}

#firefox
{
	text-align:center;
	font-size:80%;
}
#firefox a:link, #firefox a:visited
{
	font-weight:bold;
	color:#cd3400;
}
#firefox a img
{
	border:0;
	vertical-align:center;
}

.mc
{
	background:#e6e6e6;
	padding:.5em;
	font-family:monospace;
	text-align:left;
}
.ht
{
	text-align:left;
	padding:.5em;
}
.lz
{
	color:gray;
}

em
{
	font-style:italic;
	letter-spacing:.1em;
}

strong.extra
{
	font-weight:bold;
	font-size:140%;
	color:red;
	letter-spacing:.2em;
	font-family:monospace;
	font-style:normal;
}
strong.intern
{
	font-weight:bold;
	color:red;
}

#inhaltsvz
{
	text-align:left;
	background:#eeeeee;
	border:1px inset #eeeeee;
	padding:1em;
	margin:1em 2em 4em 0;
}

#inhaltsvz li.levelh2, li.levelh3
{
	list-style:url("./grafik/pfeil-u.gif") !important;
	text-align:left;
	margin:1em 0 0 0 !important;
}
#inhaltsvz li.levelh4
{
	display:inline !important;
	list-style-type:none !important;
	text-align:left !important;
	margin:.5em .5em 1em 0 !important;
/*   white-space:nowrap !important; */

}

hr
{
	text-align:center;
	margin:2em 20% 2em 20%;
}

.termine em
{
	font-weight:bold;
	font-style:normal;
	letter-spacing:0;
}

.termine strong
{
	font-weight:bold;
	font-style:normal;
	color:red;
}

.inhalt .intern
{
	background:#f8f8f8 url("./grafik/bine-intern.gif") top right repeat-y;
	padding:.5em 20px .5em 2px;
	border:1px dotted red;
	line-height:1.8em;
}


p#countdown
{
	width:5em;
	float:right;
	padding:.2em;
	background:#3108d5;
	color:white;
	text-align:center;
	font-family:monospace;
	font-size:110%;
}

p#countdown
{
	width:6em;
	float:right;
	padding:.2em;
	background:black;
	color:red;
	font-weight:bold;
	text-align:center;
	border:2px inset black;
	font-family:monospace;
	font-size:110%;
	cursor:wait;
}