/* CSS-Datei enthält das Layout für die Website www.viktorianer.de · (C) 2006 by Marco Haase */

* {margin:0px; padding:0px}

body {color:#663300; font-size:88%; font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; text-align:center}

#wrap {width:900px; margin:15px auto; text-align:left; background:url(frame-line-850.png) repeat-y 50px}

#frametop {width:850px; height:20px; margin-left:50px; background:url(frame-top-850.png) no-repeat}
#framebottom {width:850px; height:34px; margin-left:50px; background:url(frame-bottom-850.png) no-repeat;
									text-align:left; color:#996633; font-size:80%; padding-left:18px; vertical-align:bottom}

#logo {width:285px; height:100px; float:left; background:url(logo-white-215.png) no-repeat 70px 0px}

#inhalt {width:580px; margin-left:265px; margin-bottom:25px}

/* Navigationsleiste oben */
ul#navitop  {width:560px; height:90px; float:left; margin-left:16px; margin-top:20px;
                                                                                                background:url(navitop-background-560.png) no-repeat}
ul#navitop li {display:inline; list-style-type:none}
ul#navitop li.haase a {width:80px; height:50px; float:left; margin-left:18px; margin-top:4px; 
												background:url(navitop-haase-80.png) no-repeat}
ul#navitop li.haase a:hover, ul#navitop li.haase-aktiv a {width:80px; height:50px; float:left; margin-left:18px; margin-top:4px; 
												background:url(navitop-haase-light-80.png) no-repeat}
ul#navitop li.mathe a {width:118px; height:50px; float:left; margin-left:3px; margin-top:4px; 
												background:url(navitop-mathe-118.png) no-repeat}
ul#navitop li.mathe a:hover, ul#navitop li.mathe-aktiv a {width:118px; height:50px; float:left; margin-left:3px; margin-top:4px; 
												background:url(navitop-mathe-light-118.png) no-repeat}
ul#navitop li.info a {width:110px; height:50px; float:left; margin-left:3px; margin-top:4px; 
												background:url(navitop-info-110.png) no-repeat}
ul#navitop li.info a:hover, ul#navitop li.info-aktiv a {width:110px; height:50px; float:left; margin-left:3px; margin-top:4px; 
												background:url(navitop-info-light-110.png) no-repeat}
ul#navitop li.reli a {width:100px; height:50px; float:left; margin-left:3px; margin-top:4px; 
												background:url(navitop-reli-100.png) no-repeat}
ul#navitop li.reli a:hover, ul#navitop li.reli-aktiv a {width:100px; height:50px; float:left; margin-left:3px; margin-top:4px; 
												background:url(navitop-reli-light-100.png) no-repeat}
ul#navitop li.schule a {width:87px; height:50px; float:left; margin-left:3px; margin-top:4px; 
												background:url(navitop-schule-87.png) no-repeat}
ul#navitop li.schule a:hover, ul#navitop li.schule-aktiv a {width:87px; height:50px; float:left; margin-left:3px; margin-top:4px; 
												background:url(navitop-schule-light-87.png) no-repeat}

/* Navigationsleiste Seite */
#navisideTop {width:233px; height:34px; float:left; margin-top:0px; background:url(naviside-background-top-233.png) no-repeat; 
								padding-left:20px; padding-top:16px; padding-bottom:0px;font-size:100%; font-style:oblique; font-weight:bold; }
#navisideBottom {width:233px; height:50px; float:left; background:url(naviside-background-bottom-233.png) no-repeat}
#naviside {width:233px; float:left; background:url(naviside-background-line-233.png) repeat-y}
#naviside ul {margin-top:50px;}
#naviside li ul {margin-top:1px; margin-bottom:4px}
#naviside li {margin-left:20px; font-size:95%; list-style-type:none; line-height:145%}
#naviside li ul li {font-size:85%; list-style-type:none; line-height:130%; margin-left:12px}
#naviside li a, #naviside li.aktiv ul li a{font-weight:normal; text-decoration:none; color:#996633}
#naviside li a:hover, #naviside li ul li a:hover {color:#b28e69} 
#naviside li.aktiv a, #naviside li.aktiv ul li.aktiv a {color:#ff6633}

/* Überschriften, Absätze, Listen etc. im Inhaltsbereich*/
#inhalt h1 {font-size:140%; font-weight:bold; color:#804c19; display:inline}
#inhalt h2 {font-size:125%; font-weight:normal; margin:6px 0px 24px 20px; font-style:oblique; color:#804c19; 
							display:inline; padding-left:30px; background:url(pfeil-braun-25.png) no-repeat 0 55%}
#inhalt h3 {font-size:110%; font-weight:bold; font-style:oblique; margin-top:20px; margin-bottom:6px; color:#804c19; background:url(line-braunweiss-460.png) no-repeat 0 100%}
#inhalt h4 {font-size:100%; font-weight:bold; font-style:normal; margin-top:11px; margin-bottom:3px}
 
#inhalt p {line-height:145%; text-align:justify; margin-bottom:11px}
#inhalt ul {text-align:left; margin-bottom:11px}
#inhalt ul li {line-height:145%; margin-bottom:3px; list-style-type:none; background:url(bullet-braun-5.png) no-repeat 0px 6px; padding-left:12px}
#inhalt ul li.aktiv {background:url(bullet-orange-5.png) no-repeat 0px 6px}
#inhalt ul li.plus  {background:url(bullet-plus-10.png) no-repeat 0px 6px; padding-left:18px}
#inhalt ul li.minus  {background:url(bullet-minus-10.png) no-repeat 0px 8px; padding-left:18px}
#inhalt ul li ul {margin-top:3px; font-size:87%}
#inhalt ul li ul li {background:url(bullet-braun-5.png) no-repeat 0px 4px}

#inhalt ul.links {text-align:left; margin-bottom:11px}
#inhalt ul.links li {line-height:145%; list-style-type:none; background:url(bullet-link-bl6-9.png) no-repeat 0px 6px; padding-left:16px}

#inhalt ul.material {text-align:left; margin-bottom:11px}
#inhalt ul.material li {line-height:145%; list-style-type:none; background:url(bullet-material-bl6-11.png) no-repeat 0px 3px;
                                  padding-left:18px}

/*  Zitate */
q, blockquote {color:#804c19; font-style:oblique; font-weight:normal}
blockquote {margin:0px 30px 11px 30px; line-height:145%; text-align:justify}
cite {color:#804c19; font-style:normal; font-weight:normal;}

/* Verweise */    /* farbe bisher: #118ed6 */
a, a:link, a:hover, a:active, a:visited {font-weight:normal; color:#118ed6; text-decoration:none}
a:hover {color:#88a6b8}
a img {border-width:0}

/* Tabellen */
table {width:100%; border-collapse:collapse}
td,th {text-align:center; border-style:solid; border-width:1px; border-color:#996633; padding:4px 8px}
th {font-weight:bold; background-color:#ffcc99}
table.blind {width:100%; font-size:100%; border-style:none; margin-bottom:20px}
table.blind td {border-style:none; text-align:center}

/* Formulare (nur Kontaktformular in impressum.html) */
form {margin-top:22px; margin-bottom:-10px}
form dt {float:left}
form dd {margin-left:56px; margin-bottom:14px; margin-top:14px}
textarea, input {font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; font-size:100%;
                        color:#663300; background:#ffefd9; margin-top:-5px}
textarea, input.entry {border-style:solid; border-width:1px; border-color:#996633; padding:4px}
textarea {width:516px; height:200px}
input.entry {width:260px}
input.button {margin-left:40px; padding:2px 4px; background:#ffd1a3}

/* Bilder */
img.right {float:right; margin-left:20px; margin-top:6px; margin-bottom:6px}
img.left {float:left; margin-right:20px; margin-top:6px; margin-bottom:6px}

/* Quelltexte */
code, pre {font-size:90%; font-weight:bold; color:#804c19; font-family:'Courier New',Courier,monospace}
pre {background:#ffefd9;line-height:140%; margin-top:11px; margin-bottom:11px; padding:10px;
        border-style:solid; border-width:1px; border-color:#996633}

/* Software Download */
div.software dl {margin-top:10px;margin-bottom:16px}
div.software dt, div.software dd {text-align:left; line-height:140%}
div.software dt {background:url(bullet-software-bl6-14.png) no-repeat 0px 3px; padding-left:22px}
div.software dt a {font-weight:bold}

/* Anwendungsbeispiele Taschenrechner */
div.trbsp {color:#000080}
div.trbsp h4 {font-size:110%; font-weight:bold; color:#000080}
div.trbsp ol {list-style-type:decimal;margin-left:20px;} 
div.trbsp ol li {line-height:145%; text-align:left; margin-bottom:15px; clear:right; list-style-type:decimal; color:#000080 }
div.trbsp img {vertical-align:middle; margin:0px 3px}
div.trbsp img.display {float:right; width:230px; height:101px; margin-bottom:6px; margin-left:24px}
div.trbsp em {background-color:#000080; color:#ffffff; font-style:normal; font-weight:bold; padding:0px 4px;
								}
/*  Alternative mit Definitionsliste
div.trbsp dl {clear:left;} 
div.trbsp dl dd {width:330px; float:left; margin-bottom:10px; line-height:145%; text-align:left; font-style:normal; color:#000080}
div.trbsp dl dd img {vertical-align:middle; margin:0px 3px}  
div.trbsp dl dt {margin-left:340px; margin-bottom:10px; text-align:right}
div.trbsp dl dt img {width:230px; heigth:101px;}
*/