/*
proFound CSS
Version: 1.0
Author: Dominik Hafner
Author URI: http://www.hafna.de/
*/



/* yui css reset from yahoo.com */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}fieldset,img,abbr,acronym{border:0}

/* begin styling */
body { font-family:Verdana, Arial; font-size:12px; background:#eee; }
a { color:#000; text-decoration:none; }
.clear { clear:both; }

#main { background:#fff; margin:0 auto 40px auto; width:980px; height:700px;}
#nav { height:54px; }
#content { height:660px; }

/*bg images*/
#content.start { background:transparent url('images/bg/start.jpg') top center no-repeat; }
#content.default { background:transparent url('images/bg/default.jpg') top center no-repeat; position:relative; }

/*nav*/
#nav ul { float:right; padding:30px 40px 0 0; }
#nav ul li { display:inline; margin:0 8px; }
#nav ul li.space { margin:0 8px 0 100px; }
#nav ul li a { color:#727375; text-decoration:none; font-size:10px;  }
#nav ul li a.active { color:#5da3d2; }

/*start*/
#content.start a { display:block; width:980px; height:660px; }

/*claim*/
#claim { position:absolute; top:545px; right:40px; }

/* absolute elements */
#dienstlLeistung { position:absolute; top:70px; right:355px; }
#dienstlVorgehen { position:absolute; top:104px; right:184px; }

#wertMitarbeiter { position:absolute; top:56px; right:293px; }
#wertGesetz { position:absolute; top:80px; right:110px; }
#wertSozialabgaben { position:absolute; top:95px; right:255px; }
#wertSozial { position:absolute; top:111px; right:112px; }
#wertHaftung { position:absolute; top:113px; right:511px; }
#wertLeistungsanreiz { position:absolute; top:129px; right:352px; }
#wertMitarbeiterbindung { position:absolute; top:146px; right:80px; }
#wertMitarbeitergewinnung { position:absolute; top:170px; right:140px; }

#ueberPersonen { position:absolute; top:70px; right:352px; }
#ueberGrund { position:absolute; top:100px; right:150px; }
#ueberEntwicklung { position:absolute; top:47px; right:140px; }

#kontakt  { position:absolute; top:111px; right:234px; }
#impressum { position:absolute; top:111px; right:207px; }

/* Portrait als Hintergrundgrafik */
#per_x { margin:0 0 15px 0; height:185px; width:140px; background-image:url(per_x/mra-xx3300.jpg); background-repeat:no-repeat; }


/* boxes */
.box { font-size:10px; }
.box p { margin:0 0 20px 0; }
.box p.lighter { color:#6F7475; }
.box p.last { margin:0; }
.box p.spacer { margin:0 0 40px 0; }
.leftBox { position:absolute; top:107px; left:107px; }
.middleBox { position:absolute; top:162px; left:419px; }
.rightBox { position:absolute; top:180px; right:16px; }
.wertBoxGreen { top:197px; }
.wertBoxBlue { top:251px; }

.greenBox { width:303px; }
.greenBox h1 { color:#5DA3D2; font-size:14px; font-weight:bold; margin:0 0 20px 0; }
.greenBox h1.special { font-size:14px; }
.greenBox .boxTop { background:transparent url('images/boxes/greenTop.png') top left no-repeat; height:27px; width:303px; }
.greenBox .boxContent { background:#e6eb96; padding:0 20px 0 28px; }
.greenBox .boxBottom { background:transparent url('images/boxes/greenBottom.png') top left no-repeat; height:21px; width:303px; }

.personNamesBox   { top:140px; left:390px; }
.personNamesBox  h2 { color:#0e0e09; font-weight:bold; }
.personNamesBox  h2 a { color:#0e0e09; text-decoration:none; }
.personNamesBox  p  { color:#767b77; margin:0 0 8px 0; }
.personNamesBox .boxContent { background:#e6eb96; padding:0 15px 0 28px; }

.whiteBox { top:0; width:275px; }
.whiteBox .boxContent { background:#fff; padding:0 20px 0 28px; }
.whiteBox  h1 { color:#3f3f3f; font-size:11px; font-weight:bold; margin:0 0 20px 0; }
.whiteBox  p { color:#787c7d; }
.whiteBox .boxBottom { background:transparent url('images/boxes/whiteBottom.png') top left no-repeat; height:25px; width:275px; }
.whiteBox #personPic { margin:0 0 15px 0; }


.blueBox { width:232px; }
.blueBox .boxTop { background:transparent url('images/boxes/blueTop.png') top left no-repeat; height:17px; width:232px; }
.blueBox .boxContent { background:#e1eaef; padding:0 20px 0 28px; }
.blueBox .boxBottom { background:transparent url('images/boxes/blueBottom.png') top left no-repeat; height:20px; width:232px; }
.blueBoxContact .boxContent { padding:0 20px; }

.bigBlueBox { width:303px; font-size:10px; color:#000; }
.bigBlueBox span { color:#5da3d2; font-weight:bold; }
.bigBlueBox h1 { color:#5DA3D2; font-size:11px; font-weight:bold; margin:0 0 20px 0; }
.bigBlueBox .boxTop { background:transparent url('images/boxes/bigBlueTop.png') top left no-repeat; height:16px; width:303px; }
.bigBlueBox .boxContent { background:#e1eaef; padding:0 20px 0 28px; }
.bigBlueBox .boxBottom { background:transparent url('images/boxes/bigBlueBottom.png') top left no-repeat; height:22px; width:303px; }

.bigBlueBox.middleBox { top:212px;  }

.imprintBox p { margin:0 0 8px 0; }
.imprintBox .boxContent { padding:0 11px }