@charset "UTF-8";


	body {
		font-family: "Lucida Grande", Tahoma, Verdana;
		font-size: 11px;
		margin: 0;
		padding: 0;
		line-height: 18px;
		color: #333;
		background: url(http://alpina-finanz.de/images/bgr_shw.jpg) repeat-x 0 400px;
	}
	
	
	h1 {
		color: #414f6d;
		letter-spacing: -1px;
		font-size: 21px;
		font-weight: bold;
	}
	
	
	h2 {
		color: #414f6d;
		font-weight: normal;
		letter-spacing: -1px;
	}
	
	
	
	h3 {
		color: #414f6d;
		font-weight: normal;
		letter-spacing: -1px;
	}
	
	
	
	h4 {
		font-size: 13px;
		font-weight: normal;
		color: #414f6d;
	}
	
	
	
	a, a:hover {
		color: #414f6d;
		text-decoration: underline;
	}


	.clearfix:after {
		clear:both;
		content:".";
		display:block;
		height:0pt;
		visibility:hidden;
	}
	
	
	.clearfix {
		display: inline-block;
	}
	
	
	* html .clearfix {
		height: 1%;
	}
	
	
	.clearfix {
		display: block;
	}
	


	#c640 {
		width: 640px;
		float: left;
		margin-right: 10px;	
	}
	
	
	#c220 {
		width: 220px;
		float: left;
	}
	
	#c870 {
		width: 870px;
		float: left;
	}
	
	#header_line {
		background-color: #414f6d;
		height: 5px;
		border-bottom: 4px solid #6e7990;
	}
	
	
	#header {
		padding-top: 2px;
		height: 110px;
	}
	
		#header #links {
			width: 100%;
			overflow: hidden;
		}
		
			#header #links a {
				color: #999;
				text-transform: uppercase;
				text-decoration: none;
				float: right;
				padding-left: 15px;
				font-size: 10px;
			}
	
			
				#header #links a:hover {
					color: #333;
					text-decoration: underline;
				}
					
		#header #logo {
			width: 210px;
			height: 78px;
			margin-top: -5px;
			background: url(http://alpina-finanz.de/images/logo_head.jpg) no-repeat;	
		}
	
	
	
	#index #teaser_img {
		width: 870px;
		height: 250px;
	}
	
	
	
	#nav {
		padding: 0 5px 5px 0;
		width: 100%;
	}
	
		#nav a {
			font-size: 14px;
			color: #3b5998;
			text-transform: lowercase;
			padding: 0 0 0 0px;
			float: right;
			letter-spacing: normal;
			text-decoration: none;
			border-top: 1px solid #fff;
			margin-left: 14px;
		}
		
			#nav a.active {
				border-top: 1px solid #3b5998;
			}
			
			#nav a:hover {
				color: #8b9dc2;
				border-top: 1px solid #8b9dc2;
			}


	#scroll_div {
		width: 200px;
		height: 320px;
		position: fixed;
		left: 0;
		bottom: 0;
	}
	
		#scroll_div #seal {
			width: 136px;
			height: 150px;
			background: url(http://alpina-finanz.de/images/af_quality_seal.jpg) no-repeat;
			padding-bottom: 5px;
			display: none;		
}
	
		#scroll_div #guarantee {
			width: 150px;
			height: 150px;
			background: url(http://alpina-finanz.de/images/af_guarantee_seal.jpg) no-repeat;
			padding-bottom: 5px;
			display: none;		
}


	#footer {
		font-size: 9px;
		color: #666;
		padding-top: 25px;
	}


		#footer .t_line {
			border: 1px solid #eee;
			margin-bottom: 5px;
			width: 100%;
		}
		
			#footer .primary_links a {
				color: #666;
				text-transform: uppercase;
				padding-right: 5px;
				font-size: 10px;
			}
			
			#footer .secondary_links a {
				color: #666;
				text-transform: uppercase;
				padding-right: 5px;
				font-size: 10px;
			}
			
		
			#footer a:hover {
				color: #000;
			}
					
				
	
		

/******************** INDEX ************************/

	#content {
		width: 875px;
		margin: 0 auto;
	}
	

	
	#index #teaser_img {
		background: url(http://alpina-finanz.de/images/teaser/index.jpg) no-repeat;
	}

	
	#index #teaser_img_m {
		width: 620px;
		margin: 1px 0 -110px 0;
		height: 125px;
		background: url(http://alpina-finanz.de/images/teaser/index_m.jpg) no-repeat;
	}

	
	#head_storys {
		margin: 0 auto;
		width: 850px;
		padding: 10px 0 40px 0;
	}


		#head_storys .column {
			width: 270px;
			height: 270px;
			float: left;
			border-left: 5px solid #eee;
			padding-left: 10px;
		}
		
			#head_storys .first {
				border-left: none;
			}
	
	
			#head_storys .column h2 {
				font-size: 19px;
			}


				#head_storys .column .img_col {
					width: 90px;
					padding-right: 5px;
					float: left;
				
				}
				
					#head_storys .column .img_col img {
						border: 5px solid #d6d6d6;
						padding: 1px;
					}
	
				
				#head_storys .column .txt_col {
					float: left;
					width: 170px;
					font-size: 11px;
				}

				
					#head_storys .column .txt_col h4 {
						padding: 0 0 5px 0;
						margin: 0;
						font-size: 12px;
					}
					
					
	#intro {
		font-size: 11px;
		padding: 5px 10px;
	}
	
		#intro h3 {
			margin-top: -10px;
		}
	
	
	
	
	
	#teaser_img {
		width: 640px;
		height: 184px;
	}
	
	
	
	#credit {
		background: url(http://alpina-finanz.de/images/bgr_shw.jpg) repeat-x 0 290px;
	}
	
	#credit #teaser_img {
		background: url(http://alpina-finanz.de/images/teaser/1.jpg) no-repeat;
	}
			
	#credit #teaser_img_m {
		width: 640px;
		margin: 1px 0 -130px 0;
		height: 125px;
		background: url(http://alpina-finanz.de/images/teaser/1_m.jpg) no-repeat;
	}
	
	
	#credit #teaser_img2 {
		width: 640px;
		height: 184px;
		background: url(http://alpina-finanz.de/images/teaser/2.jpg) no-repeat;
	}
		

	#credit #teaser_img_m2 {
		width: 640px;
		margin: 1px 0 -130px 0;
		height: 125px;
		background: url(http://alpina-finanz.de/images/teaser/2_m.jpg) no-repeat;
	}
		
		
	
	#credit #teaser_img3 {
		width: 640px;
		height: 184px;
		background: url(http://alpina-finanz.de/images/teaser/3.jpg) no-repeat;
	}
		

	#credit #teaser_img_m3 {
		width: 640px;
		margin: 1px 0 -130px 0;
		height: 125px;
		background: url(http://alpina-finanz.de/images/teaser/3_m.jpg) no-repeat;
	}
			

	
	#credit #teaser_img4 {
		width: 640px;
		height: 184px;
		background: url(http://alpina-finanz.de/images/teaser/4.jpg) no-repeat;
	}
		

	#credit #teaser_img_m4 {
		width: 640px;
		margin: 1px 0 -130px 0;
		height: 125px;
		background: url(http://alpina-finanz.de/images/teaser/4_m.jpg) no-repeat;
	}
	
	
	#credit #teaser_img5 {
		width: 640px;
		height: 184px;
		background: url(http://alpina-finanz.de/images/teaser/5.jpg) no-repeat;
	}
		

	#credit #teaser_img_m5 {
		width: 640px;
		margin: 1px 0 -130px 0;
		height: 125px;
		background: url(http://alpina-finanz.de/images/teaser/5_m.jpg) no-repeat;
	}
	

	
	#credit #teaser_img6 {
		width: 640px;
		height: 184px;
		background: url(http://alpina-finanz.de/images/teaser/6.jpg) no-repeat;
	}
		

	#credit #teaser_img_m6 {
		width: 640px;
		margin: 1px 0 -130px 0;
		height: 125px;
		background: url(http://alpina-finanz.de/images/teaser/6_m.jpg) no-repeat;
	}
	


	#credit #teaser_img7 {
		width: 640px;
		height: 184px;
		background: url(http://alpina-finanz.de/images/teaser/7.jpg) no-repeat;
	}
		

	#credit #teaser_img_m7 {
		width: 640px;
		margin: 1px 0 -130px 0;
		height: 125px;
		background: url(http://alpina-finanz.de/images/teaser/7_m.jpg) no-repeat;
	}
	



	#credit #teaser_img8 {
		width: 640px;
		height: 184px;
		background: url(http://alpina-finanz.de/images/teaser/8.jpg) no-repeat;
	}
		

	#credit #teaser_img_m8 {
		width: 640px;
		margin: 1px 0 -130px 0;
		height: 125px;
		background: url(http://alpina-finanz.de/images/teaser/8_m.jpg) no-repeat;
	}
	



	#credit #teaser_img9 {
		width: 640px;
		height: 184px;
		background: url(http://alpina-finanz.de/images/teaser/9.jpg) no-repeat;
	}
		

	#credit #teaser_img_m9 {
		width: 640px;
		margin: 1px 0 -130px 0;
		height: 125px;
		background: url(http://alpina-finanz.de/images/teaser/9_m.jpg) no-repeat;
	}
	




	#credit #teaser_220 {
		with: 220px;
		height: 184px;
		background: url(http://alpina-finanz.de/images/teaser/220_1.jpg) no-repeat;
	}
	
	
	#sidebar {
		width: 100%;
		height: 500px;
		margin-top: 5px;
	}


		#sidebar ul#sidenav {
			list-style-type: none;
			padding: 0 0 10px 0;
			margin: 0;
		}
			
			#sidebar ul#sidenav a {
				text-decoration: none;
				color: #222222;
			}
			
				#sidebar ul#sidenav a:hover {
					text-decoration: underline;
				}
			
			
			#sidebar ul#sidenav li {
				background: #F0F0F0 url(http://alpina-finanz.de/images/dot.gif) 6px 8px no-repeat;
				padding: 5px 0px 5px 25px;
				border-top: 1px solid #fff;
				display: block;
				font-size: 15px;
			}
			
				#sidebar ul#sidenav li.current {
					border-left: 3px solid #ffd012;
					color: #212121;
				}


	p.features {
		font-weight: bold;
		border-bottom: 1px solid #ccc;
	}
	
	p.head {
		font-size: 13px;
		font-weight: normal;
		letter-spacing: -1px;
		color: #414f6d;
	}
	
	p.intro {
		font-size: 12px;
		color: #333;
		line-height: 19px;
	}
	
	ul.feature_list {
		width: 500px;
		list-style-type:none;
		font-size: 11px;
		padding-bottom: 10px;
		
	}	
		ul.feature_list li {
			padding: 4px 5px 4px 15px;
			background: url(http://alpina-finanz.de/images/arrow.gif) 2px 11px no-repeat;
			border-bottom: 1px solid #bbc5db;
		}	
		
		ul.feature_list li.sec {
			background-color: #eff1f7;
		}
	
	
	div.center {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	
	div.btn_form {
		width: 172px;
		height: 36px;
		background: url(http://alpina-finanz.de/images/btn_form.jpg) no-repeat;
		border: 0;
		text-align: center;
		margin:0 auto;
		cursor: pointer;
	}
	
	div.rel {
		position: relative;
	}
	
	div.badge_39eur {
		position: absolute;
		left: 480px;
		top: 50px;
		width: 101px;
		height: 100px;
		background: url(http://alpina-finanz.de/images/badge_39eur.gif) no-repeat;
	}
	
	div.badge_89eur {
		width: 101px;
		height: 100px;
		background: url(http://alpina-finanz.de/images/badge_89eur.gif) no-repeat;
	}
	
	
	
	
	div.seal_150_os {
		margin: 0 auto;
		width: 150px;
		height: 150px;
		background: url(http://alpina-finanz.de/images/seals/af_150_os.jpg) no-repeat;
	}
	
	div.seal_150_accept {
		margin: 0 auto;
		width: 150px;
		height: 150px;
		background: url(http://alpina-finanz.de/images/seals/af_150_accept.jpg) no-repeat;
	}
	
	
	
	
	
	.hide {
		
	}
	
	
	
/************************** TABLES ******************************/



	
	.inputtext {
		background: #fff url(http://alpina-finanz.de/images/textfield_bg.gif) repeat-x 0 1px;
		border:1px solid #CDCDCD;
		padding:0.2em 0.3em;
	}
	
	.inputtext_error {
		background: #fff url(http://alpina-finanz.de/images/textfield_bg.gif) repeat-x 0 1px;
		border:1px solid red;
		padding:0.2em 0.3em;
	}
	
	
	.input {
		font-size: 13px;
		font-weight: bold;
	}
	
	.submitbutton {
	    padding: 2px 10px;
	}
	
	
	
	table.creditform {
		border-left: 0px solid #43516f;
	}
	
	table.creditform td {
		font-size: 11px;
		background-color: #eff1f7;
	}
	
	table.creditform td.labelCol {
		color: #333;
		vertical-align: top;
		width: 205px;
		padding: 7px 5px 2px 10px;
	}
	
		table.creditform td.labelCol div.tdlabel {
			width: 150px;
			float: left;
		}
		
		table.creditform td.labelCol a {
			display: inline-block;
			float: right;
		}
		
			table.creditform td.labelCol a div {
		
		}
		
	
	table.creditform td.contentCol {
		vertical-align: top;
		width: 425px;
		padding: 5px 5px 5px 10px;
	}
	
	table.creditform td.spacerCol {
		background-color: #fff;
		height: 2px;
		padding: 0;
		margin: 0;
		font-size: 1px;
	}
	
	
	table.creditform td.labelColSpc {
		background: none;
	}
	
	table.creditform td.contentColSpc {
		background: none;
	}
	
	table.creditform_sum {
		width: 350px;
	}
	
		table.creditform_sum td {
			width: 150px;
		}
		
	
	
	
	
	table.creditform_co {
		width: 100%;
		border-left: 0px solid #43516f;

	}
	
		table.creditform_co td {
			background-color: #fffff5; 
		}
		
		table.creditform_co td.labelCol {
			width: 150px;
			padding: 5px 0px 2px 2px;
		}
	
		table.creditform_co td.contentCol {
			width: 265px;
			padding: 2px 0px 2px 2px;
		}
		
		
		
		
		table.creditform td.whiteBox {
			background-color: #fff;
			border: 1px solid #999;
			padding: 15px;
		}
		
			table.creditform td.whiteBox:hover {
				background-color: #c8d1e3;
				border: 1px solid #333;
			}
		
	span.error {
		font-size: 10px;
		color: red;
		display: block;
	}
	
	span.sub {
		font-size: 9px;
		color: #666;
		display: block;
		line-height: 12px;
		width: 85%;
	}
	
	span.sub2 {
		font-size: 10px;
		color: #666;
		display: block;
	}
	
	span.req {
		font-size: 11px;
		color: red;
		font-weight: bold;
	}
	
	span.t10 {
		font-size: 10px;
	}
	
	span.t10b {
		font-size: 10px;
		font-weight: bold;
	}
	
	span.t11 {
		font-size: 11px;
	}
	
	span.t11b {
		font-size: 11px;
		font-weight: bold;
	}
	
	span.t12 {
		font-size: 12px;
	}
	span.t12b {
		font-size: 12px;
		font-weight: bold;
	}
	
	span.t13 {
		font-size: 13px;	
	}
	
	span.t13b {
		font-size: 13px;
		font-weight: bold;
	}
	
	span.t11sub {
		font-size: 11px;
		color: #333;
	}
	
	div.sub {
		font-size: 9px;
		color: #666;
		line-height: 12px;
		width: 100%;
	}
	
	div.chkBox {
		padding: 0 2px 15px 0;
		width: 20px;
		float: left;
	}	
	
	div.help {
		width: 18px;
		height: 18px;
		background: url(http://alpina-finanz.de/images/help.gif) no-repeat;
		float: right;
	}
	
	
	div.question {
		padding: 5px 0;
		font-size: 12px;
		color: #414f6d;
	}
	
		div.question:hover {
			cursor:pointer;
		}
	
	
	div.answer {
		border: 1px solid #999;
		background-color: #f9f9f9;
		padding: 5px;
		margin-bottom: 5px;
	}
	
	
	ul#creditSums {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		width: 390px;
	}
	
		ul#creditSums li {
			width: 150px;
			float: left;
			padding: 3px 2px 3px 0px;
		}
	
	input#credit_sum {
		margin-left: 45px;
	}
	
	
	ul#processStatus {
		width: 618px;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
		ul#processStatus li {
			float: right;
			color: #fff;
			background-color: #929db1;
			width: 145px;
			padding: 2px 0px 2px 10px;
			margin-left: 1px;
			line-height: 14px;
			border-top: 1px solid #4b5d7f;
		}
		
			ul#processStatus li.active {
				background-color: #4b5d7f;
			}
			
			ul#processStatus li b {
				display: block;
			}
	
	
	div.warning {
		background-color: #fffbde;
		border: 1px solid #dbdd12;
		color: #333;
		padding: 5px 10px;
		font-size: 12px;
		width: 500px;
		margin: 0 auto;
	}

		div.error p,
		div.ok p {
			font-size: 12px;
			color: #333;
			padding: 0;
			font-weight: bold;
			margin: 0;
		}
	
		div.warning h4 {
			font-size: 14px;
			color: #333;
			padding: 0;
			margin: 0;
			padding-top: 5px;
		}
		
		div.warning p {
			font-size: 12px;
			font-weight: normal;
			line-height: 18px;
			padding: 0;
		}
			
	div.error {
		font-size:11px;
		overflow:hidden;
		background:#fff6f6 url(http://alpina-finanz.de/images/grad_red.png) repeat-x;
		border:1px solid #ffbcbc;
		color:#ab0101;
		margin:0 0 20px;
		padding:15px;
	}
	
	div.ok {
		font-size:11px;
		overflow:hidden;
		background-color:#edffe4;
		border:1px solid #9cd580;
		color:#ab0101;
		margin:0 0 20px;
		padding:15px;
	}
	
	
	
	div.success {
		background: #edffe4 url(http://alpina-finanz.de/images/success_check.gif) 5px 10px no-repeat;
		border: 1px solid #9cd580;
		color: #315c1d;
		padding-left: 70px;
	}
	
		div.success p.big {
			font-size: 14px;
			font-weight: bold;
			
		}
				
	div.progressContainer {
		width: 100%;
		margin: 0 auto;
		height: 500px;
		position: fixed;
		overflow: visible;
		top: 0;
		left: 0;
		z-index: 2;
		background: url(http://alpina-finanz.de/images/lw/black-70.png) repeat;
	}
	
	div.progressContainer2 {
		margin: 200px auto;
		width: 500px;
		height: 260px;
		overflow: visible;
	}
	

	 div.progressContainer3 {
                margin: 200px auto;
                width: 500px;
                height: 360px;
                overflow: visible;
        }   
          
	div.progress {
		width: 500px;
		height: 175px;
		border: 5px solid #8793ac;
		background-color: #fff;
		margin: 0 auto;
		vertical-align: bottom;
		z-index: 1;
		
		position: absolute;

	}
	
    div.progress2 {
                width: 500px;
                height: 250px;
                border: 5px solid #8793ac;
                background-color: #fff;
                margin: 0 auto;
                vertical-align: bottom;
                z-index: 1;
                
                position: absolute;
         
        }   
		div.progress .headMsg {
			color: #fff;
			background-color: #4d5f83;
			width: 490px;
			height: 17px;
			font-size: 14px;
			padding: 5px 0 5px 10px;
			border-bottom: 1px solid #8793ac;
			font-weight: bold;
		}
	
		div.progress .bodyMsg {
			padding: 10px;
			text-align: center;
		}
		
		div.progress .bodyMsg .loader {
			width: 128px;
			height: 15px;
			background: url(http://alpina-finanz.de/images/loader.gif) no-repeat center center;
			border: 1px solid #8793ac;
			margin: 0 auto;
			text-align: center;	
			padding: 5px 5px;
			margin-bottom: 10px;
		}
		
		
	div.infobox {
		background: url(http://alpina-finanz.de/images/infobox_bgr.jpg) repeat-x;
		border: 1px solid #586c95;
		padding: 5px;
	}
	
		div.infobox h3 {
			padding-top: 10px;
			font-weight: bold;
			letter-spacing:normal;
		}
	
	span.red {
		color: red;	
	}
	
	
	.contentBox {
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		background-color:#fdfdfd;
		border:1px solid #E5E5E5;
		margin:0 25px 20px 0;
		padding: 5px 8px;
	}


	div#badge_unsere_empfehlung {
		padding-top: 30px;
		width: 120px;
		height: 78px;
		background: url(http://alpina-finanz.de/images/badge_unsere_empfehlung.jpg) right no-repeat;
	}

	
/*************************** TOOL TIPS **************************/
/* ----- tool tip specific styles ----- */
#theToolTip{
position: absolute;
left: -300px;
width: 300px;
border: 1px solid #C0C09F;
padding: 6px 0px 0px 10px;
background-color: #FFFFCC;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
font-size: 10px;
padding: 5px;
}

#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
display: none;
}


#ToolTipTextWrap {
font-weight:bold;
font-size: 10px;
color: #592C16;
margin-right:10px;
}