/* * - Allgemein - * */
body{
	background:#ffffff;
	font: 400 12px/1.3em Arial, Tahoma, Verdana, Helvetica;
	color:#777;
	background: transparent url(../images/page_bg.png) repeat-x top center;
}




.layout {border:0px solid red;}
hr {border-top:1px solid #bbb;}



/* * - Schriften - * */
h1 {font-size:1.8em;}
h2 {font-size:1.5em;color:#5e759a;font-weight:bold;}
h3 {font-size:1.2em;font-weight:bold;margin:10px;}

#page-content p {text-align:justify;}





#main-nav {margin-top:-24px;}
#main-nav li {border-left:1px solid #ddd;padding:5px 0;}
#main-nav li a {color:#000;}
#main-nav li a:hover {background:transparent;color:#4056a6;}
#main-nav li a img {margin:-16px -12px;}

#nav-ratgeber {width:950px;background:#efefef;}
#nav-ratgeber li {font-size:12px;float:left;width:48%;}


.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
.dropdown a:active, .dropdown a:focus, .dropdown-menu li a:active, .dropdown-menu li a:focus {background:transparent;}
/* / Navigation beim Mausüberfahren aufklappen */
.dropdown .dropdown-toggle:active, .dropdown .dropdown-toggle:focus {background:transparent;}


.list-kredite-von-blitzkredite {list-style-type:none;margin-left:-40px;}
.list-kredite-von-blitzkredite li a{color:#666;}
.list-kredite-von-blitzkredite li a:hover{color:#5e759a;}


.news-box {padding:10px; border: 2px solid #a71982; background-color:#F2F7F8;line-height: 1.5;}


/* * - Responsive - * */
@media screen and (max-width: 1044px) {

	#bekannt-aus, #bekannt-aus img {width:98%;}
	
	.container {width:100%;}	
	
	
	#main-nav li a {
	
		font-size:12px;
	}
}


@media screen and (max-width: 975px) {

	
	#main-nav li a {
	
		font-size:10px;
		
	}
	
	
	
	#nav-ratgeber {width:750px;}
	.box {
	
		float:left;
		width: 32%;
		margin: 0 2px;
		
		padding: -5px;
		text-align:left;
	}
	
	
	
	.content-box {
	
		min-height:100px;
		padding:2px;
	}
	
	
	.content-box-header h3 {
	
		font-size:1.0em;
	}
	
	
	#page-content {
	
		margin: 20px 0;
		padding: 7px;
		float:left;
	}
}


@media screen and (max-width: 885px) {

	
	#main-nav li a {
	
		font-size:9px;
	}
}


/* * - Responsive - * */
@media screen and (max-width: 810px) {

	
	body {
	
		background: url('/images/page_bg2.png') repeat-x;
	}
	

	#main-nav {
	
		display:block;
		float:left;
		margin-bottom:30px;
	}
	
	#main-nav li {
	
		display:block;
		width:100%;
		border:0;
	}
	
	#main-nav li a {
	
		background:#ddd;
		font-size:13px;
	}
	
	
	#main-nav li a:hover {
	
		background:#0099cc;
		
		background: -moz-linear-gradient(top, #129bde 0%, #2989d8 50%, #207cca 51%, #0078b4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#129bde), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#0078b4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #129bde 0%,#2989d8 50%,#207cca 51%,#0078b4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #129bde 0%,#2989d8 50%,#207cca 51%,#0078b4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #129bde 0%,#2989d8 50%,#207cca 51%,#0078b4 100%); /* IE10+ */
		background: linear-gradient(to bottom, #129bde 0%,#2989d8 50%,#207cca 51%,#0078b4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#129bde', endColorstr='#0078b4',GradientType=0 ); /* IE6-9 */
		
		color:#fff;
		border-left:5px solid red;
	}
	
	
	#bekannt-aus, #main-content, #footer {
	
		float:left;
	}
	
	#navigation {
	
		
	}
	
	
}


@media screen and (max-width: 720px) {
	
	.content-box {
	
		display:block;
		width:100%;
		
	}
	
	#nav-ratgeber {width:560px;}
		#nav-ratgeber li a{background:transparent;}
}


@media screen and (max-width: 505px) {
	
	#logo img {width:100%;height:100%;margin-bottom:30px;}
	
	
	.box {
	
		float:none;
		width: 99%;
		margin: 0 2px;
		min-height:20px;
		
		text-align:left;
	}
	
	
	
	.content-box {
	
		padding:2px;
	}
	
	
	.content-box-header h3 {
	
		
	}
	
	
	#page-content {
	
		float:none;
	}
	
	#nav-ratgeber {width:450px;}
	#nav-ratgeber li {font-size:11px;}
}

@media screen and (max-width: 350px) {
	
	#nav-ratgeber {width:290px;}
	#nav-ratgeber li a{display:block;font-size:9px;}
}