* {margin:0;padding:0}

body {
font-family:arial, verdana;
font-size:16px;
color:#222;
background:#501F1A url(../img/red-texture.jpg) scroll repeat center top;
width:100%;min-width:60em
}

.page {
background:transparent url(../img/clouds.jpg) scroll repeat-x center top;
width:100%;min-width:60em;height:100%;
padding-top:65px
}

img {border:0}

a img {color:#700}

a {text-decoration:none}

a:visited {font-style:italic}

a[href^="http://"] {
background:transparent url(../img/a_outside.gif) 100% 50% no-repeat;
padding-right:13px;
color:#700;
text-decoration:none
}

a[href^="http://"]:hover {background:transparent url(../img/a_outside_h.gif) 100% 50% no-repeat;padding-right:13px;text-decoration:underline}

a,a[href^="http://friedrich-schultheiss.de"],a[href^="http://www.friedrich-schultheiss.de"],a[href^="#"],a[href^="mailto:"] {
text-decoration:none;
background:none;
color:#700;
padding:0
}

a:hover,a[href^="http://friedrich-schultheiss.de"]:hover,a[href^="http://www.friedrich-schultheiss.de"]:hover,a[href^="#"]:hover,a[href^="mailto:"]:hover {
text-decoration:underline;
background:none;
color:#700;
padding:0
}

p {margin-bottom:1em}

h1#header {margin:0 auto;font-size:2.8em;width:400px;height:130px;text-align:center}

h1#header img {margin-top:20px}

h1#header a {color:#C8E578}

h1 a img {color:#c6e277}

h2 {font-size:2.5em;color:#2e251e;margin:1em 0 1em 0}

h3 {font-size:1.3em;color:#2e251e;margin:1.5em 0 1.5em 0;border-bottom: 2px solid #a2988a;}

h3[onclick^="toggle"]{background: transparent url(../img/arrow_down.jpg) scroll right center no-repeat}

h3[onclick^="toggle"]:hover{cursor:pointer;color:#000}

h4 {font-size:1.2em;color:#2e251e;margin:1.2em 0 0.3em 0}

h5 {font-size:1.2em;color:#2e251e;margin:5px 0 15px}

h6 {font-size:1em;color:#2e251e;margin:5px 0 15px}

h1, h2, h3, h4, h5, h6 {font-family:'times new roman',arial;font-weight:400;}

ul {margin:10px 10px 10px 20px}

q, blockquote {
display:block;
width:90%;
margin:20px 0;padding:30px 0 0 70px;
quotes:none;
background:transparent url(../img/quote.gif) no-repeat 0 0
}

blockquote cite,q cite {
display:block;
height:60px;
text-align:left;
background:url(../img/unquote.gif) no-repeat right center;
padding:10px 70px 0 0
}

label {font-weight:700;font-family:'times new roman', arial;color:#700}

input[type=text],input[type=password] {
font-family:arial, verdana;font-size:1em;
border:1px dashed #8b7c66;
background:transparent url(../img/bg.jpg) scroll repeat;
margin:2px;padding:4px
}

input[type=button],input[type=submit],input[type=reset] {margin:2px;padding:4px 15px;color:#700}

textarea {
font-size:1em;font-family:arial, verdana;
background:transparent url(../img/bg.jpg) scroll repeat;
margin:2px;padding:4px;
border:1px dashed #8b7c66;
width:100%
}

input[type=text]:focus,input[type=password]:focus,textarea:focus {
border:1px solid #8b7c66;
background:none;background-color:#dbd4ce;
color:#700
}

acronym,abbr,dfn {border-bottom:1px dotted #222;color:#222;cursor:help}

th {font-weight:bold;text-align:left}

fieldset {border: 2px dashed #a2988a;padding:0.5em}

dl {display:block;margin: 1em 0}




div.navigation {width:55em;min-width:645px;margin:0 auto;background-color:#BEB7A7}

ul.navigation {list-style:none;margin:0 auto;width:606px;text-align:center}

ul.navigation li {display:inline;float:left;text-align:center;margin:5px;height:110px}

ul.navigation a {display:block;width:91px;height:110px}

a#about {background:transparent url(../img/about.jpg) no-repeat scroll 0 0}

a#guestbook {background:transparent url(../img/guestbook.jpg) no-repeat scroll 0 0}

a#media {background:transparent url(../img/media.jpg) no-repeat scroll 0 0}

a#software {background:transparent url(../img/software.jpg) no-repeat scroll 0 0}

a#internet {background:transparent url(../img/internet.jpg) no-repeat scroll 0 0}

a#photoshop {background:transparent url(../img/photoshop.jpg) no-repeat scroll 0 0}

a#about:hover,a#guestbook:hover,a#media:hover,a#software:hover,a#internet:hover,a#photoshop:hover,
a#about.active,a#guestbook.active,a#media.active,a#software.active,a#internet.active,a#photoshop.active {background-position:0 -110px}

object#svg {width:40em;height:7em;margin:0 auto;background:none;display:block}




div.runde_box_oben {background:url(../img/side_top.gif) repeat-x top left}

div.runde_box_oben div {background:url(../img/left_top.gif) no-repeat top left}

div.runde_box_oben div div {background:url(../img/right_top.gif) no-repeat top right;font-size:0}

div.runde_box_inhalt {background:url(../img/paper-texture.jpg) repeat top left}

div.runde_box_inhalt div {background:url(../img/side_left.gif) repeat-y bottom left}

div.runde_box_inhalt div div {background:url(../img/side_right.gif) repeat-y bottom right;padding:5px 10px}

div.runde_box_inhalt div div div{background:none}

div.runde_box_unten {background:url(../img/side_bottom.gif) repeat-x bottom left}

div.runde_box_unten div {background:url(../img/left_bottom.gif) no-repeat bottom left}

div.runde_box_unten div div {background:url(../img/right_bottom.gif) no-repeat bottom right;font-size:0}

div.runde_box_oben div div,div.runde_box_oben div,div.runde_box_oben,div.runde_box_unten div div,div.runde_box_unten div,div.runde_box_unten {
width:100%;height:17px
}




div.content {width:55em;min-width:750px;margin:8px auto;background-color:#BEB7A7}

div.text {width:75%;background-image:none;margin:0 auto}

div#footer {
text-align:center;
color:#7d4d4d;
font-family:'times new roman', arial;font-size:1em;
margin:5px 0 0;
width:100%;height:12em;min-height:200px;
background:transparent url(../img/grass.gif) scroll repeat-x right bottom
}

div#footer a img {color:#0c0;}

div#footer div.copy {color:#633;width:14em;margin:0.7em auto}

div.preload, div.preload img {visibility:hidden;height:0;width:0;font-size:0}

a:hover,span#up:hover {text-decoration:underline}

h1#header span,ul.navigation a span {display:none}

div#footer a,div.copy:hover {color:#7d4d4d}

p.margin {display:block;height:35px}

div.hidden, div.visible {background:none;margin: 0 0 3em 0}

img.imgborder {padding:3px;border:1px solid #a2988a}

a img.imgborder:hover {border:1px solid #700}

.clear {clear:both}

dl.icons dt {
display:block;float:left;
height:42px;width:42px;
padding:0.5em
}

dl.icons dd {
display:block;
height:42px;
border:1px solid #BEB4AA;
padding:0.5em;margin:0.5em 0
}

dl.icons dd a, dl.icons dd a:hover {background-image:none;padding:0}

dl.icons dd:hover {border:1px solid #a2988a; -webkit-border-radius:8px; -moz-border-radius:8px}

dl.icons dd a, dl.icons dd a:hover {text-decoration:none;color:#222}

dl.icons dd span {display:block;color:#7c756a;font-size:0.8em}