* { margin:0; padding:0;}
html, body { min-height:100%;}
body { background:#fff; font-family:Tahoma, Geneva, sans-serif; font-size:100%; line-height:1em; color:#404141;}
ul { list-style:none;}
h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; line-height:1em; font-weight:normal; text-align:center; margin-bottom:23px; color:#515151;}
input, select, textarea { font-family:Tahoma, Geneva, sans-serif; font-size:1em;}



/* Header */
#header { width:945px; height:194px; margin:0 auto;}

/*========== Überschrift ==========*/
#header .überschrift { height:137px;}

/*=========== Navigationsleiste 1 ==========*/
#header .navigationsleiste_1 { background:url(images/nav-box-bg.gif) left top repeat-x; width:945px;}
#header .navigationsleiste_1 .left { background:url(images/nav-box-left.gif) no-repeat left top;}
#header .navigationsleiste_1 .right { background:url(images/nav-box-right.gif) no-repeat right top; height:47px;} 

#header .navigationsleiste_1 ul { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#header .navigationsleiste_1 ul li { display:inline;}
#header .navigationsleiste_1 ul li a { display:block; float:left; color:#fff; text-decoration:none; }
#header .navigationsleiste_1 ul li a em { display:block; float:left; font-style:normal; background:url(images/divider-left.gif) no-repeat left 10px;}
#header .navigationsleiste_1 ul li a em b { display:block; float:left; height:47px; font-size:12px; line-height:47px; width:189px; text-align:center; background:url(images/divider-right.gif) no-repeat right 10px; cursor:pointer;}

#header .navigationsleiste_1 ul li a:hover { background:url(images/nav-act.gif) left top repeat-x;}
#header .navigationsleiste_1 ul li a:hover em { background:url(images/divider-left-act.gif) no-repeat left 10px;}
#header .navigationsleiste_1 ul li a:hover b { background:url(images/divider-right-act.gif) no-repeat right 10px;}
#header .navigationsleiste_1 ul li a.current { background:url(images/nav-act.gif) left top repeat-x;}
#header .navigationsleiste_1 ul li a.current em { background:url(images/divider-left-act.gif) no-repeat left 10px;}
#header .navigationsleiste_1 ul li a.current b { background:url(images/divider-right-act.gif) no-repeat right 10px;}

#header .navigationsleiste_1 ul li a.first em { background:none;}
#header .navigationsleiste_1 ul li a.first:hover em { background:url(images/nav-left-act.gif) no-repeat left top;}
#header .navigationsleiste_1 ul li a.first-current { background:url(images/nav-act.gif) left top repeat-x;}
#header .navigationsleiste_1 ul li a.first-current em { background:url(images/nav-left-act.gif) no-repeat left top !important;}
#header .navigationsleiste_1 ul li a.first-current b { background:url(images/divider-right-act.gif) no-repeat right 10px;}

#header .navigationsleiste_1 ul li a.last b { background:none; width:189px;}
#header .navigationsleiste_1 ul li a.last:hover b { background:url(images/nav-right-act.gif) no-repeat right top;}

#header .navigationsleiste_1 ul li a.last-current { background:url(images/nav-act.gif) left top repeat-x; }
#header .navigationsleiste_1 ul li a.last-current em { background:url(images/divider-left-act.gif) no-repeat left 10px;}
#header .navigationsleiste_1 ul li a.last-current b { background:url(images/nav-right-act.gif) no-repeat right top !important; width:189px;}


/* Startseite */
#startseite { width:945px; margin:0 auto;}
#startseite .linke_seite { width:217px; height:550px; display:block;  padding:47px 0 ;}
/*========== Navigationsleiste 2==========*/
#startseite .button { background:url(images/button-bg.gif) left top repeat-x; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-decoration:none; text-transform:uppercase; padding-bottom:35px;}
#startseite .button em { display:block; font-style:normal; background:url(images/button-left.gif) no-repeat left top;}
#startseite .button em b { display:block; height:35px; line-height:35px; background:url(images/button-right.gif) no-repeat right top; cursor:pointer;}
#startseite .button:hover { color:#000;}
/*================== Textbox ====================*/
#startseite .box { background:url(images/box-bg.gif) left top repeat-x;}
#startseite .box .border-top { background:url(images/border.gif) repeat-x top;}
#startseite .box .border-bot { background:url(images/border.gif) repeat-x bottom;}
#startseite .box .border-left { background:url(images/border.gif) repeat-y left;}
#startseite .box .border-right { background:url(images/border.gif) repeat-y right;}
#startseite .box .left-top-corner { background:url(images/left-top-corner.gif) no-repeat left top;}
#startseite .box .right-top-corner { background:url(images/right-top-corner.gif) no-repeat right top;}
#startseite .box .left-bot-corner { background:url(images/left-bot-corner.gif) no-repeat left bottom; width:100%;}
#startseite .box .right-bot-corner { background:url(images/right-bot-corner.gif) no-repeat right bottom; }
#startseite .box .inner { min-height:223px;} /* Höhe der Box=550(Höhe Bild)-47(padding-top linke_seite)-8x35(button höhe und padding-bottom jeweils 35px)*/
#startseite .ln_header { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:1em; font-weight:bold; color:#515151; padding:20px 0 8px 20px;}
#startseite .listname { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; line-height:1em; font-weight:bold; color:#515151; padding:0 0 0 20px;}
#startseite .lf_header { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:1em; font-weight:bold; color:#515151; padding:20px 0 8px 20px;}
#startseite .listfarbe { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; line-height:1em; font-weight:bold; color:#515151; padding:0 0 0 20px;}
#startseite .list_g4 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; line-height:1em; font-weight:normal; color:#515151; padding:20px 10px 0 20px;}
#startseite .list_cc {padding:5px 10px 0 20px}
/*========== Webfraktal ==========*/
#startseite .webfraktal { float:right; background:url(images/webfraktal.jpg) no-repeat left top; width:700px; height:550px; margin-bottom:20px;}


/* Fraktalsammlung */
#fraktalsammlung { width:945px; margin:0 auto;}
/*================== Box ====================*/
#fraktalsammlung .box2 {float:right; background:url(images/box-bg.gif) left top repeat-x;}
#fraktalsammlung .box2 .border-top {background:url(images/border.gif) repeat-x top;}
#fraktalsammlung .box2 .border-bot {background:url(images/border.gif) repeat-x bottom;}
#fraktalsammlung .box2 .border-left {background:url(images/border.gif) repeat-y left;}
#fraktalsammlung .box2 .border-right {background:url(images/border.gif) repeat-y right;}
#fraktalsammlung .box2 .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top;}
#fraktalsammlung .box2 .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top;}
#fraktalsammlung .box2 .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom; }
#fraktalsammlung .box2 .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; }
#fraktalsammlung .box2 .inner { width:945px; min-height:550px; padding-top:20px; margin-bottom:20px;}
/*================== Photostation ====================*/
#fraktalsammlung .iframe { width:900px; min-height:550px; margin:20px;}


/* Wikipedia */
#wiki { width:945px; margin:0 auto;}
/*================== Textbox ====================*/
#wiki .box2 {float:right; background:url(images/box-bg.gif) left top repeat-x;}
#wiki .box2 .border-top {background:url(images/border.gif) repeat-x top;}
#wiki .box2 .border-bot {background:url(images/border.gif) repeat-x bottom;}
#wiki .box2 .border-left {background:url(images/border.gif) repeat-y left;}
#wiki .box2 .border-right {background:url(images/border.gif) repeat-y right;}
#wiki .box2 .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top;}
#wiki .box2 .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top;}
#wiki .box2 .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom; }
#wiki .box2 .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; }
#wiki .box2 .inner { width:945px; min-height:550px; padding-top:20px; margin-bottom:20px;}
#wiki .box2 .ebene1 { position:absolut; z-index:1; width:945px; min-height:550px; padding-top:20px;}
#wiki .box2 .ebene2 { position:absolute; top:250px; z-index:2; width:890px; min-height:600px; margin:0; padding:0; float:left;}
/*================== Wiki ====================*/
#wiki .wikilink	{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; line-height:1em; font-weight:normal; text-decoration:none; float:left; color:#515151; margin-left:45px;}
#wiki .quellenlink { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; line-height:1em; font-weight:normal; text-decoration:none; float:right; color:#515151; margin-right:45px;}
#wiki .iframe { width:900px; min-height:550px; margin:20px;}

/*Fraktalprogramme*/
#impressum .h2-ultrafractal {text-align:left; font-size:22px; margin:21px 0 0 30px; color:#515151;}
#impressum .proglogo { margin-right:20px;}
#impressum .proglinks { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; line-height:1em; font-weight:normal; text-decoration:none; color:#515151;}
#impressum .p-ultrafractal {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:47px; margin:0 0 28px 30px; color:#000;}

/* Impressum */
#impressum { width:945px; margin:0 auto;}
/*================== Textbox ====================*/
#impressum .box2 {float:right; background:url(images/box-bg.gif) left top repeat-x;}
#impressum .box2 .border-top {background:url(images/border.gif) repeat-x top;}
#impressum .box2 .border-bot {background:url(images/border.gif) repeat-x bottom;}
#impressum .box2 .border-left {background:url(images/border.gif) repeat-y left;}
#impressum .box2 .border-right {background:url(images/border.gif) repeat-y right;}
#impressum .box2 .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top;}
#impressum .box2 .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top;}
#impressum .box2 .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom; }
#impressum .box2 .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; }
#impressum .box2 .inner { width:700px; min-height:550px; padding-top:20px;}
/*================= Impressum ====================*/
#impressum .list1-impressum { padding:0 400px 0 0; }
#impressum .list1-impressum p { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:1.5; font-weight:normal; color:#515151; margin:0 20px 20px ; white-space:pre;}
#impressum .list1-impressum table { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:1.5; font-weight:normal; color:#515151; margin:0 20px 5px;}
#impressum .list2-impressum { padding:0 20px 20px;}
#impressum .list2-impressum p { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5; font-weight:normal; color:#515151; text-align:justify;}
#impressum .h2-impressum { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:37px; line-height:1em; font-weight:normal; text-align:left; margin-left:20px; margin-bottom:8px; color:#515151;}
#impressum .h2-Kontakt { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; line-height:1em; font-weight:normal; text-align:left; margin-top:10px; margin-left:20px; margin-bottom:10px; color:#515151;}
#impressum .eRecht { font-size:12px; padding:15px 35px 15px 20px;}