/*BODY*/
body {font-size:16px;background:#000 url(imgs/carbon3.png);} 

/*DIV*/
#container {margin:0 auto;width:100%;background:transparent url(imgs/fadedstripes.png) repeat-x;}
#container p.skip {margin:0;padding:0;height:0;text-indent:-9999px;}
#logo {width:90%;margin:0 auto;padding:0;}
#nav {float:right;clear:right;width:200px;position:relative;margin:20px 20px 0 0;padding:10px 0 0 15px;background:transparent url(imgs/grey.png);border:1px solid #999;-moz-border-radius:8px; -webkit-border-radius:8px;}
#logo img {border:none;}
#main, #portal {clear:both;padding:20px 0;overflow:visible;}
#main {width:80%;margin:24px auto 0 auto;}
#portal {margin:24px 15px 0 15px;}
.transparentwrap {width:90%;margin:20px auto;overflow:auto;}
.transparentwrap img {float:right;}
.transparentwrap div {padding:15px;margin:5px 450px 0 0;background:#222;border:2px solid #999;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.floatwrap {width:90%;margin:20px auto;overflow:auto;background:#222;padding:15px 0;border:2px solid #999;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.floatbox {float:left;width:31%;margin-left:2%;padding:0;}
#main-inner {width:80%;margin:0 auto;padding:20px;background-color:#222;border:2px solid #999;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
#footer {clear:both;padding:15px 0;text-align:center;}

/* Absatz Formate */
p {font-family:"Arial",sans-serif;font-size:1.0em;line-height:120%;color:#DDD;margin-bottom:15px;}
p.einruck {margin-left:40px;}
p.warn {padding:12px;background:#444;border:3px double #FFDD99;}
p.framed {padding:12px;background:#444;border:3px double #EEE;}
p.framed, p.warn {-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
p.mini {font-size:85%;}
p.rinsert {font-size:85%;width:20ex;border:2px solid #003366;float:right; margin:3px 0px 0px 3px;padding-left:3px;}
p.linsert {font-size:85%;width:20ex;border:2px solid #003366;float:left; margin:3px 3px 0px 0px;padding-left:3px;}
.floatbox p {font-size:80%;}
.picshead {text-align:center;}
.piclist {clear:left;}
.piclist img {float:left;padding:3px 15px 15px 0;}
.piclist + p {clear:both;}
#footer p {color:#000090;}

/* Teletype und logische Tags */
pre, code {font-family:monospace;font-size:1.0em;color:#DFF;}
pre {white-space:pre;margin-bottom:18px;}
dfn {font-family:inherit;font-size:inherit;font-style:italic;color:#FFD;}
cite {font-family:inherit;font-size:inherit;font-style:normal;color:#A60;}
blockquote {width:90%;margin:10px auto 18px auto;padding:10px;border: 2px solid;border-color: #E0E0E0 #AAA #AAA #E0E0E0; -moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius:6px;}
blockquote p {font-size:0.9em;line-height:120%;margin-bottom:0;}
em {font-style:italic;}
sup {vertical-align:super;font-size:90%;}
strong {font-weight:bold;}

/*Farben*/
.turk {color:#A03300;}
.lichtblau {color:#3399CC;}
.fadedblue {color:#2E57F2;}
.hellgrau {color:#FFFFFE;}
.blassrot {color:#DBA;}
.grellrot {color:#D00;}

/* Abhebungen */
.u {text-decoration:underline;}
.i {font-style:italic;}
.bi {font-weight:bold; font-style:italic;}
.ac {font-weight:bold;background-color:#DDD;color:#000;}

/* HEADERS */
h1,h2,h3,h4,h5 {font-family:"Arial",sans-serif;color:#CCD;margin-bottom:12px;}
h1 {font-size:1.8em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
h5 {font-size:1.0em; font-weight:bold;}
h2#erste {padding-top:10px;}
.floatbox h4 {background: transparent url(imgs/prisma.gif) no-repeat 0 8px;padding:5px 0 5px 20px;border-bottom:1px solid #DDD;}

/*Link Styles*/
a {font-family:inherit;}
a:link {color:#ABF;}
a:visited {color:#66A;}
a:hover, a:focus {color:#EF9;}
a:active {color:#696;}
a img {border:none;}


/*Secondary Classes for Flow Links*/
.flow {font-size:inherit;text-decoration:none;}
.flow img {padding-right:4px;}
.int {padding-left:28px;background:url(imgs/slider2.gif) no-repeat 0 -123px;}
.anc {padding-left:28px;background:url(imgs/slider2.gif) no-repeat 0 -27px;}
.ext {padding-left:28px;background:url(imgs/slider2.gif) no-repeat 0 -147px;}
.post {padding-left:28px;background:url(imgs/slider2.gif) no-repeat 0 -52px;}
.synd {padding-left:20px;background:url(imgs/feed-icon.gif) no-repeat left;}
.noben {padding-left:26px;background:url(imgs/n_oben.png) no-repeat left;}
.nunten {padding-left:26px;background:url(imgs/n_unten.png) no-repeat left;}

.int:hover, .anc:hover, .post:hover {background:url(imgs/slider2.gif) no-repeat 0 -100px;}
.ext:hover {background:url(imgs/slider2.gif) no-repeat 0 -171px;}

/*Listen*/
dl, ul, ol {font-family:sans-serif;color:#DDD;}
ol, ul {margin:10px 0 10px 40px;font-size:1em;}
ul.chevs {list-style-type:none;}
ul.menue {margin-left:0;list-style-type:none;}
ul.pops {list-style-type:none;font-size:0.8em;}
ul.glist {list-style:url(imgs/prisma.gif);margin-bottom:18px;}
ol.alpha {list-style:outside upper-alpha;}
ol.numbered {list-style:outside decimal;}
li {margin-bottom:0.8em;line-height:120%;}
ul.chevs li:before {content:"\00BB\0020";}
dl {font-size:0.9em;}
dt {font-style:italic;font-weight:bold;color:#FFD;}
dt.section {font-size:0.9em;color:#AFF;}
dd {clear:left;margin:0.5em 0 1em 2em;line-height:140%;}
dd p.warn {font-family:inherit;}

/*Navbar*/
#nav ul {list-style:none; margin:0 0 10px 0; padding:0;font-family:"Arial","Vera Sans",sans-serif;font-weight:bold;}
#nav ul li {margin:0;padding:0;}
#nav ul li.deact {padding:0 0 3px 26px;font-size:0.9em;background:transparent url(imgs/slider2.gif) no-repeat 0 -98px;color:#AAE;}

#nav ul li a {padding:0 0 0 26px;font-size:0.9em;text-decoration:none;width:auto;background:url(imgs/slider2.gif) no-repeat;}
#nav ul li a:link {color:#DDD;}
#nav ul li a:visited {color:#DDD;}
#nav ul li a:hover, #nav ul li a:focus {color:#EF9;}
#nav ul li a:active {color:#DDD;}

#nav ul li a.smap:link {background-position:0 -28px;}
#nav ul li a.smap:visited {background-position:0 -28px;}
#nav ul li a.smap:hover {background-position:0 -98px;}
#nav ul li a.smap:active {background: #DDD;}

#nav ul li a#kon:link {background-position:0 -53px;}
#nav ul li a#kon:visited {background-position:0 -53px;}
#nav ul li a#kon:hover {background-position:0 -98px;}
#nav ul li a#kon:active {background: #DDD;}

#nav ul li a#leg:link {background-position:0 -76px;}
#nav ul li a#leg:visited {background-position:0 -76px;}
#nav ul li a#leg:hover {background-position:0 -98px;}
#nav ul li a#leg:active {background: #DDD;}

#nav ul li a#tech:link {background-position:0 -4px;}
#nav ul li a#tech:visited {background-position:0 -4px;}
#nav ul li a#tech:hover {background-position:0 -98px;}
#nav ul li a#tech:active {background: #DDD;}

#nav ul#navbar li a {padding-left:4px}


ul.credits {list-style:none;margin:0 0 15px 0;padding:0;}
ul.credits li {margin-bottom:4px;}
ul.credits li img {vertical-align:middle;}
#footer ul.credits li {display:inline;}

ul.credits a {font-family:sans-serif;font-weight:bold;text-decoration:none;}
ul.credits a:link {color:#ABF;}
ul.credits a:visited {color:#DDD;}
ul.credits a:hover {color:#A00;}
ul.credits a:active {color:#F00;}
ul.credits a:link img {opacity:0.8;}
ul.credits a:visited img {opacity:0.8;}
ul.credits a:hover img {opacity:1;}