body {background-image:url(cb1/computer.jpg); background-attachment:fixed; background-repeat:repeat; padding:30px 0; margin:0; text-align:center;}
a:hover {color:#090;}
a img {border:none;}
a:hover img {outline:1px #090 solid;}
h1, h2, h3, h4, h5 {text-align:left;}
ul {text-align:justify; font-size:0.95em; color:#036;}
li {list-style:none; font-size:0.95em; line-height:1.25em; padding:0; margin:0;}
p {line-height:1.25em;}

#avatar, #home, #lehrg, #wallp, #blog {margin:0 auto; width:980px; font-family:Arial, Helvetica, Sans-Serif;}
#avatar {background-color:#AAA;}
#home {background-color:#CEE1EA;}
#lehrg {background-color:#D8D8D8;}
#wallp {background-color:#999;}

#blog {background-color:#DCDCDF;}
#blog h2 {font-size:1.25em; color:#036;}
#blog h2 a {color:#006; text-decoration:none;}
#blog a:hover {color:#090;}

#titel-a {width:780px; height:100px; background-image:url('cb1/Titel.jpg'); overflow:hidden; float:right; clear:right;}
#titel-a h1 {padding:45px 30px 0 0; margin:0; text-align:right; color:#FFF; font-size:2.6em; font-weight:500; }
#titel-re {width:200px; height:100px; background-color:#777; float:left; clear:left;}
.box-linkbl {width:160px; height:90px; margin:4px 23px 4px 15px; border:1px #3D81EE solid;}

.top {width:980px;}
.tl {margin:1em; font-size:0.8em; float:left; text-align:left;}
.tr {margin:1em; font-size:0.8em; float:right; text-align:right;}
.bor {margin:0.25em 0 0.25em 0.5em; float:right;}
.bol {margin:0.25em 0.5em 0.25em 0; float:left;}

.list {margin-top:15px; font-size:0.95em; line-height:1.25em; color:#006; list-style-type:decimal; text-align:left;}
.ramen-n2 {margin:15px 0 15px 15px; width:160px; float:left;}
.ramen-n2 h4 {text-align:left; color:#333;}

.ramen {margin:25px; width:930px; float:left; text-align:justify; color:#036; font-size:0.95em;}
.ramen-2 {margin:35px 95px 0 95px; float:left; text-align:justify; color:#036;}
.ramen-lg {margin:15px; float:left; width:600px; text-align:justify; color:#036; font-size:0.95em;}
.ramen-3 {margin:15px 25px 15px 50px; float:left; width:730px; text-align:justify; color:#036; font-size:0.95em;}

.nav-r {margin:15px 15px 0 0; float:right; color:#333;}
.mitte {text-align:center;}
.rechts {text-align:right;}
.links {text-align:left; margin-left:2.1em;}

.box-AV {margin:8px 8px 12px 8px; width:100px; height:130px; float:left; text-align:center; font-size:0.85em; overflow:hidden;}
.box-AV>p {margin:0.5em; color:#036;}
.box-AV>img {width:100px; height:100px}

.box-728m {margin:10px auto; width:728px; height:90px; clear:both;}
.box-336r {margin:8px 6px 12px 6px; width:336px; height:280px; float:right; clear:right;}
.box-336l {margin:8px 6px 12px 6px; width:336px; height:280px; float:left; clear:left;}
.box-160r {margin:39px 15px 15px 0; width:160px; height:600px; float:right; clear:right;}
.box-300 {margin:12px 0; width:300px; height:250px; float:left;}

.box1, .box3 p, .box3a p, .box4 p {margin:0.5em 0 1em 0;}
.box3 {width:365px; float:left; text-align:center; margin-top:15px;}
.box3a {width:365px; height:275px; float:left; text-align:center; margin-top:15px;}
.box4 {width:300px; float:left; text-align:center; margin-top:15px;}

.foto1 {width:158px; height:180px; text-align:center; font-size:small; float:left;}
.foot {height:28px; width:980px; clear:both;}
.foot>p {font-size:0.8em; color:#036; text-align:right; margin:1.2em;}

.n2 {padding-left:0; margin-left:0; border-bottom:1px gray solid; width:150px; text-align:left;}
.n2 li {list-style:none; margin:0; padding:0.15em 0.25em; border-top:1px gray solid; font-size:0.85em;}
.n2 li a {text-decoration:none; color:#036;}
.n2 li a:hover {text-decoration:none; color:#090;}

#na1 ul li, #na2 ul li, #na3 ul li, #na4 ul li, #na5 ul li, #na6 ul li{display: inline; font-family: Arial, Helvetica, Sans-Serif;}
#na2 ul, #na3 ul, #na4 ul, #na5 ul, #na6 ul {padding: 0; margin: 0; color: #fff; float: left; width: 100%;}

#na1 ul {padding: 0; margin: 1px 0; background-color: #036; color: #fff; width: 100%; float: left;}
#na1 ul li a {padding: 0.3em 1.15em; background-color: #036; color: #fff; text-decoration: none; font-size: 1.03em; float: left; border-right: 1px #fff solid;}
#na1 ul li a:hover {background-color: #369; color: #fff;}

#na2 ul {background-color: #03C;}
#na2 ul li a {padding: 0.25em 1.1em; background-color: #03C; color: #fff; text-decoration: none; font-size: 0.9em; float: left; border-right: 1px #fff solid;}
#na2 ul li a:hover {background-color: #06F; color: #fff;}

#na3 ul {background-color: #930;}
#na3 ul li a {padding: 0.25em 1.1em; background-color: #930; color: #fff; text-decoration: none; font-size: 0.9em; float: left; border-right: 1px #fff solid;}
#na3 ul li a:hover {background-color: #DD4800; color: #fff;}

#na4 ul {background-color: #333;}
#na4 ul li a {padding: 0.25em 1.1em; background-color: #333; color: #fff; text-decoration: none; font-size: 0.9em; float: left; border-right: 1px #fff solid;}
#na4 ul li a:hover {background-color: #666; color: #fff;}

#na5 ul {background-color: #630;}
#na5 ul li a {padding: 0.25em 1.1em; background-color: #630; color: #fff; text-decoration: none; font-size: 0.9em; float: left; border-right: 1px #fff solid;}
#na5 ul li a:hover {background-color: #960; color: #fff;}

#na6 ul {background-color: #050;}
#na6 ul li a {padding: 0.25em 1.1em; background-color: #050; color: #fff; text-decoration: none; font-size: 0.9em; float: left; border-right: 1px #fff solid;}
#na6 ul li a:hover {background-color: #180; color: #fff;}