/*  
Theme Name: Prof. Van Dusen Homepage
Description: Styles
Version: 1.0
Author: Sylvia Egger
Author URI: http://www.vandusen.de
*/

body {padding: 0;margin: 0;background: #000; color: #FFF;font-size: 83%;; font-family: Arial, Helvetica, sans-serif;text-align:center;}

#outer{margin:8px 5%;min-width: 90%;}
#inner {margin: 0; padding: 0;clear:left;text-align:left;}

/* Headlines */
h1 {margin: 0; padding: 0; font-size: 1.07em;}

p {margin: 0; padding: 0 0 1.34em 0;font-size: 1.16em;}
address {margin: 0; padding: 0 0 1.78em 0;font-size: 1.07em;line-height: 1.6em;}
code {font-size: 1.07em;line-height: 1.6em;}
cite {font-style: italic;}
acronym {cursor: help;border-bottom: 1px dotted #000033;}
abbr {cursor: help;border-bottom: 1px dotted #000033;}

/* Invisible Elements - fuer Textversion der Webseite */
.invis, hr, .print {display: none;}
/* Image: Borders none*/
img {border: none;}
.unsichtbar, dfn, .struktur {position: absolute;left: -1000px;top: -1000px;width: 0px;height: 0px;display: inline;}

/* Clear */
.clearleft {clear:left;height: 0;line-height: 0px;margin: 0 0 0px 0;padding: 0;}
.clearright {clear:right;height: 0;line-height: 0px;margin: 0 0 0px 0;padding: 0;}
.clear {clear:both;height: 0;line-height: 0px;margin: 0 0 0px 0;padding: 0;}

a {color: #000099;background:#CCCCFF;text-decoration: underline;}
a:link {color: #000099;background:#CCCCFF;text-decoration: underline;}
a:visited {text-decoration: underline;color: #000099;background:#CCCCFF;}
a:hover {text-decoration: underline;color: #000;background:#fff;}
a:active {text-decoration: underline;color: #000;background:#fff;}
a:focus {text-decoration: underline;color: #000;background:#fff;border:1px solid #000;}

/* Spezielle Formate */
/* Skipnavs: derzeit noch nicht implementiert */
/* Skipnav Header */
#skipnav {margin: 0; padding: 0 0 5px 25px;font-size: 0.89em;}
#skipnav a {text-decoration: underline;background: #000; color: #FFF;border:none;}
#skipnav a:visited {text-decoration: underline;background: #000; color: #FFF;}
#skipnav a:hover {background: #CCCCFF; color: #000;text-decoration:underline;}
#skipnav a:focus {background: #CCCCFF; color: #000;text-decoration:underline;}
#skipnav li {display:inline;margin-right: 8px;}
#skipnav li.layout, #skipnav li.schrift {padding-left: 20px;}

/**************************************/
/* Header #header */
/**************************************/
#header {clear:both;padding: 0;margin: 0 0 8px 0; color: #FFF;background:#4242FF url(../img/header-links-top.gif) no-repeat top left;width: 100%;}
#header .headerbox {color: #FFF;background: transparent url(../img/header-links-bottom.gif) no-repeat bottom left;margin: 0; padding: 0 0 0 21px;}
#header .headerboxinner {color: #FFF;background: transparent url(../img/header-rechts-top.gif) no-repeat top right;margin: 0; padding: 0;}
#header .headercontent {background: transparent url(../img/header-rechts-bottom.gif) no-repeat bottom right; color: #FFF;margin: 0; padding: 0 21px 0 0;}
#header h1 {float:left;font-size: 1.78em;color: #FFF;background: #4242FF;margin: 0; padding: 9px 0 0 43px;}
#header h1 a:link, #header h1 a:visited {background: #4242FF;color:#FFF;text-decoration:none;}
#header h1 a:hover, #header h1 a:active, #header h1 a:focus {text-decoration:underline;color:#FFF;background: #4242FF;}
#header img {float:right; margin: 0 41px 0 0; padding: 0;width: 3.80em;height: 3.80em;}

/**************************************/
/* Breadcrumb Navigation oben ueber content */
/**************************************/
#breadcrumb {padding: 0 0 0 0;margin: 0; font-size: 0.98em;}
#content #breadcrumb a:link, #content #breadcrumb a:visited {color: #000;text-decoration: underline;background: #CCCCFF;font-style: normal;border:none;}
#content #breadcrumb a:hover, #content #breadcrumb a:active, #content #breadcrumb a:focus
{color: #000;background: #fff;text-decoration:underline;border:none;}

/**************************************/
/* Navigation #navigation */
/**************************************/
#navigation {margin: 0 5px 0 0; padding: 0;background: #4242FF url(../img/menutop-left.gif) no-repeat top left;width: 22%;float:left;}
#navigation .navboxtop {background: transparent url(../img/menutop-right.gif) no-repeat top right;margin: 0; padding: 0 0 0 24px;display: block;height:30px;}
#navigation .navboxbottom {background: transparent url(../img/menubottom-left.gif) no-repeat bottom left;margin: 0; padding: 0;display: block;}
#navigation .navboxbottominner {background: transparent url(../img/menubottom-right.gif) no-repeat bottom right;margin: 0; padding: 0 0 0 19px;display: block;height:21px;}
#navigation .navcontent {background: #4242FF;margin: 0; padding: 0 0 0 0; text-align:center;}
#navigation ul {list-style: none outside;margin: 0; padding: 20px 0 20px 0; text-align:left;font-weight:normal;font-size: 1.07em;}
#navigation ul li {margin: 0 0 3px 0; padding: 0;width: 100%;}

#navigation ul li a:link {color: #FFF;background: #4242FF;text-decoration: underline;display:block; padding: 2px 0 5px 25px;background: transparent url(../img/nav-tri.gif) no-repeat 10px 9px;border:none;}
#navigation ul li a:visited {color: #FFF;background: #4242FF;text-decoration: underline;display:block; padding: 2px 0 5px 25px;background: transparent url(../img/nav-tri.gif) no-repeat 10px 9px;border:none;}
#navigation ul li a:active {color: #000;text-decoration: underline;display:block; padding: 2px 0 5px 25px;background: #CCCCFF url(../img/nav-tri-aktiv.gif) no-repeat 10px 9px;border:none;}
#navigation ul li a:hover {color: #000;text-decoration: underline;display:block; padding: 2px 0 5px 25px;background: #CCCCFF url(../img/nav-tri-aktiv.gif) no-repeat 10px 9px;}
#navigation ul li a:focus {color: #000;text-decoration: underline;display:block; padding: 2px 0 5px 25px;background: #CCCCFF url(../img/nav-tri-aktiv.gif) no-repeat 10px 9px;}

#navigation ul li.aktiv {color: #000;font-weight:bold;background: #CCCCFF;}
#navigation ul li.aktiv a:link {color: #000;text-decoration: underline;display:block; padding: 2px 0 5px 25px;background: #CCCCFF url(../img/nav-tri-aktiv.gif) no-repeat 10px 9px;border:none;}
#navigation ul li.aktiv a:visited {color: #000;text-decoration: underline;display:block; padding: 2px 0 5px 25px;background: #CCCCFF url(../img/nav-tri-aktiv.gif) no-repeat 10px 9px;border:none;}
#navigation ul li.aktiv a:active {color: #000;text-decoration: underline;display:block; padding: 2px 0 5px 25px;background: #CCCCFF url(../img/nav-tri-aktiv.gif) no-repeat 10px 9px;border:none;}
#navigation ul li.aktiv a:hover {color: #000;text-decoration: underline;display:block; padding: 2px 0 5px 25px;background: #CCCCFF url(../img/nav-tri-aktiv.gif) no-repeat 10px 9px;}
#navigation ul li.aktiv a:focus {color: #000;text-decoration: underline;display:block; padding: 2px 0 5px 25px;background: #fff url(../img/nav-tri-aktiv.gif) no-repeat 10px 9px;}

#navigation ul ul {margin: 0;; padding: 2px 0 0px 0;font-size: 0.98em;}
#navigation ul ul li {margin: 0 0 1px 0; padding: 0 0 0 15px;color: #000;background: #CCCCFF;width: 90%;}
#navigation ul li.aktiv ul li.aktiv {font-weight:bold;}

#navigation ul ul ul {margin: 0; padding: 2px 0 8px 0;font-size: 0.98em;}
#navigation ul ul ul li {margin: 0 0 1px 0; padding: 0 0 0 15px;color: #000;background: #CCCCFF;width: 90%;}

#navigation .bildcomic {width: 95%; height: 7.3em;}
#copyright {margin: 0; padding: 25px 0 0 0;font-size: 0.98em;}
#navigation #copyright a:link {padding-left: 0px;background-image:none;color: #FFF;background: #4242FF; text-decoration:underline;}
#navigation #copyright a:focus {color: #000; background: #CCCCFF; text-decoration:underline;}


/**************************************/
/* Contentbereich #content */
/**************************************/
#content {float:right;width: 77%;margin: 0;padding: 0;color: #000;background: #CCCCFF url(../img/ttoplink.gif) no-repeat top left;}
#content .contentboxtop {background: transparent url(../img/ttoprech.gif) no-repeat top right;margin: 0; padding: 0 0 0 30px;display: block;height:30px;}
#content .contentboxbottom {background: transparent url(../img/tbutlink.gif) no-repeat bottom left;margin: 0; padding: 0;display: block;}
#content .contentboxbottominner {background: transparent url(../img/tbutrech.gif) no-repeat bottom right;margin: 0; padding: 0 0 0 50px;display: block;height:20px;}
#content .contentinner {background: #CCCCFF url(../img/vandusen.gif) no-repeat bottom right;margin: 0; padding: 0 170px 0 30px;min-height: 42.27em;line-height: 1.51em;}
#content .PositionRelative {position: relative;z-index: 1; padding: 0 200px 0 30px;background: #CCCCFF url(../img/vandusen2.gif) no-repeat bottom right;}
#content .LargerBox {padding-right: 30px;background-image: none;}
#content ul {font-size: 1.07em;margin: 0 0 1.34em 0;padding: 0 0 0 0.98em;}
#content ul li {padding: 0 0 0.27em 0.18em;} 
#content ol {font-size: 1.07em;margin: 0 0 1.34em 0;padding: 0 0 0 1.90em;}
#content ol li {padding: 0 0 0.27em 0.18em;} 

#content ul.sitemap {font-size: 1.07em;margin: 0 0 1.34em 0;padding: 0 0 0 30px;}
#content ul.sitemap ul {font-size: 1.07em;margin: 0 0 0.45em 0;padding: 0 0 0 35px;}

#content h2 {color: #000;background: #CCCCFF;margin: 1.2em 0 1.7em 0;padding: 0 0 0 0;font-size: 1.45em;}
#content h2 span.zusatz {font-size: 0.89em;font-weight: normal;}
#content h3 {color: #000;background: #CCCCFF;margin: 0 0 0.45em 0;padding: 0 0 0 0;font-size: 1.07em;}
#content h4 {font-size: 1.07em;color: #000;background: #CCCCFF;padding: 0;margin: 0;}
#content h5 {font-size: 1.07em;color: #000;background: #CCCCFF;padding:0;}
#content h6 {font-size: 1.07em;color: #000;background: #CCCCFF;padding:0;}
#content p.summe {position: absolute;top: 330px;right: 10px;font-weight:bold;z-index: 2;}
#content p.tools {margin: 3em 0 0 0; padding: 0 0 0 0}
#content p.tools a {margin: 0 1.07em 0 0;text-decoration: none;background: #CCCCFF;}
#content p.tools img {margin: 0; padding: 0;}
#content p.zeitung {float:left; width: 13.81em;margin: 0 1.07em 1.07em 0;}
#content p.zeitung img {margin-bottom: 0.45em;}
#content p.zeitung a {margin: 0 0 0 0;text-decoration: none;background: #CCCCFF;}

#content a {color: #000099;background:#CCCCFF;text-decoration: underline;}
#content a:link {color: #000099;background:#CCCCFF;text-decoration: underline;}
#content a:visited {text-decoration: underline;color: #003333;background:#CCCCFF;font-style:italic;}
#content a:hover {text-decoration: underline;color: #000;background:#CCCCFF;border:none;}
#content a:active {text-decoration: underline;color: #000;background:#fff;border:none;}
#content a:focus {text-decoration: underline;color: #000;background: #fff;}

#content h3 a {color: #000;background:#CCCCFF;text-decoration: underline;}
#content h3 a:link {color: #000;background:#CCCCFF;text-decoration: underline;}
#content h3 a:visited {text-decoration: underline;color: #000;background:#CCCCFF;font-style: normal;}
#content h3 a:hover {text-decoration: underline;color: #000;background: #fff;}
#content h3 a:active {text-decoration: underline;color: #000;background: #fff;}
#content h3 a:focus {text-decoration: underline;color: #000;background: #fff;}

dl {margin:1em 0px;}
dt {font-weight:bold;}
dd {margin:0.5em 1em;padding:0;}

/**************************************/
/* Footer #footer */
/**************************************/
#footer {margin: 0; padding: 5px 25px 5px 0;font-size: 0.89em;float:right;width:100%;text-align:right;}
#footer a {text-decoration: underline;background: #000; color: #FFF;border:none;}
#footer a.active {text-decoration: underline;background: #CCCCFF; color: #000;}
#footer a:visited {text-decoration: underline;}
#footer a:hover {background: #CCCCFF; color: #000;text-decoration:underline;}
#footer a:focus {background: #CCCCFF; color: #000;text-decoration:underline;}
#footer li {display:inline;margin-left: 8px;}
p.print a {color: #FFF;background: #000;}