@charset "utf-8";
/* CSS Document */

/****************************** body, wrapper, logo ******************************/
body {background:#fff;margin:0;padding:0;font:8pt Verdana, sans-serif}
#top {background:#23282c;height:5px;width:100%;font-size:1px}
#wrapper {width:939px;height:auto;margin:50px auto 25px auto;line-height:150%;color:#808080}
#logo {margin:0;padding:0;width:939px;height:55px;background:url(../images/logo.png) top right no-repeat;position:relative}
#logo a {width:170px;height:55px;display:block;position:absolute;top:0;right:0}

/****************************** navigation ******************************/
ul.navi {width:939px;height:33px;margin:0;padding:0;padding-bottom:10px;border-bottom:1px solid #808080}
ul.navi li {margin:0;padding:0;list-style:none;float:left;margin-right:40px}
ul.navi li a {display:block;height:33px;margin:0;padding:0}
ul.navi li a.active {border-bottom:1px solid #808080}
ul.navi li a:hover img, ul.navi li a.active img {display:none}

a.home {width:71px;background:url(../images/navi/nav_home_on.gif) top left no-repeat}
a.about {width:77px;background:url(../images/navi/nav_about_on.gif) top left no-repeat}
a.web {width:57px;background:url(../images/navi/nav_web_on.gif) top left no-repeat}
a.print {width:57px;background:url(../images/navi/nav_print_on.gif) top left no-repeat}
a.portfolio {width:109px;background:url(../images/navi/nav_portfolio_on.gif) top left no-repeat}
a.kontakt {width:93px;background:url(../images/navi/nav_kontakt_on.gif) top left no-repeat}

/****************************** content ******************************/
#left_cont, #right_cont {width:440px;float:left;text-align:justify;margin-top:40px}
#left_cont {padding:1em 29px 0 0;border-right:1px solid #808080}
#right_cont {padding:1em 0 0 29px}
img.float {float:left;margin:0 20px 20px 0}
.divline {width:440px;height:1px;background:#808080;margin:20px 0;clear:both}
#whitespace {clear:both;height:190px}

/****************************** textformatierung ******************************/
a img {border:none}
h2 {margin:0 0 10px 0;padding:0;height:auto}
h3 {margin:10px 0 15px 0;padding:0}
p {margin:0;margin-bottom:1em}
a {color:#d13072;font-weight:bold;text-decoration:underline}
ul {margin:0 0 1em 1em;padding:0}
li {margin-left:15px;padding:0;text-align:left;list-style-image:url(../images/list.gif)}
ul.about li {clear:both}
a:hover {text-decoration:none}
.title {font-weight:bold;text-align:left;color:#808080}
.listtitle {font-weight:bold;margin:0}
.list {margin:0;margin-left:50px}
.float {margin:-1.5em 0 0 180px;float: left}
blockquote {margin:0;padding:0;color:#555}
blockquote p {font:italic 8pt Georgia, "Times New Roman", serif;margin:1.5em 2em 0 1.5em;padding:0}
blockquote .source {text-align:right; margin-right:2em}

/****************************** footer ******************************/
#footer {width:100%;color:#fff;position:fixed;bottom:0;font-size:7.5pt}
#footer .image {height:65px;background:url(../images/footer_img.png) bottom center repeat-x}
#outline {width:100%;background:#23282c}
#footer .inline {height:155px;width:939px;margin:0 auto}
#footer a {color:#d13072;font-weight:bold;text-decoration:underline}
#footer a:hover {text-decoration:none}
#left_foot {padding-right:29px;background:url(../images/foot_semikolon.gif) no-repeat scroll;border-right:1px solid #808080}
#right_foot {padding-left:29px;background:url(../images/foot_karte.gif) no-repeat scroll}
#left_foot, #right_foot {height:125px;width:440px;float:left;margin-top:15px;background-position:right center}

/****************************** kontaktformulardefinitionen ******************************/
form {margin-top:20px;padding:0;width:440px;text-align:left}
.fillout {border:1px solid #000;width:340px;background:#fff}
textarea {width:340px;height:100px;border:1px solid #000000;font:7.5pt Verdana, sans-serif}
.form {padding-top:5px}
.label {clear:both;float:left;width:90px}
.button {border:1px solid #000;background:#fff;padding:0 5px;margin-right:5px}