/* Allgemeines */
body {font-family:Arial, sans-serif; font-size:12px; line-height:16px; color:#000; background-color:#CCC; text-align:center; margin:0; padding:0;}
p, div, img {margin:0; padding:0; border:0;}

/* Links */
a:link, a:visited, a:active {color:#666; background-color:inherit; text-decoration:none;}
a:hover {color:#000; background-color:inherit;}

.a_topnavi a.sel:link, .a_topnavi a.sel:visited, .a_topnavi a.sel:hover, .a_topnavi a.sel:active {color:#000; background-color:inherit; text-decoration:none;}

#portrait a.main:link, #portrait a.main:visited, #portrait a.main:active {height:26px; width:102px; display:block; background-image:url(../pix/portrait.gif); background-repeat:no-repeat;}
#portrait a.main:hover {background-image:url(../pix/portrait_h.gif);}

#portrait a.main_sel:link, #portrait a.main_sel:visited, #portrait a.main_sel:hover, #portrait a.main_sel:active {height:26px; width:102px; display:block; background-image:url(../pix/portrait_h.gif); background-repeat:no-repeat;}

#leistungen a.main:link, #leistungen a.main:visited, #leistungen a.main:active {height:26px; width:107px; display:block; background-image:url(../pix/leistungen.gif); background-repeat:no-repeat;}
#leistungen a.main:hover {background-image:url(../pix/leistungen_h.gif);}

#leistungen a.main_sel:link, #leistungen a.main_sel:visited, #leistungen a.main_sel:hover, #leistungen a.main_sel:active {height:26px; width:107px; display:block; background-image:url(../pix/leistungen_h.gif); background-repeat:no-repeat;}

#referenzen a.main:link, #referenzen a.main:visited, #referenzen a.main:active {height:26px; width:117px; display:block; background-image:url(../pix/referenzen.gif); background-repeat:no-repeat;}
#referenzen a.main:hover {background-image:url(../pix/referenzen_h.gif);}

#referenzen a.main_sel:link, #referenzen a.main_sel:visited, #referenzen a.main_sel:hover, #referenzen a.main_sel:active {height:26px; width:117px; display:block; background-image:url(../pix/referenzen_h.gif); background-repeat:no-repeat;}

a.up:link, a.up:visited, a.up:hover, a.up:active {display:block; width:42px; height:61px; margin-top:38px; background-image:url(../pix/arrow_up.gif); background-repeat:no-repeat;}
a.down:link, a.down:visited, a.down:hover, a.down:active {display:block; width:42px; height:61px; margin-top:280px; background-image:url(../pix/arrow_down.gif); background-repeat:no-repeat;}

a.back:link, a.back:visited, a.back:hover, a.back:active {display:block; width:61px; height:42px; margin-top:299px; background-image:url(../pix/arrow_back.gif); background-repeat:no-repeat;}

.a_navi li a:link, .a_navi li a:visited, .a_navi li a:active {padding-left:10px;}
.a_navi li a:hover {background-image:url(../pix/marker.gif); background-repeat:no-repeat;}

.a_navi li a.sel:link, .a_navi li a.sel:visited, .a_navi li a.sel:hover, .a_navi li a.sel:active {color:#000; background-color:inherit; background-image:url(../pix/marker.gif); background-repeat:no-repeat;}

.a_top h1 a:link, .a_top h1 a:visited, .a_top h1 a:hover, .a_top h1 a:active {width:284px; height:64px; display:block;}


/* Menü */
.a_topnavi {padding:14px 0 0 60px; position:absolute; top:0; left:0;}
.a_navi {position:relative;}
.a_button {height:26px; float:left;}
.a_button span, a.down span, a.up span, a.back span {display:none;}

.a_bottom ul {padding:100px 0 0 104px; margin:0;}
.a_bottom li {list-style:none; padding:0; margin:0; float:left;}
.a_bottom ul ul {margin:0; padding:0;}
.a_bottom ul ul li {list-style:none; padding:0; margin:0 0 2px 0; float:none;}

.a_topnavi ul {margin:0; padding:0;}
.a_topnavi li {list-style:none; padding:0; margin:0; float:left;}

.a_navi #portrait ul {position:absolute; top:62px; left:104px;}
.a_navi #leistungen ul {position:absolute; top:26px; left:236px;}
.a_navi #referenzen ul {position:absolute; top:26px; left:396px;}

#portrait {width:102px; margin-right:30px;}
#leistungen {width:107px; margin-right:48px;}
#referenzen {width:117px;}


/* Struktur 
.a_all {margin:4% auto 0 auto; width:901px; height:100%; text-align:left; background-image:url(../pix/back.gif); background-repeat:repeat-y; position:relative;}
*/
.a_all {width:901px; height:633px; margin:0 0 0 -450px; text-align:left; background-image:url(../pix/back.gif); background-repeat:repeat-y; position:absolute; top:4%; left:50%;}
.a_top {height:140px; width:901px; background-image:url(../pix/top.gif); background-repeat:no-repeat; border-top:1px solid #CCC;}
.a_content {height:356px; width:901px; background-image:url(../pix/content_back.gif); background-repeat:no-repeat; background-position:left bottom;}
.a_bottom {height:137px; width:901px; background-image:url(../pix/bottom.gif); background-repeat:no-repeat;}

.b_bild {width:350px; height:356px; float:left;}
.b_inhalt {width:416px; height:356px; overflow:hidden; float:left;}
.b_pfeil {width:42px; height:356px; float:left;}
.inner {width:410px;}
.b_bild .inner {padding:38px 45px 0 60px; width:auto; text-align:right; font-size:10px; color:#666; background-color:inherit;}
.b_bild img {margin-bottom:3px;}
.b_button {position:absolute; top:448px; left:450px;}

.b_twitterbutton {position:absolute; top:590px; left:770px;}
.b_facebookbutton {position:absolute; top:590px; left:800px;}
.b_xingbutton {position:absolute; top:590px; left:830px;}


/* Textelemente */
h1 {padding:0 0 0 600px;}
h1 span {display:none;}
h2 {font-size:18px; letter-spacing:1px; font-weight:normal; color:#666; background-color:inherit; margin:0; padding:0 0 20px 0;}
h3 {font-size:12px; line-height:16px; color:#000; background-color:inherit; margin:0; padding:0;}
h4 {font-size:12px; line-height:16px; color:#666; background-color:inherit; margin:0; padding:0;}
.inner p {padding-bottom:16px;}
#kv p {padding-bottom:0;}


.grey {color:#333; background-color:inherit;}

.inner ul {margin:0 0 16px 0; padding:0;}
.inner li {margin:0; padding:0 0 0 8px; list-style:none; background-image:url(../pix/list.gif); background-repeat:no-repeat; background-position:0 4px;}

/* Formularfelder */
form {padding:16px 0 0 16px;}
form div {margin-bottom:22px;}
input {font-family:Arial, sans-serif; font-size:12px; color:#000; background-color:inherit; width:200px; height:16px; border:0;}
textarea {font-family:Arial, sans-serif; font-size:12px; color:#000; background-color:inherit; width:260px; height:94px; border:0;}

input#email {padding-bottom:3px;}
.error {color:#FE0000;}
#f_name {position:absolute; top:242px; left:650px;}
#f_mail {position:absolute; top:281px; left:650px;}
#f_nachricht {position:absolute; top:323px; left:650px;}

/* Trenner */
hr {display:none;}

/* Hintergrundbilder */
#b_start {background-image:url(../pix/start_back.gif); background-repeat:no-repeat; background-position:1px 0px;}
#b_impressum {background-image:url(../pix/impressum_back.gif); background-repeat:no-repeat; background-position:1px 0px;}
#b_links {background-image:url(../pix/links_back.gif); background-repeat:no-repeat; background-position:1px 0px;}
#b_kontakt {background-image:url(../pix/kontakt_back.gif); background-repeat:no-repeat; background-position:1px 0px;}
#b_leistungen {background-image:url(../pix/leistungen_back.gif); background-repeat:no-repeat; background-position:1px 0px;}
#b_konzeption {background-image:url(../pix/konzeption_back.gif); background-repeat:no-repeat; background-position:1px 0px;}
#b_pressearbeit {background-image:url(../pix/pressearbeit_back.gif); background-repeat:no-repeat; background-position:1px 0px;}
#b_text {background-image:url(../pix/text_back.gif); background-repeat:no-repeat; background-position:1px 0px;}
#b_seminare {background-image:url(../pix/seminare_back.gif); background-repeat:no-repeat; background-position:1px 0px;}
#b_referenzen_1 {background-image:url(../pix/referenzen_1_back.jpg); background-repeat:no-repeat; background-position:1px 0px;}
#b_referenzen_2 {background-image:url(../pix/referenzen_2_back.jpg); background-repeat:no-repeat; background-position:1px 0px;}
#b_referenzen_4 {background-image:url(../pix/referenzen_4_back.jpg); background-repeat:no-repeat; background-position:1px 0px;}
#b_referenzen_5 {background-image:url(../pix/logo_seminare.gif); background-repeat:no-repeat; background-position:60px 38px;}

#kontaktfelder {background-image:url(../pix/kontaktfelder.gif); background-repeat:no-repeat; background-position:0px 8px;}

