/* Browser Reset */

* { margin:0; padding:0; }
option {padding-left: 0.4em}

* html body * { overflow:visible }
html { height: 100%; margin-bottom: 1px; }
body {
    font-size: 100.01%;
    color: #000;
    background: #fff;
    text-align: left;
}

fieldset, img { border:0 solid; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

blockquote { margin: 0 0 1em 1.5em; }

/* Jetzt gehts los */

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #3C1E00;
margin: 0 20px 0 0;
padding: 0;
background: url("../bilder/hg_body.gif") top left repeat-y;
min-width: 770px;
max-width: 1000px;
overflow: auto;
}
* html body {width: 900px;}
.home {
background: url("../bilder/hg_home.gif") top left repeat-y;
}

/* Boxen formatieren */

#kopf {
height: 34px;
margin-right: 20px;
margin-top: 20px;
text-align: right;
z-index: 1;
}
#bild {
position: absolute;
top: 20px;
left: 185px;
z-index: 2;
}
#content {
margin: 130px 0 0 250px;
padding-bottom: 40px;
background: url("../bilder/hg_content.gif") bottom right no-repeat;
}
#home {
margin: 70px 0 0 300px;
padding-bottom: 40px;
background: url("../bilder/hg_content.gif") bottom right no-repeat;
}
#web_box {
float: left;
width: 200px;
height: 150px;
margin-bottom: 30px;
background: url("../bilder/web_home.jpg") top left no-repeat;
}
#cms_box {
margin-left: 230px;
width: 200px;
height: 150px;
margin-bottom: 30px;
background: url("../bilder/cms_home.jpg") top right no-repeat;
}
#ani_box {
float: left;
width: 200px;
height: 150px;
margin-bottom: 30px;
background: url("../bilder/ani_home.jpg") top left no-repeat;
}
#print_box {
margin-left: 230px;
width: 200px;
height: 150px;
margin-bottom: 30px;
background: url("../bilder/print_home.jpg") top left no-repeat;
}
#sound_box {
float: left;
width: 200px;
height: 150px;
margin-bottom: 30px;
background: url("../bilder/sound_home.jpg") top left no-repeat;
}
#kontakt_box {
margin-left: 230px;
width: 200px;
height: 150px;
margin-bottom: 30px;
background: url("../bilder/contact_home.jpg") top center no-repeat;
}
#navi {
position: fixed;
top: 18px;
left: 0;
}
* html #navi {
position: absolute;
}
#fuss {
height: 40px;
margin: 0 0 20px 20px;
text-align: right;
background: url("../bilder/hg_content.gif") bottom right no-repeat;
}
#ref {
margin: 0 0 0 85px;
padding: 0;
}
.clearer {
clear: both;
margin: 0;
padding: 0;
font-size: .2em;
}

/* Inhalte formatieren */

#kopf p {
font-size: 75%;
padding: 5px 0;
margin: 0;
}
#navi ul {
margin: 0;
padding: 0;
}
#navi ul li {
font-size: 70%;
font-weight: bold;
list-style: none;
line-height: 2.3em;
}
#navi ul li a {
background: url("../bilder/btn_link.gif") top left no-repeat;
text-decoration: none;
color: #555;
letter-spacing: 0.1em;
padding: 12px 20px 0px 30px;
}
#navi ul li a:hover {
background: url("../bilder/btn_hover.gif") top left no-repeat;
padding: 12px 20px 0px 30px;
}
#navi ul li a.active {
background: url("../bilder/btn_hover.gif") top left no-repeat;
}
#content p {
font-size: 70%;
margin: 0;
padding: 0 40px 15px 0;
}
#home p {
font-size: 70%;
font-weight: bold;
margin: 0;
padding: 10px;
color: #794000;
}
#home p a {
text-decoration: underline;
color: #794000;
line-height: 30px;
}
#content p.beispiel {
text-indent: 120px;
}
#content p a {
color: #3C1E00;
text-decoration: underline;
padding: 0 1px;
}
#content p a:hover {
color: #df8600;
}
#ref p {
background: url("../bilder/ref_pfeil.gif") top left no-repeat;
padding: 6px 40px 20px 50px;
text-indent: -2px;
}
#ref p a {
color: #df8600;
font-weight: bold;
text-decoration: none;
padding: 0 2px;
font-size: 110%;
}
#ref p a:hover {
color: #b76d00;
}
#fuss ul {
padding: 1px 40px 0 0;
margin: 0;
}
* html #fuss ul {
padding: 6px 40px 0 0;
}
#fuss ul li {
display: inline;
list-style: none;
font-size: 70%;
padding-left: 20px;
}
#fuss ul li a {
text-decoration: none;
color: #555;
}
#fuss ul li a.validate {
color: #888;
}
#fuss ul li a:hover {
text-decoration: underline;
}
#fuss ul li a.active {
text-decoration: underline;
}

/* Bilder */

#content img {
margin: 20px 0 15px -5px;
border: 5px solid #fff;
}
img {border: 0;}

/* Formulare */

form {
width: auto;
margin-left: 120px;
padding: 0;
}
fieldset {
border: none;
}
label {
float: left;
width: 120px;
font-size: 70%;
text-align: right;
line-height: 170%;
padding: 4px;
margin-bottom: 5px;
}
input[type=text], textarea {
float: left;
margin: 0;
}
input, textarea {
padding: 4px;
background: #f5f5f5;
color: #333;
border: 1px solid #999;
margin-bottom: 5px;
width: 300px;
overflow: auto;
}
textarea {height: 200px;}
input:focus, textarea:focus {background: #ffcb98;}
input[type=submit] {
float: left;
width: auto;
padding: 4px;
background-color: #f5f5f5;
color: #333;
border-color: #999;
cursor: pointer;
}

/* Ueberschriften */

h1 {
font-size: 140%;
font-weight: normal;
color: #ffebd6;
margin: 0 0 16px -60px;
}
#home h1 {
margin: 0 0 0 10px;
}
h2 {
font-size: 110%;
font-weight: normal;
color: #fff;
padding: 20px 50px 0 0;
margin-right: 50px;
border-bottom: 5px solid #fff;
}
h2.glossar {
color: #b76d00;
margin-bottom: 10px;
}
h1.swap {
height: 35px;
background-repeat: no-repeat;
}
h1.swap span {display:none;}
h1#webdesign {background-image: url("../bilder/h2_webdesign.gif");}
h1#cms {background-image: url("../bilder/h2_cms.gif");}
h1#animation {background-image: url("../bilder/h2_animation.gif");}
h1#print {background-image: url("../bilder/h2_print.gif");}
h1#training {background-image: url("../bilder/h2_training.gif");}
h1#sound {background-image: url("../bilder/h2_sound.gif");}
h1#impressum {background-image: url("../bilder/h2_impressum.gif");}
h1#kontakt {background-image: url("../bilder/h2_kontakt.gif");}
h1#links {background-image: url("../bilder/h1_links.gif");}
h1#agb {background-image: url("../bilder/h1_agb.gif");}
h1#glossar {background-image: url("../bilder/h2_glossar.gif");}

.help { cursor: help; }