/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

/*
Style for claudia-behr.de
Written by Arne Brodowski
http://www.arnebrodowski.de
*/
body {font-family:Helvetica,Arial,sans-serif;font-size:14.4px;}
/* splash page only */
body.splash {text-align:center;}
body.splash #container {width:100%;height:100%;position:fixed;top:0;left:0;}
body.splash #container a {position:absolute;top:50%;left:50%;vertical-align:middle;width:296px;height:100px;margin-top:-65px;margin-left:-147px;}

/* structure */
body.home {width:1000px;}
body.home #container {text-align:left;}
#button {background-image:url(../img/button_header_2.gif);background-repeat:no-repeat;width:1000px;height:163px;background-position:right;position:relative;}
#button img {position:absolute;right:20px;top:15px;}
#border {position:relative;background-image:url(../img/border_middle.gif);background-repeat:repeat-y;width:1000px;background-position:240px 0;}
#bird {background-image:url(../img/bird_footer.gif);background-repeat:no-repeat;height:186px;width:963px;background-position:right;}
#bird a.home {display:block;width:120px;height:186px;text-indent:120px;overflow:hidden;margin-left:120px;}
#content {width:710px;margin-left:280px;margin-top:-99px;z-index:50;margin-bottom:-55px;}


body.kontakt #bird {background-image:url(../img/bird_footer_2.gif);height:220px;}

/* navigation */
#navigation {position:absolute;top:60px;left:0px;padding-left:80px;}
#navigation li {display:block;overflow:visible;}
#navigation li a {display:block;height:22px;width:138px;margin:1px;text-indent:200px;overflow:hidden;}
#leistungen, #kunden, #referenzen, #vita, #kontakt {background-repeat:no-repeat;}
#leistungen {background-image:url(../img/navi.jpg);background-position:0 0;}
#kunden {background-image:url(../img/navi.jpg);background-position:0 -24px;}
#referenzen {background-image:url(../img/navi.jpg);background-position:0 -48px;}
#vita {background-image:url(../img/navi.jpg);background-position:0 -72px;}
#kontakt {background-image:url(../img/navi.jpg);background-position:0 -96px;}

#navigation ul.sub {margin-left:-60px;text-align:right;padding-right:2px;position:relative;margin-bottom:18px;}
#navigation ul.sub li {margin:4px 0;}
#navigation ul.sub li.active a {color:#08aca5;}
#navigation ul.sub li a {display:inline;text-indent:0;text-decoration:none;width:200px;color:#000;font-size:11px;}
#navigation ul.sub li a:hover {color:#08aca5;}


/*
active states for navigation.
could be written in one line, but this is more maintainable 
*/
body.leistungen #navigation #leistungen {background-image:url(../img/navi_a.jpg);}
body.kunden #navigation #kunden {background-image:url(../img/navi_a.jpg);}
body.referenzen #navigation #referenzen {background-image:url(../img/navi_a.jpg);}
body.vita #navigation #vita {background-image:url(../img/navi_a.jpg);}
body.kontakt #navigation #kontakt {background-image:url(../img/navi_a.jpg);}

/* kontakt layout */
body.kontakt #content {text-align:center;}
body.kontakt #content img {padding-right:75px;padding-top:70px;}
body.kontakt #content p {margin:0 auto;text-align:left;padding-right:50px;width:300px;font-family:Helvetica,Arial,sans-serif;font-size:0.8em;line-height:1.3em;margin-top:25px;margin-bottom:25px;}
body.kontakt #content p a {color:#000;text-decoration:none;}
body.kontakt #content p a:hover {text-decoration:underline;}

/* vita layout */
table.vita {width:520px;}
table.vita tr td {vertical-align:top;font-size:0.8em;padding-bottom:12px;}
table.vita tr td.date {width:150px;text-align:left;}
body.vita img#portrait {position:absolute;top:430px;left:760px;}

span.caps {text-transform:uppercase;}
span.vitafoot {color:#aaa;z-index:200;position:relative;}
span.vitafoot a {color:#aaa;text-decoration:none;}
span.vitafoot a:hover {text-decoration:underline;}
.clear {clear:both;}
.grey {color:#aaa;}

/* impressum layout */
body.impressum #content a {color:#000;}
body.impressum #content a:hover {color:#08aca5;}
body.impressum #content, body.agb #content {font-size:0.9em;}
body.impressum #content p.narrow, body.agb #content p.narrow {width:500px;}
body.impressum #content p, body.agb #content p {width:570px;margin-bottom:18px;}
body.impressum #content ul {margin-bottom:24px;}
body.impressum #content ul li {list-style-type:disc;margin-left:20px;margin-bottom:9px;width:550px;}
body.impressum #content h4, body.agb #content h4 {font-weight:bold;margin-bottom:9px;}
body.impressum #content strong, body.agb #content strong {font-weight:bold;}
body.agb #content table {margin-bottom:18px;}
body.agb #content table tr td {padding-left:24px;padding-top:2px;}

/*layout home*/
body.home #content {font-size:0.9em;}
body.home #content ul {margin-top:1.8em;}
body.home #content ul li {line-height:1.4em;}
body.home div#left {float:left;width:250px;margin-right:20px;}

div#refimages {margin-bottom:18px;width:680px;}
div#refimages img {margin:5px 5px 5px 0;}

body.referenzen #content p {width:600px;font-size:12px;line-height:1.4em;}
body.referenzen #content {min-height:525px;height:auto !important;height:525px;}

/* layout leistungen */
body.leistungen #content ul li {list-style-type:disc;line-height:1.4em;font-size:0.9em;margin-left:20px;}
body.leistungen #content p.footnote {font-size:10px;text-indent:20px;}

/* service navi */
body #content #service {position:absolute;bottom:77px;right:55px;font-size:11px;color:#aaa;}
body #content #service a {text-transform:uppercase;text-decoration:none;color:#aaa;}
body #conent #service a:hover, body.agb #service a#agb, body.impressum #service a#impressum {color:#08aca5;}


body #content .audio {background-color:#f7f7f7;width:600px;height:40px;text-align:center;padding-top:35px;padding-bottom:25px;margin-bottom:12px;}
body #content .audio div {margin:0 auto;width:110px;font-size:11px;color:#000;}
body #content .audio div a {color:#000;text-decoration:none;background-color:#999;padding:7px;border:1px solid black;}
body #content .video {background-color:#f7f7f7;width:600px;text-align:center;padding-top:25px;padding-bottom:15px;margin-bottom:12px;}
body #content .video span {color:#000;font-size:11px;}