/* erst einmal alle default Werte setzen */
html,body, p, a, h1,h2,h3,h4,h5,ul,ol,form,img,li, fieldset, label, legend, textarea {
font-family: Verdana, Geneva, Arial, sans-serif;
border:0;
margin:0;
padding:0;
color: #ff7;
color:#eee;
line-height:1.6em;
letter-spacing: 1px;
}

html {
background: #004;
}

body {
font-size: 84.01%;
text-align:center;
background: #004;
}


p {
margin: 1em 0;
}


h1 {
font: small-caps bold 1.7em Times, "Times New Roman", serif;
letter-spacing: 4px;
margin: 0 0 1.5em 0;
color: #ff7;
}

h2 {
font: small-caps bold 1.5em Times, "Times New Roman", serif;
letter-spacing: 3px;
margin: 2em 0 1em 0;
color: #ff7;
}

h3 {
font: small-caps bold 1.3em Times, "Times New Roman", serif;
letter-spacing: 3px;
margin: 2em 0 1em 0;
color: #ff7;
}

h4 {
letter-spacing: 1px;
margin: 2em 0 1em 0;
color: #ff7;
}

h1, h2, h3, h4 {
line-height: 1.4em;
}


ul {
margin: 1em;
}
ol {
margin: 1em 1em 1em 2em;
}


em {
font-weight:bold;
font-style:normal;
text-transform:uppercase;
}


.bem {
font-size: .8em;
}

#main{
width: 50em;
max-width:90%;
text-align:left;
margin: 1.5em auto;
background: #111;

border:1px solid #666;
-moz-border-radius: 18px;
-khtml-border-radius: 18px;
padding: 6px;
}

#main:after {
	content : ".";
	display : block;
	height : 0;
	clear : both;
	visibility : hidden;
}

/* Hides from IE-mac \*/
* html #main {height: 1%;}
/* End hide from IE-mac */


#kopf {
height: 150px;
margin-bottom: 6px;
background-color: #a6a7a7;
border: 1px solid #999;
-moz-border-radius: 12px;
-khtml-border-radius: 12px;
background-image:url(img/bg_mina2_t.jpg);
background-repeat: no-repeat;

}


#inhalt {
float:left;
width: 37.3em;
max-width:90%;
min-height: 38em;
background: #222;
border: 1px solid #666;
-moz-border-radius: 12px;
-khtml-border-radius: 12px;
margin: 0;
padding: 1em;
}
* html #inhalt {
width: 38em;
height: 38em;
}



#inhalt a {
color: #bff;
}

#inhalt img {
border: 1px solid #e8deaf;
padding: 2px;
line-height:0;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
}


#footer {
clear:left;
font-size: .9em;
}


/* Navigation */
#navi {
float:right;
width: 10em;
margin-bottom: 1em;
}


#navi ul {
margin: 0;
list-style-type:none;
}


#navi li {
margin: .4em 0;
border: 1px solid #050087;
border: 1px solid #00a;

font-size: .9em;
background: #00003b;
background-image:url(img/bg-menu.gif);
background-repeat: repeat-x;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}

#navi li a {
display:block;
padding: 0 .5em .2em .5em;
}

#navi li a:link,
#navi li a:visited {
text-decoration:none;
border-left: 6px solid #00a;}

#navi li a:focus,
#navi li a:hover,
#navi li a:active {
background: #050041;
text-decoration:underline;
border-left: 6px solid #0cf;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}


#navi h2,
#navi li,
#navi li a {
color:#eee;
}

#navi h2 {
margin: .5em 0;
letter-spacing: 2px;
}

#navi .current {
display:block;
padding: 0 0 .2em 1em;
color:#ff7;
background:#000;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;

}

#navi a img{
display:block;
margin: 0 auto;
}

/* Ende Navigation */

/* Seitennavi */

#seitennavi {
padding: 1em;
border: 1px solid #666;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
background-color: #000;
}
#seitennavi h2,
#seitennavi ol {
margin:0;
color:#eee;
}

#seitennavi ol li {
margin-left: 2em;
}



/* Links beim Mouseover und beim Tabben kennlich machen */
a:link, a:visited {
color: #ff7;
text-decoration:none;
}

a:hover, a:active, a:focus {
color:white;
background:#000;
text-decoration:underline;
}
/* Ende Links */



table{
border-collapse:collapse;
text-align:center;
margin-bottom: 2em;
}

th {
padding: .2em .5em;
}

td {
border: 1px solid;
padding: .2em .3em;
background: #333;
}

dl {
margin-bottom: 4em;
}

dt {
font-size: 1.1em;
font-weight:bold;
margin-top: 1.5em;
}
dd {
margin:0 0 .7em 2em;
}
dd.datum {
font-size: .8em;
margin:0;
}

dd.datum a.ex {
background: transparent url(img/ex.gif) 0 2px no-repeat;
}



/* Skiplinks und verstecken */
.skip a,
dfn,
.dot {
	position:absolute;
	left:-1000px;
	top:-1000px;
	width:.01em;
	height:.01em;
	display:inline;
        color: #fff;
        background-color: #333;
}

.skip a:focus,
.skip a:hover,
.skip a:active  {
	position:absolute;
	left:1em;
	top: .5em;
	width:auto;
	height:auto;
	display:block;
        letter-spacing:0.1em;
	padding: 0 .5em;
        border: 1px solid #ccc;
        z-index: 200;
}

/* die E-Mail Adresse schuetzen */
/* http://www.1ngo.de/web/spam.html */

  .email>ins:before {content: "@"; text-decoration: none}
  /* ins raus wg leer warning */
  x.email>del:after {content: "@"; text-decoration: none}
  .email del, .email ins {text-decoration: none}
  .email>del {display: none}
  *:first-child+html .email>del {display:inline}  /* Workaround fuer IE 7 */


.ex {
/* white-space:nowrap; */
background: transparent url(img/ex.gif) 0 5px no-repeat;
padding-left: 13px;
}

a.ex {display:inline-block;} /* Gecko wohl erst ab 1.9? */

a:focus.ex, a:hover.ex, a:active.ex {
background: #000 url(img/ex.gif) 0 5px no-repeat !important;
}

.credit p{
clear:right;
font-size: .7em;
letter-spacing:0;
margin:1em 0;
color:#555;
}

.credit a{
letter-spacing:0;
color:#555 !important;
}

/* Tasten für Lormen nur Stil dunkel anders */
#erklaerung dt a:link,
#erklaerung dt a:visited {
background: #00003b;
border: 1px solid #00a;
background-image:url(img/bg-menu.gif);
background-repeat: repeat-x;
}

#erklaerung dt a:focus,
#erklaerung dt a:hover,
#erklaerung dt a:active {
background: #0000ee;
border: 1px solid #08f;
}