@import url(http://fonts.googleapis.com/css?family=Droid+Sans|Josefin+Slab);

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/
* {
	margin: 0;
}
html, body {
	height: 100%;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
}
#footer, #pusher {
	height:30px; /* .push must be the same height as .footer */
}


/*
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

      default.css | Basic StyleSheets
      Version:	1.0
      Autor:	Matthias Silling
      E-Mail:	mail@msilling.de
      Website:	www.msilling.de

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
body {
	font-size:0.750em;
	font-family:'Droid Sans',Helvetica, Arial, sans-serif;
	color:#3a3a3a;
   	margin:auto;
   	text-align:center;
}

.clr { clear:both; display:block;}

a, a:link {
	color:#217fb5;
	text-decoration:none;
}

a:visited {
	color:#217fb5;
	text-decoration:none;
}

a:focus, a:hover, a:active {
	color:#155072;
	cursor:pointer;
   	text-decoration:none;
}

.extLink { background:url(../gfx/ico-extLink.png) no-repeat right 2px; padding:0 10px 0 0;}




#wrapper {
   width:100%;
   text-align:center;
  
  
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdfdfd), to(#e4e4e4));
	background: -webkit-linear-gradient(#fdfdfd, #e4e4e4);
	background: -moz-linear-gradient(#fdfdfd, #e4e4e4);
	background: -ms-linear-gradient(#fdfdfd, #e4e4e4);
	background: -o-linear-gradient(#fdfdfd, #e4e4e4);
	background: linear-gradient(#fdfdfd, #e4e4e4);
	-pie-background: linear-gradient(#fdfdfd, #e4e4e4);
	behavior: url(http://msilling.de/kunden/juergens/_asset/pie/PIE.htc);	 
   
   
}

.pageTMPL #wrapperWrapper { background:url(../gfx/topper-bg.png) no-repeat center 40px;}

.pageTMPL #wrapper { }

.homePage #wrapperWrapper { background:url(../gfx/topper-index-bg3.png) no-repeat center 204px;}

body {
	
	background:#fdfdfd;/*# #fdfdfd; */
	/*
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdfdfd), to(#e4e4e4));
	background: -webkit-linear-gradient(#fdfdfd, #e4e4e4);
	background: -moz-linear-gradient(#fdfdfd, #e4e4e4);
	background: -ms-linear-gradient(#fdfdfd, #e4e4e4);
	background: -o-linear-gradient(#fdfdfd, #e4e4e4);
	background: linear-gradient(#fdfdfd, #e4e4e4);
	-pie-background: linear-gradient(#fdfdfd, #e4e4e4);
	behavior: url(/PIE.htc);	
	*/
	
}


#header { width:940px; margin:auto; text-align:left; position:relative;font-family:'Josefin Slab', Helvetica, Arial, sans-serif; height:170px;}




#logo { font-size:1.833em; float:left; margin:44px 0 0 0; width:181px; height:48px;  line-height:48px;
	font-family:'Droid Sans',Helvetica, Arial, sans-serif; font-weight:300;}
#logo span {font-weight:700;}






#header a,
#header a:hover { color:#fdfdfd; text-decoration:none;}


#menu { float:left; font-size:1.333em; margin:50px 0 0 16px; height:48px; line-height:48px;}
#menu li {float:left; margin:0 15px 0 15px; padding:0 5px 0 5px;}
#menu .current-item a,
#menu .current-item a:hover,
#menu a:hover {font-style:italic;} 
#menu .current-item a,
#menu .current-item a:hover {font-weight:bold;}

.wundw { float:right;margin-top:55px;}
.wundw span { float:left; color:#fdfdfd; display:block;margin:24px 5px 0 0; }
.wundw img { float:left; }


.homePage #header { height:auto; position:relative;}
.homePage #logo {margin-top:208px;margin-left:287px;}
.homePage #menu { margin-top:3px; margin-left:485px;}
.homePage .wundw { margin-top:5px ;}
.homePage .juergensImg { margin-left:12px;float:left;}


.homePage .col { margin-left:0; width:445px; font-size:1.333em; text-align:right; padding-right:15px;}
.homePage h1 { margin-left:0; width:445px; text-align:right; position:relative; line-height:1em; padding-right:15px;}
.homePage h2 { font-family:'Josefin Slab', Helvetica, Arial, sans-serif; margin:40px 0 20px 30px;}



.homePage #main { top:-80px; width:380px;left:-280px;}
.homePage #header {  position:relative; height:auto;}

/*
.homePage #main,
.homePage #header { background:url(../gfx/violet.png); }
*/

.amper {font-weight:normal; font-size:1.5em; color:#999; font-weight:normal;}

#main { width:940px; margin:auto; text-align:left; position:relative; line-height:1.750em; }

h1 { font-size:2.833em;font-family:'Josefin Slab', Helvetica, Arial, sans-serif; margin:0 0 5px 0; line-height:1.5em;}
h2 { font-size:1.500em; font-weight:normal; margin:0 0 .5em 0;}

.col { width:940px; float:left; position:relative; margin-bottom:20px;}
.w1-2 { width:450px; text-align:justify; border:4px double #cbcbcb; border-right:none; border-left:none; padding:20px 0 10px 0;}
.rightCol { float:right;}

.w1-3 { width:300px;border:4px double #cbcbcb; border-right:none; border-left:none; padding:20px 0 10px 0; }
.w2-3 { width:600px;border:4px double #cbcbcb; border-right:none; border-left:none; padding:20px 0 10px 0;  float:right;}


p {margin:0 0 .5em 0; }

.ansagebox { background:url(../gfx/ansage-top.png) no-repeat center top; font-size:1.167em; line-height:2.143em; margin:24px 0 24px 0;}
.ansage-con { float:left; width:100%; background:url(../gfx/ansage-bottom.png) no-repeat center bottom; padding:0 60px 0 60px; width:820px;margin-top:24px; }
.ansagebox ul { float:left; width:840px; position:relative; }
.ansagebox ul li { float:left; width:245px; background:url(../gfx/ansage-list-dott.png) no-repeat left .333em; margin:0 20px 0 0;font-family:'Josefin Slab', Helvetica, Arial, sans-serif; font-size:1.500em; padding:0 0 0 15px;}
.ansagebox p { line-height:1.333em; margin:1.5em 0 1.5em -10px; float:left; width:825px; border-top:1px solid #b0b0b0; position:relative; padding:15px 0 0 15px; }


.ansagebox em { font-size:1.333em; font-style:normal;margin:0 5px 0 0;}



strong { font-weight:600;}
.small { color:#999; font-size:0.917em; }
.tab { float:left; display:block; width:40px;}

#map { float:left; width:300px; border-top:4px double #cbcbcb; padding:20px 0 0 0; }
#mapCanvas { float:left; width:300px; height:400px; margin:0 0 10px 0; }


/*
	ANGEBOT CLOUD  class=""
*/
#cloudArea { float:left; width:940px; position:relative; height:485px; margin:0 0 20px 0; font-size:0.857em; border:4px double #cbcbcb; border-right:none; border-left:none;}
#cloudArea h3 { position:absolute;font-family:'Josefin Slab', Helvetica, Arial, sans-serif; padding:20px 0 0 0;
	cursor:pointer; }


#cloudArea h3.finacialAd{ left:45px; top:30px;font-size:4.083em;font-weight:bold;}

#cloudArea h3.consulting{ left:560px; top:15px;font-size:2.417em;font-weight:bold;}

#cloudArea h3.sach-privat { left:430px; top:165px;font-size:2.500em;font-weight:bold;}
#cloudArea h3.firmenver { left:105px; top:100px;font-size:3.750em;font-weight:normal;}
#cloudArea h3.personver{ left:470px; top:245px;font-size:3.667em;font-weight:bold;}
#cloudArea h3.berufsun{ left:390px; top:245px;font-size:3.667em;font-weight:bold;}
#cloudArea h3.altersv{ left:30px; top:275px;font-size:4.083em;font-weight:bold;}
#cloudArea h3.spezi{ left:610px; top:405px;font-size:1.833em;font-weight:normal;}

#cloudArea h3.gelda{ left:420px; top:330px;font-size:3.000em;font-weight:bold;}
#cloudArea h3.bankl{ left:630px; top:70px;font-size:2.083em;font-weight:normal;}
#cloudArea h3.bauspark{ left:87px; top:185px;font-size:2.417em;font-weight:bold;}
#cloudArea h3.partner{ left:170px; top:395px;font-size:2.083em;font-weight:normal;}

.ansagebox ul li.fullWidth { width:840px; margin:0 0 15px 0; }



/*.*/

.item { float:left; width:350px; height:440px; background:url(../gfx/angebot-pop-bg-top.png) no-repeat left top; text-align:left; }
.item h3 { float:left; width:310px; font-family:'Josefin Slab', Helvetica, Arial, sans-serif; padding:0 0 10px 0; font-size:2.333em; margin:20px 20px 10px 20px; border-bottom:1px solid #b0b0b0;   }
.item ul { float:left; width:350px; background:url(../gfx/angebot-pop-bg-bottom.png) no-repeat left bottom; padding-bottom:7px;  }
.item li { float:left; width:295px; margin:0 20px 10px 20px; background:url(../gfx/list-dott.png) no-repeat left center; padding:0 0 0 15px; line-height:1.5em;}


.stdList { margin:0 0 1.5em 0;}
.stdList li { background:url(../gfx/list-dott.png) no-repeat left center; padding:0 0 0 15px; line-height:1.5em; margin:0 0 10px 0;}





.formBox_halb,
.formBox_halbR,
.formBox { float:left; width:450px; margin:0 0 10px 0;}

.formBox_halb { width:215px;}
.formBox_halbR { margin-left:20px; width:215px;}

input,
textarea { float:left; width:440px; padding:5px;
	font-family:'Droid Sans',Helvetica, Arial, sans-serif;
	color:#3a3a3a; font-size:1.167em; border:none; background:#fdfdfd; /*fcfcfc; f9f9f9;*/ border:1px solid #d4d4d4; border-right-color:#eaeaea;border-bottom-color:#eaeaea;      }

textarea { resize:none; height:100px;}


.formBox_halb input,
.formBox_halb textarea,
.formBox_halbR input,
.formBox_halbR textarea { width:205px;}

label { padding:0 0 3px 5px; float:left; display:block;}

.current { background-color:#fff;}

input.button { width:auto; padding:10px; background:#2c2c2c; color:#fff; border-color:#eaeaea;border-right-color:#d4d4d4;border-bottom-color:#d4d4d4; float:left; }

#result { float:left; margin:10px 0 0 10px;}
.fail,
.ok { background:#21b57c; padding:3px 10px 3px 10px; color:#fff; font-weight:bold;}

.fail { background:#b53621;}



#pers { float:left; width:640px; margin:0; position:relative;}

#pers li { float:left; width:280px; margin:0 40px 20px 0; height:120px; position:relative;}

#pers h3 {font-family:'Josefin Slab', Helvetica, Arial, sans-serif;font-size:1.5em;font-weight:normal; margin:5px 0 0 0;letter-spacing:0.05em}
#pers h3 span { font-weight:bold;}


#pers .small { line-height:1.417em;  float:left; display:block; width:100%;margin:0 0 5px 0; }

#pers .mitarbeiterFotoCon { position:absolute; width:580px; height:454px; background:url(../gfx/mitarbeiter-bg2.png) no-repeat left top; top:40px; left:-340px; z-index:1000; display:none; }
#pers .mitarbeiterFotoCon img { float:left; margin:34px 0 0 34px;}


.mitarbeiterFotoCon .detailCon { float:left; width:240px; margin:34px 0 0 17px; }
.mitarbeiterFotoCon h4 { font-weight:bold; margin-bottom:5px; color:#fdfdfd;}
#pers .mitarbeiterFotoCon .detailCon ul li { height:auto; margin-bottom:1em; width:225px; color:#fdfdfd; }


#pers .show { display:block;}





.impTextSize { font-size:0.833em; text-align:justify; }

.impImageHandschlag { border-top:4px double #cbcbcb; padding:30px 0 0 0; margin-top:25px;}








#footer {
	background:#2c2c2c;
	text-align:left;
	color:#d4d4d4;
	font-size:0.917em;
}

#footer a,
#footer a:hover {color:#d4d4d4; text-decoration:none;}

.foo_con {float:left; list-style-type:none; margin:9px 0 0 9px;}
.foo_con li {float:left; margin:0 20px 0 0;}





#pusher {}