html,body,div,p, a, h1,h2,h3,h4,h5,ul,ol,form,img,li, fieldset, label, legend, textarea, blockquote {
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: 80.01%;
text-align:center;
}


p {
margin: .5em 0 1.5em 0;
}

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

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

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

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

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

textarea {
background: black;
margin:1em 0;
padding: .3em 0 .3em .5em;
width: 98%;
font-size: .9em;
overflow:auto;
letter-spacing:0;
}


#coding1{height: 17em;}
#coding2{height: 65em;}
#coding3{height: 9em;}
#coding4{height: 40em;}
#coding5{height: 84em;}
#coding7{height: 18em;}
#coding8{height: 55em;}

#coding13{height: 40em;}
#coding14{height: 30em;}


ul {
margin: 1em;
}

ol {
margin: 1em 0;
list-style-position:inside;
}

ol li {
margin: 1.5em 0;
}

dt {
font-weight:bold;
}

img {max-width: 100%}

/* nur so tabbt der IE richtig */
a:link, a:visited {
color: #ff7;
}

a:hover, a:active, a:focus {
color:white;
}


em, blockquote {
color: #fff;
font-weight:bold;
font-style:normal;
}

blockquote {
border-left: 4px solid;
padding: .1em 1em;
background: #333;
}

.bem {
color: #eee;
background: #007;
font-size: .9em;
padding: 1em;
}


#main{
width: 60em;
max-width:98%;
text-align:left;
margin: 20px auto;
}

#inhalt {
float:left;
width: 40em;
max-width: 69%;
background: #222;
border: 1px solid #666;
margin: 1em 0;
padding: 1em 1em 0;

}

#footer {
clear:left;
font-size: .9em;
}
#footer p:first-child:before {
content:"\00A0\00AB";
color: #ff7;
}
#footer p:first-child:after {
content:"\00A0\00BB";
color: #ff7;
}
#footer p.last:first-child:after {
content:"";
}


/* Navigation */
#navi {
width: auto;
max-width: 22%;
float:left;
margin-left: .4em;
padding-top: 2em;

}


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


#navi li {
margin: .4em 0;
border: 1px solid #666;
background: #333;
letter-spacing:0;
}

#navi li a {
text-decoration:none;
display:block;
padding: 0 0 0 8px;
letter-spacing:0;
}

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

#navi h2 {margin: 0 0 .5em .3em;}

.current {
display:block;
padding: 0 0 0 8px;
color:#ff7;
background:#000;
border-right: 4px solid #ff7;
}

/*
.current:after {
content:" \25cf";
}
*/

#navi a:link, #navi a:visited {
border-right: 4px solid #333;
}
#navi a:hover, #navi a:active, #navi a:focus {
border-right: 4px solid #ff7;
}

.sub {
background: #004;
}


/* Ende Navigation */


/* Definition Sprungmarke */

.skip a,
.skip a:hover,
.skip a:visited
 {margin: 0; 
	padding: 0;
	position: absolute; 
	overflow: hidden; 
	top: -1000px; 
	left: -1000px;
	border-bottom: 0px solid #fff
}

.skip a:focus,
.skip a:active {
	position: absolute; 
	top: 0;
	left: 0; 
}

/* Ende Sprungmarke */


.sr, dfn {
position:absolute;
left:-1000px;
top:-1000px;
width:0;
height:0;
overflow:hidden;
display:inline;
}

#navi a:visited:after,
#inhalt a:visited:after {
content:"\00A0\221A";
}


.ex {
background: transparent url(../ex.gif) 0 50% no-repeat;
padding-left: 16px;
}

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

a:focus.ex, a:hover.ex, a:active.ex {
background: url(../ex.gif) 0 50% no-repeat !important;
}

.exlist {list-style-image:url(../ex.gif)}

#impressum {
border-top: 1px solid #555;
text-align:right;
font-size:.8em
}