/***************************************************************************************************************************************
CIRCUS
Autor: stefansenn, mail@stefansenn.com
Datum: Mai 2010
Hauptstylesheet
Achtung: Veränderungen an dieser Datei beeinflussen die komplette Website!
************************************************************************************************************************************* */
*					{ margin:0; padding:0 }
html,body			{ height:100% }
body 				{ font-family:Arial, sans-serif; font-size:14px; color:#003b82; background:#003b82 url(../img/bg.jpg) top left repeat-x; }
#wrapper 			{ position:relative; overflow:hidden; margin:0px auto; width:984px; background:transparent url(../img/logo.jpg) top left no-repeat; }
.clear				{ clear:both }
#breadcrumb			{ padding:0 0 0 105px; color:#a7bbd4; font-size:11px }
#breadcrumb a		{ color:#a7bbd4; text-decoration:none }
#breadcrumb a:hover	{ color:#003B82; }
#regNav				{ position:absolute; top:106px; right:42px; }
#regNav ul			{ float:right; list-style:none; }
#regNav li			{ float:left; font-size:11px; color:#809dc1; padding:0 0 0 16px }
#regNav a			{ font-size:11px; color:#809dc1; text-decoration:none }
a					{ outline:none }

h1					{ font-size:40px; }
h2					{ font-size:33px }

/* --- NAVIGATION -------------------------------------------------------------------------------------------------------------------------- */
#nav 					{ margin:0 0 0 40px; height:55px; width:905px; background:transparent url(../img/navBg.jpg) top left no-repeat; }
#nav ul 				{ list-style:none; padding:16px 0 0 28px }
#nav a, #nav li 		{ text-transform:uppercase; font-weight:bold; font-size:14px; text-decoration:none; color:#D1D9E5; }
#nav li 				{ float:left; list-style:none; padding:0 25px 0 0; color:#6B83AA }
#nav .trail				{ color:#FFF }   
#nav a:hover 			{ color:#FFF}
#nav a.high 			{ color:#FFF}
#nav span	 			{ color:#FFF}
/* --- CONTENT -------------------------------------------------------------------------------------------------------------------------- */
#contentTop											{ margin:120px 0 0 0; width:984px; height:26px; background:transparent url(../img/contentTop.png) top left no-repeat; }
*html #contentTop									{ background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/img/contentTop.png' sizingMethod=scale); }
#content											{ width:984px; background:transparent url(../img/contentBg.png) top left repeat-y;  }
*html #content										{ background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/img/contentBg.png' sizingMethod=scale); }
#contentBottom										{ width:984px; height:21px; background:transparent url(../img/contentBottom.png) top left no-repeat; }
*html #contentBottom								{ background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/img/contentBottom.png' sizingMethod=scale); }
#contentInhalt										{ width:900px; overflow:hidden; padding:40px 0 30px 47px }
#contentInhalt a.btnWide							{ float:left; display:block; margin:30px 0 0 0; padding:10px 0 0 20px; width:404px; height:40px; text-decoration:none; text-transform:uppercase; color:#FFF; font-size:17px; font-weight:bold; background:transparent url(../img/btnWide.jpg) top left no-repeat; }
#contentInhalt a.btnWide2							{ float:left; display:block; margin:20px 0 0 15px; padding:10px 0 0 20px; width:416px; height:74px; text-decoration:none; text-transform:uppercase; color:#FFF; font-size:17px; font-weight:bold; background:transparent url(../img/btnWide2.jpg) top left no-repeat; }
#contentInhalt a.btn								{ display:block; padding:10px 0 0 20px; width:260px; height:34px; text-decoration:none; text-transform:uppercase; color:#FFF; font-size:15px; font-weight:bold; background:transparent url(../img/btn.jpg) top left no-repeat; }
#contentInhalt a.btnSpecial							{ display:block; padding:11px 0 0 20px; width:294px; height:34px; text-decoration:none; text-transform:uppercase; color:#FFF; font-size:15px; font-weight:bold; background:transparent url(../img/btnSpecial.jpg) top left no-repeat; }
#contentInhalt a.btnTop								{ clear:both; display:block; margin:0px auto; width:78px; height:100px; background:transparent url(../img/btntop.gif) bottom left no-repeat; }
#contentInhalt .backBox								{ clear:both; margin:0px auto; width:240px; height:36px; padding-top:30px}
#contentInhalt .backBox a.btnTop					{ clear:none; float:left; display:block; margin:0 0 0 5px; width:78px; height:36px; background:transparent url(../img/btntop.gif) bottom left no-repeat; }
#contentInhalt .backBox a.btnBack					{ float:left; display:block; margin:0; width:107px; height:36px; background:transparent url(../img/btn_zurueck.gif) bottom left no-repeat; }
#contentInhalt a.btnGo								{ display:block; position:absolute; bottom:20px; left:20px; width:66px; height:38px; background:transparent url(../img/btnGo.png) bottom left no-repeat; }
*html #contentInhalt a.btnGo						{ background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/img/btnGo.png' sizingMethod=scale); }
#contentInhalt .registrierung h1					{ font-size:54px; padding:0 0 50px 0 }
#contentInhalt .registrierung a						{ color:#003B82; text-decoration:underline }
#contentInhalt .registrierung a:hover				{ text-decoration:none }
#contentInhalt .loginText							{ width:425px; overflow:hidden; float:left }
#contentInhalt .loginText h1						{ font-size:40px; padding:0 0 30px 0 }
#contentInhalt .loginText a							{ color:#003B82; text-decoration:underline }
#contentInhalt .loginText a:hover					{ text-decoration:none }
#contentInhalt .login								{ position:relative; font-size:12px; margin:80px 15px 0 0; padding:50px 0 0 55px; width:375px; height:112px; background:transparent url(../img/loginBg.jpg) top left no-repeat; overflow:hidden; float:right }
#contentInhalt .login input							{ width:120px }
#contentInhalt .login label							{ width:120px; color:#95afe0; margin:0 0 4px 0; display:block }
#contentInhalt .login .submit						{ cursor:pointer; border:none; padding:0; width:66px; height:22px; background:transparent url(../img/loginBtn.jpg) top left no-repeat; overflow:hidden; display:block }
#contentInhalt .login td							{ padding:0 5px 0 0; }
#contentInhalt .login a								{ font-size:11px; color:#95afe0; margin:8px 0 0 0; display:block; text-decoration:underline }
#contentInhalt .login a:hover						{ text-decoration:none }
#contentInhalt .login .error						{ position:absolute; top:25px; left:55px; color:#FF0000  }
#contentInhalt #registrieren h1						{ font-size:54px; padding:0 0 50px 0 }
#contentInhalt #registrieren p						{ font-size:10px; color:#95afe0; margin:0 0 4px 0 }
#contentInhalt #registrieren p.error				{ font-size:10px; color:#FF0000; margin:0 0 4px 0 }
#contentInhalt #registrieren input					{ border:1px solid #003b82; margin:0 0 4px 0; width:210px; color:#003b82; font-size:12px; padding:2px 2px }
#contentInhalt #registrieren label					{ color:#003b82; font-size:12px }
#contentInhalt #registrieren td						{ padding:0 20px 0 0 }
#contentInhalt #registrieren .row_9 .col_0			{ padding:20px 0 0 0 }
#contentInhalt #registrieren .row_9 .col_1			{ padding:20px 0 0 0 }
#contentInhalt #registrieren .row_12 .col_0			{ padding:20px 0 0 0; vertical-align:top }
#contentInhalt #registrieren .row_12 .col_1			{ padding:20px 0 0 0 }
#contentInhalt #registrieren .row_12 .captcha_text	{ display:block; font-size:11px; color:#95afe0; }
#contentInhalt #registrieren .submit				{ float:left; margin:15px 5px 0 0; cursor:pointer; border:none; padding:0; width:102px; height:21px; background:transparent url(../img/registerBtn.jpg) top left no-repeat; overflow:hidden; display:block }
#contentInhalt #registrieren .reset					{ float:left; margin:15px 0 0 0; cursor:pointer; border:none; padding:0; width:67px; height:21px; background:transparent url(../img/deleteBtn.jpg) top left no-repeat; overflow:hidden; display:block }
#contentInhalt .mod_lostPassword					{ margin:20px 0 0 0 }
#contentInhalt .mod_lostPassword p					{ font-size:10px; color:#95afe0; margin:0 0 4px 0 }
#contentInhalt .mod_lostPassword h1					{ font-size:54px; padding:0 0 50px 0 }
#contentInhalt .mod_lostPassword p.error			{ font-size:10px; color:#FF0000; margin:0 0 4px 0 }
#contentInhalt .mod_lostPassword input				{ border:1px solid #003b82; margin:0 0 4px 0; width:210px; color:#003b82; font-size:12px; padding:2px 2px }
#contentInhalt .mod_lostPassword label				{ color:#003b82; font-size:12px }
#contentInhalt .mod_lostPassword td					{ padding:0 20px 0 0 }
#contentInhalt .mod_lostPassword .captcha_text		{ display:block; font-size:11px; color:#95afe0; }
#contentInhalt .mod_lostPassword .submit			{ margin:15px 0 0 0; cursor:pointer; border:none; padding:0; width:70px; height:20px; background:transparent url(../img/pw_senden_btn.jpg) top left no-repeat; overflow:hidden; display:block }
#contentInhalt #registrieren p						{ font-size:10px; color:#95afe0; margin:0 0 4px 0 }
#contentInhalt #registrieren p.error				{ font-size:10px; color:#FF0000; margin:0 0 4px 0 }
#contentInhalt #registrieren input					{ border:1px solid #003b82; margin:0 0 4px 0; width:210px; color:#003b82; font-size:12px; padding:2px 2px }
#contentInhalt #registrieren label					{ color:#003b82; font-size:12px }
#contentInhalt #registrieren td						{ padding:0 20px 0 0 }
#contentInhalt #registrieren .row_9 .col_0			{ padding:20px 0 0 0 }
#contentInhalt #registrieren .row_9 .col_1			{ padding:20px 0 0 0 }
#contentInhalt #registrieren .row_12 .col_0			{ padding:20px 0 0 0; vertical-align:top }
#contentInhalt #registrieren .row_12 .col_1			{ padding:20px 0 0 0 }
#contentInhalt #registrieren .row_12 .captcha_text	{ display:block; font-size:11px; color:#95afe0; }
#contentInhalt #registrieren .submit				{ float:left; margin:15px 5px 0 0; cursor:pointer; border:none; padding:0; width:102px; height:21px; background:transparent url(../img/registerBtn.jpg) top left no-repeat; overflow:hidden; display:block }
#contentInhalt #registrieren .reset					{ float:left; margin:15px 0 0 0; cursor:pointer; border:none; padding:0; width:67px; height:21px; background:transparent url(../img/deleteBtn.jpg) top left no-repeat; overflow:hidden; display:block }
#contentInhalt .contentInhaltBoxes					{ clear:both; width:900px; position:relative }
#contentInhalt .contentInhaltBoxes .hl_home			{ font-size:35px; color:#FFF; position:absolute; right:60px; top:34px; font-weight:normal; line-height:36px }
#contentInhalt .contentInhaltBoxes p a				{ color:#003B82; text-decoration:underline }
#contentInhalt .contentInhaltBoxes p a:hover		{ text-decoration:none }
/*#contentInhalt .contentInhaltBoxes img				{ float:left; }*/
#contentInhalt .contentInhaltBoxes .listContainer {
	width:900px;
	overflow:hidden;
}
#contentInhalt .contentInhaltBoxes ul {
	float:left;
	width:415px;
	overflow:hidden;
	list-style-image: url(../img/gfx_bullet_list_1.gif);
	padding-left:23px;
	margin-right:10px;
}
#contentInhalt .contentInhaltBoxes li h2 {
	font-size:14px;
	font-weight:bold;
	color:#525252;
	margin-bottom:9px;
}
#contentInhalt .contentInhaltBoxes li p {
	font-size:11px;
	color:#434343;
	margin-bottom:25px;
}
#contentInhalt .contentInhaltBoxes .quelle {
	float:left;
	font-size:8px;
	color:#434343;
	margin:0 0 60px 23px;
}

#contentInhalt .contentInhaltBoxes .benefits		{ float:left; width:415px; overflow:hidden; list-style:none; margin:0; padding:0; }
#contentInhalt .contentInhaltBoxes .benefits li		{ margin:0 0 10px 0; padding:5px 0 5px 39px; font-weight:normal; font-size:20px; background:transparent url(../img/mediadaten_bullet.jpg) 0px 4px no-repeat; }

#contentInhalt .withSpace							{ padding:50px 0 0 0 }
#contentInhalt .bottom								{ position:absolute; bottom:0px; left:0; }
#contentInhalt .contentInhaltBoxes .infoBox			{ width:890px; height:263px; margin:15px 0 0 0; background:transparent url(../img/infoBox.jpg) top left no-repeat; }
#contentInhalt .contentInhaltBoxes .infoBox	ul		{ padding:20px 0 0 65px; list-style:square; float:left; width:360px }
#contentInhalt .contentInhaltBoxes .infoBox	.right	{ width:360px }
#contentInhalt .contentInhaltBoxes .infoBox	li		{ font-size:17px; font-weight:bold; color:#FFF; line-height:28px }
#contentInhalt .contentInhaltBoxes .boxLeft			{ width:410px; height:593px; float:left; position:relative }
#contentInhalt .contentInhaltBoxes .boxLeft p		{ font-size:20px; padding:5px 0 20px 5px; line-height:30px }
#contentInhalt .contentInhaltBoxes .boxRight		{ width:440px; height:593px; float:right; position:relative }
#contentInhalt .contentInhaltBoxes .boxLeftSub		{ width:440px; height:450px; float:left; position:relative; }
#contentInhalt .contentInhaltBoxes .boxLeftSub p	{ padding:20px 0 0 0; line-height:18px; width:400px }
#contentInhalt .contentInhaltBoxes .boxLeftSub h1	{ letter-spacing:-1px }
#contentInhalt .contentInhaltBoxes .boxRightSub		{ width:440px; height:360px; float:right; position:relative; }
#contentInhalt .contentInhaltBoxes .boxRightSub	p	{ padding:30px 0 0 0 }
#contentInhalt .contentInhaltBoxes .boxLeftCal		{ width:480px; height:125px; float:left; }
#contentInhalt .contentInhaltBoxes .boxRightCal		{ width:370px; height:125px; float:right; }
#contentInhalt .contentInhaltBoxes .boxRightCal	p	{ padding:15px 0 0 0 }
#contentInhalt .contentInhaltBoxes .boxRightCal	h1	{ font-size:16px }
#contentInhalt .contentInhaltBoxes .bildnavi		{ clear:both; float:right; width:inherit; height:20px; margin-right:25px; }
#contentInhalt .contentInhaltBoxes .bildnavi p		{ float:right; font-size:12px; color:#99B9E2 }
#contentInhalt .contentInhaltBoxes .bildnavi a		{ color:#99B9E2 }
#contentInhalt .contentInhaltBoxes .bildnavi span,
#contentInhalt .contentInhaltBoxes .bildnavi a:hover 				{color:#003B82}
#contentInhalt .contentInhaltBoxes .map 							{ width:480px; height:655px; float:left; position:relative; overflow:hidden; }
#contentInhalt .contentInhaltBoxes .map .block						{ width: 100%; }
#contentInhalt .contentInhaltBoxes .thumb 							{ float:right; width:360px; }
#contentInhalt .contentInhaltBoxes .thumb h1 						{ padding:0 0 30px 0; }
#contentInhalt .contentInhaltBoxes .thumb img 						{ border:none; }
#contentInhalt .contentInhaltBoxes .thumb ul 						{ margin:0; padding:0; list-style:none; }
#contentInhalt .contentInhaltBoxes .thumb ul li						{ margin:0; padding:0; width:360px; border-bottom: 1px solid #003b82; }
#contentInhalt .contentInhaltBoxes .thumb ul li.hover 				{ filter:Alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; cursor: pointer; }
#contentInhalt .contentInhaltBoxes .thumb ul li.active 				{ filter:Alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; cursor: default; }
#contentInhalt .contentInhaltBoxes .boxOneSpecial					{ position:relative; width:250px; height:335px; float:left; margin:0 10px 0 0 }
#contentInhalt .contentInhaltBoxes .boxOneSpecial h2				{ font-size:20px }
#contentInhalt .contentInhaltBoxes .boxOneSpecial p					{ padding:15px 0 0 0 }
#contentInhalt .contentInhaltBoxes p span							{ text-transform:uppercase; font-weight:bold}
#contentInhalt .contentInhaltBoxes .boxTwoSpecial					{ position:relative; width:325px; height:335px; float:left; }
#contentInhalt .contentInhaltBoxes .boxTwoSpecial img				{ display:block; border:none; float:none; padding:0 0 0 10px }
#contentInhalt .contentInhaltBoxes .boxTwoSpecial .registerBtn		{ display:block; width:201px; height:45px; float:left; margin:0; padding:0; border:none; }
#contentInhalt .contentInhaltBoxes .boxTwoSpecial .loginBtn			{ display:block; width:124px; height:45px; float:left; margin:0; padding:0;  border:none; }
#contentInhalt .contentInhaltBoxes .boxThreeSpecial					{ position:relative; width:280px; height:346px; float:right; }
#contentInhalt .contentInhaltBoxes .boxThreeSpecial h2				{ font-size:20px }
#contentInhalt .contentInhaltBoxes .boxThreeSpecial .img			{ float:left; width:111px; margin-top:6px; }
#contentInhalt .contentInhaltBoxes .boxThreeSpecial p				{ float:right; width:155px; padding:5px 0 0 0; line-height:18px; }
#contentInhalt .contentInhaltBoxes .boxOne			{ width:280px; float:left; margin:0 25px 0 0 }
#contentInhalt .contentInhaltBoxes .boxOne h3		{ font-size:14px; padding:0 0 5px 0 }
#contentInhalt .contentInhaltBoxes .boxOne p		{ font-size:12px }
#contentInhalt .contentInhaltBoxes .boxTwo			{ width:280px; float:right; }
#contentInhalt .contentInhaltBoxes .boxTwo h3		{ font-size:14px; padding:0 0 5px 0 }
#contentInhalt .contentInhaltBoxes .boxTwo p		{ font-size:12px }
#contentInhalt .contentInhaltBoxes .kunden			{ position:relative; padding:30px 0 0 25px; height:139px; width:255px; color:#FFF; background:transparent url(../img/bgKundenBox.jpg) top left no-repeat; }
#contentInhalt .contentInhaltBoxes .kunden p		{ width:130px }
#contentInhalt .contentInhaltBoxes .media			{ position:relative; padding:30px 0 0 25px; height:139px; width:255px; color:#FFF; background:transparent url(../img/bgmediabox.jpg) top left no-repeat; }
#contentInhalt .contentInhaltBoxes .media p			{ width:150px }
#contentInhalt .contentInhaltBoxes .agentur			{ position:relative; padding:30px 0 0 25px; height:139px; width:255px; color:#FFF; background:transparent url(../img/bgAgenturBox.jpg) top left no-repeat; }
#contentInhalt .contentInhaltBoxes .agentur p		{ width:150px }
#contentInhalt .contentInhaltBoxes .media_left_box		{ width:420px; float:left; margin:0 20px 0 0 }
#contentInhalt .contentInhaltBoxes .media_left_box h1	{ padding:3px 0 0 39px; height:26px; font-weight:normal; font-size:20px; background:transparent url(../img/mediadaten_bullet.jpg) left center no-repeat; }
#contentInhalt .contentInhaltBoxes .media_left_box h2	{ margin:20px 0 0 0; padding:3px 0 0 39px; height:26px; font-weight:normal; font-size:20px; background:transparent url(../img/mediadaten_bullet.jpg) left center no-repeat; }
#contentInhalt .contentInhaltBoxes .media_left_box p	{ padding:0 0 0 39px; font-size:17px; color:#58585a; }
#contentInhalt .contentInhaltBoxes .media_right_box		{ width:420px; float:left }
#contentInhalt .contentInhaltBoxes .media_right_box h1	{ padding:3px 0 0 39px; height:26px; font-weight:normal; font-size:20px; background:transparent url(../img/mediadaten_bullet.jpg) left center no-repeat; }
#contentInhalt .contentInhaltBoxes .media_right_box h2	{ margin:20px 0 0 0; padding:3px 0 0 39px; height:26px; font-weight:normal; font-size:20px; background:transparent url(../img/mediadaten_bullet.jpg) left center no-repeat; }
#contentInhalt .contentInhaltBoxes .media_right_box p	{ padding:0 0 0 39px; font-size:17px; color:#58585a; }
#contentInhalt .contentInhaltBoxes .media_single_line	{ clear:both; padding:40px 0 0 39px; font-size:17px; color:#58585a; }
#contentInhalt .contentInhaltBoxes .media_kalk_btn		{ margin:5px 0 40px 34px; display:block; background:transparent url(../img/mediadaten_kalk_btn.jpg) left top no-repeat; width:163px; height:46px; }

/* --- IMPRESSUM -------------------------------------------------------------------------------------------------------------------------- */
#contentInhalt .contentInhaltBoxes .boxLeftImpressum		{ width:410px; height:450px; float:left; position:relative }
#contentInhalt .contentInhaltBoxes .boxLeftImpressum p		{ font-size:16px; padding:5px 0 5px 5px; line-height:30px }
/* --- FOOTER -------------------------------------------------------------------------------------------------------------------------- */
#footer							{ clear:both; width:900px; margin:0px auto; padding:0 0 30px 0 }
#footer p						{ float:left; font-size:11px; color:#809dc1; }
#footer span					{ margin:0 0 0 60px }
#footer ul						{ float:right; list-style:none }
#footer li						{ float:left; font-size:11px; color:#809dc1; padding:0 0 0 16px }
#footer a						{ font-size:11px; color:#809dc1; text-decoration:none }