@import url(fonts.css) all;
html, body{margin:0;padding:0;width:100%;height:100%;font-size:100.1%;font-family:'Ubuntu', sans-serif;font-weight:300;color:#181715;text-align:center;line-height:150%;}
body{background:url(../img/HG.jpg) top center repeat;}
h1, h2{font-weight:normal;color:#6c338a;}
h1{text-transform:uppercase;margin-bottom:0;font-size:130%;}
h2{font-size:110%;margin-top:0;}
.normal{font-weight:normal;}
a{text-decoration:none;}
.bold{font-weight:bold;}
#wrap{position:relative;width:64em;height:auto;margin:auto;border:1px solid #fff;top:4em;background:-webkit-linear-gradient(left, #eeefef 0%, #ffffff 30%, #ffffff 50%, #eeefef 100%);background:-moz-linear-gradient(left, #eeefef 0%, #ffffff 30%, #ffffff 50%, #eeefef 100%);background:-o-linear-gradient(left, #eeefef 0%, #ffffff 30%, #ffffff 50%, #eeefef 100%);background:linear-gradient(left, #eeefef 0%, #ffffff 30%, #ffffff 50%, #eeefef 100%);-webkit-box-shadow:5px 5px 5px #3e1057, -5px 5px 5px #3e1057, 5px -5px 5px #3e1057;-moz-box-shadow:5px 5px 5px #3e1057, -5px 5px 5px #3e1057, 5px -5px 5px #3e1057;box-shadow:5px 5px 5px #3e1057, -5px 5px 5px #3e1057, 5px -5px 5px #3e1057;}
#wrap, #logo{-moz-border-radius:.5em;-webkit-border-radius:.5em;-khtml-border-radius:.5em;border-radius:.5em;behavior:url(border-radius.htc);}
#header{}
#logo, #slideshow{float:left;height:16em;}
#logo{width:24em;background:#fff;}
#slideshow{width:40em;}
#slideshow{position:relative;}
#slideshow img{display:none;position:absolute;top:0;left:0;}
#slideshow img.start{display:block;}
.yellow{width:64em;height:1.6em;background:url(../img/yellow.jpg) repeat;border-top:1px solid #fff;border-bottom:1px solid #fff;}
#menu{width:37.5em;height:2.5em;background:#663083;margin-left:24em;margin-right:auto;-moz-border-radius:0 0 .5em .5em;-webkit-border-radius:.0 0 .5em .5em;-khtml-border-radius:0 0 .5em .5em;border-radius:0 0 .5em .5em;behavior:url(border-radius.htc);}
#menu ul{margin:0;padding:0;}
#menu ul li{display:inline-block;margin:auto}
#menu ul li a{text-transform:uppercase;color:#fff;font-weight:300;margin:-.5em .5em auto .5em;line-height:350%;display:block;height:3em;}
#menu ul li a:hover, #index #startLink a, #pc #pcLink a, #portrait #portLink a, #ausbildung #ausLink a, #kontakt #konLink a{background:url(../img/point.png) no-repeat 50% 0;}
#content{height:auto;}
#leftCnt, #mainCnt{float:left;min-height:20em;margin-top:3em;}
#leftCnt a, #mainCnt a{font-weight:bold;color:#181715;}
#leftCnt a:hover, #mainCnt a:hover{color:#6c338a;}
#leftCnt{width:20em;margin-left:2em;margin-right:2em;text-align:left;}
#leftCnt img{width:15em;height:auto;padding:.3em;background:#fff;margin-left:2em;}
p.imgtxt{margin-left:2em;margin-top:.3em;}
#mainCnt{width:38em;text-align:left;margin-right:2em;margin-bottom:2em;}
#kontaktForm label{display:block;float:left;width:8em;padding:.5em;}
#kontaktForm input[type=text], #kontaktForm textarea{border:1px solid #999;padding:.3em;display:block;font-size:90%;color:#4d4d4d;}
#kontaktForm input[type=text]{width:20em;padding:.3em;}
#kontaktForm textarea{height:12em;width:25em;}
#kontaktForm input[type=submit]{display:block;background:#6c338a;padding:.3em;color:#fff;border:1px solid #fff;cursor:pointer;font-size:90%;}
#kontaktForm input[type=submit]:hover{background:#fff1b2;color:#181715;}
#footer{}
#violett{width:37.5em;height:1em;background:#663083;margin-left:24em;margin-right:auto;-moz-border-radius:.5em .5em 0 0;-webkit-border-radius:.5em .5em 0 0;-khtml-border-radius:.5em .5em 0 0;border-radius:.5em .5em 0 0;behavior:url(border-radius.htc);}
#footer .yellow p{font-size:80%;margin-top:0;margin-left:24em;}
#footer .yellow a{color:#6c338a;}
#footer .yellow a:hover{text-decoration:underline;}