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

*							{ margin:0; padding:0; }

.nopadding					{ padding:0; }
.nomargin					{ margin:0; }
.nofloat					{ clear:both; }
.bgPositionBottom			{ background-position:bottom !important; }
.slideup					{ position: relative; }


br 							{ margin:0; padding:0; line-height:0.0001em; }
p							{ padding:0 0 7px 0; line-height:1.7em; font-size:0.99em; color:#5c5959; }
p.slideshow-text			{ color:#FFF; font-size:0.99em; line-height:1.8em; margin-bottom:15px; }


a							{ outline:none; text-decoration:none; color:#b6b1b1; cursor:pointer; }
a:hover						{ border-bottom:none; text-decoration:none; color:#5c5959; }
a.slideshow-link			{ font-size:0.86em; text-transform:uppercase; letter-spacing:0.26em; color:#FFF; }
a.slideshow-link:hover		{ color:#313131; }
img.slideshow-img			{ cursor:default; }

img							{ border:0px; }

body						{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:75%; color:#5c5959; background:#FFF; background:url(../img/background.jpg) repeat-x; }
html, body					{ height:100%; margin:0; padding:0; }
body#home					{ background:none; }

#container					{ width:980px; margin:0px auto; }

h1							{ width:322px; height:160px; margin:0px auto; }
h1#logo-home				{ margin-bottom:27px; }

/* NAVIGATION */
#navigation-home							{ width:100%; height:69px; background:url(../img/bg_navigation.png) repeat-x; margin:-15px auto 0 auto; z-index:2; position:relative; padding-top:20px; }
#navigation-general							{ width:980px; height:9px; position:absolute; top:192px; }
ul#navigation								{ width:980px; list-style-type:none; padding-top:16px; margin:0px auto; }
ul#navigation li							{ float:left; }
ul#navigation li a							{ text-indent:-9999px; display:block; }
ul#navigation li a:hover					{ background-position:bottom !important; }
ul#navigation li a#navi-startseite			{ width:92px; height:9px; background:url(../img/navigation/navi_startseite.jpg) no-repeat; background-position:top; margin-left:50px; margin-right:80px; }
ul#navigation li a#navi-referenzen			{ width:96px; height:9px; background:url(../img/navigation/navi_referenzen.jpg) no-repeat; background-position:top; margin-right:80px; }
ul#navigation li a#navi-leistungen			{ width:95px; height:9px; background:url(../img/navigation/navi_leistungen.jpg) no-repeat; background-position:top; margin-right:80px; }
ul#navigation li a#navi-profil				{ width:55px; height:9px; background:url(../img/navigation/navi_profil.jpg) no-repeat; background-position:top; margin-right:80px; }
ul#navigation li a#navi-kontakt				{ width:73px; height:9px; background:url(../img/navigation/navi_kontakt.jpg) no-repeat; background-position:top; margin-right:70px; }
ul#navigation li a#navi-impressum			{ width:89px; height:9px; background:url(../img/navigation/navi_impressum.jpg) no-repeat; background-position:top; }

body#home li a#navi-startseite, body#referenzen li a#navi-referenzen, body#leistungen li a#navi-leistungen, body#profil li a#navi-profil, body#kontakt li a#navi-kontakt, body#impressum li a#navi-impressum 	{ background-position:bottom !important; }


/* BUTTONS */
ul#buttons						{ list-style-type:none; padding:15px 0 0 3px; }
ul#buttons li					{ margin:0 8px 15px -3px; float:left; }
ul#buttons li a					{ text-indent:-9999px; display:block; }
ul#buttons li a:hover			{ background-position:bottom !important; }
ul#buttons li a#button-back		{ width:24px; height:25px; background:url(../img/referenzen/button_back.gif) no-repeat; background-position:top; }
ul#buttons li a#button-top		{ width:24px; height:25px; background:url(../img/referenzen/button_top.gif) no-repeat; background-position:top; }
ul#buttons li a#button-next		{ width:24px; height:25px; background:url(../img/referenzen/button_next.gif) no-repeat; background-position:top; }
ul#buttons li a#button-overview	{ width:25px; height:25px; background:url(../img/referenzen/button_overview.gif) no-repeat; background-position:top; }


/* SLIDESHOW */
#stage						{ width:100%; background:url(../img/bg_slideshow.jpg) repeat-x; height:473px;  z-index:1; position:relative; }
.slideshow					{ width:980px; height:473px; margin:0px auto; padding-top:28px; }

#project					{ width:218px; height:431px; background:url(../img/slideshow/bg_slideshow.jpg) no-repeat; float:right; padding:0 40px 0 40px; margin:13px 15px 0 0; text-align:center; }

#referenzinfo				{ text-align:center; }

.navi 						{ height:20px; width:60px; position:relative; top:370px; left:80px; }
.navi a 					{ width:8px; height:8px; float:left; margin:20px 6px 0 6px; background:url(../img/circle.png) 0 0 no-repeat; display:block; border:none; cursor:pointer; }
.navi a:hover 				{ background:url(../img/circle_hover.png) 0 0 no-repeat; }
.navi a.active 				{ background:url(../img/circle_hover.png) 0 0 no-repeat; }

h2#slideshow-headline-01	{ width:148px; height:42px; background:url(../img/slideshow/headlines/h2_slideshow-headline_01.jpg) no-repeat; text-indent:-9999px; margin:33px auto 20px auto; }
h2#slideshow-headline-02	{ width:221px; height:42px; background:url(../img/slideshow/headlines/h2_slideshow-headline_02.jpg) no-repeat; text-indent:-9999px; margin:33px auto 20px auto; }
h2#slideshow-headline-03	{ width:157px; height:39px; background:url(../img/slideshow/headlines/h2_slideshow-headline_03.jpg) no-repeat; text-indent:-9999px; margin:33px auto 23px auto; }
h2#slideshow-headline-04	{ width:197px; height:39px; background:url(../img/slideshow/headlines/h2_slideshow-headline_04.jpg) no-repeat; text-indent:-9999px; margin:33px auto 23px auto; }
h2#slideshow-headline-05	{ width:192px; height:42px; background:url(../img/slideshow/headlines/h2_slideshow-headline_05.jpg) no-repeat; text-indent:-9999px; margin:33px auto 20px auto; }


/* CONTENT */
#content					{ width:980px; margin-top:80px; }
*+html #content				{ padding-top:80px; }
#content-left				{ width:654px; padding:38px 0 38px 15px; float:left; border-right:1px solid #f0ebed; }
#content-right				{ width:250px; padding:38px 15px 38px 43px; float:left; }
#content-float				{ width:255px; padding:0 15px 0 0; position:relative; top:0; left:0; margin:0; }


/* PROFIL */
h3								{ padding-bottom:10px; margin-left:-2px; }
h3#headline-ramonavonlienen		{ width:151px; height:14px; background:url(../img/profil/h3_ramonavonlienen.jpg) no-repeat; text-indent:-9999px; }
h3#headline-wohnort				{ width:70px; height:14px; background:url(../img/profil/h3_wohnort.jpg) no-repeat; text-indent:-9999px; margin-top:16px; }
h3#headline-ausbildung			{ width:89px; height:14px; background:url(../img/profil/h3_ausbildung.jpg) no-repeat; text-indent:-9999px; margin-top:16px; }
h3#headline-uebermich			{ width:79px; height:15px; background:url(../img/profil/h3_uebermich.jpg) no-repeat; text-indent:-9999px; margin-top:15px; }


/* REFERENZEN */
h3#headline-leistungen		{ width:83px; height:14px; background:url(../img/referenzen/h3_leistungen.jpg) no-repeat; text-indent:-9999px; margin-top:16px; }
h3#headline-kunden			{ width:138px; height:14px; background:url(../img/referenzen/h3_kunden.jpg) no-repeat; text-indent:-9999px; }
.uppercase					{ text-transform:uppercase; letter-spacing:0.1em; }
.quotesign					{ font-size:4em; color:#c5c3c2; margin:-35px 0 -10px -3px; float:left; padding-right:5px; }
.meinung					{ font-size:0.9em; margin:-2px 0 0 0; }

img.referenz-img				{ margin:0 0 30px 0; }
img.referenz-img-bottom			{ margin:0 0 0 0; }
img.referenz-img-border			{ margin-bottom:30px; border:1px solid #f0ebed; }
img.referenz-img-bottom-border	{ margin-bottom:0; border:1px solid #f0ebed; }
img.referenz-img-border-float	{ margin:0 30px 30px 0; border:1px solid #f0ebed; float:left; }
img.referenz-img-float			{ margin:0 30px 30px 0; float:left; }
img.referenz-img-float-bottom	{ margin:0 30px 0 0; float:left; }
img.referenz-img-small			{ margin:0 0 30px 0; }


h3#headline-juvelan				{ width:76px; height:14px; background:url(../img/referenzen/juvelan/h3_juvelan.jpg) no-repeat; text-indent:-9999px; }
h3#headline-abschiedvomtod		{ width:140px; height:14px; background:url(../img/referenzen/abschiedvomtod/h3_abschiedvomtod.jpg) no-repeat; text-indent:-9999px; }
h3#headline-nordwestrad			{ width:105px; height:14px; background:url(../img/referenzen/nordwestrad/h3_nordwestrad.jpg) no-repeat; text-indent:-9999px; }
h3#headline-dieschreibmaschine	{ width:159px; height:14px; background:url(../img/referenzen/dieschreibmaschine/h3_dieschreibmaschine.jpg) no-repeat; text-indent:-9999px; }
h3#headline-apiceveryday		{ width:160px; height:14px; background:url(../img/referenzen/apiceveryday/h3_apiceveryday.jpg) no-repeat; text-indent:-9999px; }
h3#headline-represent			{ width:102px; height:14px; background:url(../img/referenzen/represent/h3_represent.jpg) no-repeat; text-indent:-9999px; }
h3#headline-constantineberle	{ width:245px; height:14px; background:url(../img/referenzen/constantineberle/h3_constantineberle.jpg) no-repeat; text-indent:-9999px; }
h3#headline-nulavel				{ width:77px; height:14px; background:url(../img/referenzen/nulavel/h3_nulavel.jpg) no-repeat; text-indent:-9999px; }
h3#headline-hacon				{ width:50px; height:14px; background:url(../img/referenzen/hacon/h3_hacon.jpg) no-repeat; text-indent:-9999px; }


/* LEISTUNGEN */
h3#headline-fuerkunden			{ width:90px; height:14px; background:url(../img/leistungen/h3_fuerkunden.jpg) no-repeat; text-indent:-9999px; }
h3#headline-fueragenturen		{ width:217px; height:14px; background:url(../img/leistungen/h3_fueragenturen.jpg) no-repeat; text-indent:-9999px; margin-top:16px; }


/* KONTAKT */
h3#headline-telefon				{ width:57px; height:14px; background:url(../img/kontakt/h3_telefon.jpg) no-repeat; text-indent:-9999px; margin-top:16px; }
h3#headline-online				{ width:50px; height:14px; background:url(../img/kontakt/h3_online.jpg) no-repeat; text-indent:-9999px; margin-top:16px; margin-left:-1px; }


/* IMPRESSUM */
h3#headline-steuernummer		{ width:114px; height:14px; background:url(../img/impressum/h3_steuernummer.jpg) no-repeat; text-indent:-9999px; margin-top:16px; margin-left:-1px; }
h3#headline-inhalt				{ width:175px; height:31px; background:url(../img/impressum/h3_inhalt.jpg) no-repeat; text-indent:-9999px; margin-top:16px; }
h3#headline-haftungsausschluss	{ width:149px; height:14px; background:url(../img/impressum/h3_haftungsausschluss.jpg) no-repeat; text-indent:-9999px; margin-top:16px; }
h3#headline-urheberrecht		{ width:102px; height:14px; background:url(../img/impressum/h3_urheberrecht.jpg) no-repeat; text-indent:-9999px; margin-top:16px; margin-left:-1px; }


/* LINE BOTTOM */
#line-bottom					{ width:100%; height:1px; border-top:1px solid #f0ebed; }