@charset "UTF-8";
/* CSS Document */

* {margin:0px; padding:0px;}
.img, img {width:100%;height:auto;}
body {	line-height: 25px;font-size: 20px;font-weight:400;font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif;	text-align: center;
	background-color: #ffffff;color: #39421c;}

h1{font-family: "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif; color: #164194;font-size: 53px;font-weight:bold;margin: 70px 0 70px 0;font-style:condensed;line-height:60px}
h2{font-family: "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif; font-size: 64px;height:40px; color: #164194; padding-top:10px;margin: 150px 0 70px 0; font-weight:medium;position:relative; padding-left:60px; background-image: url(../gfx/pfeil.png);background-size:30px;background-repeat: no-repeat;background-position: left;}
h3{font-family: "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif; font-size: 45px;line-height: 30px; height:60px; color: #1d1d3d; padding-top:10px;margin: 150px 0 70px 0; font-weight:medium;position:relative; padding-left:80px;background-size:50px;background-repeat: no-repeat;background-position: left 0x;}
h3#ka{ background-image: url(../gfx/kapitalanlagen.png);}
h3#fz{ background-image: url(../gfx/finanzierungen.png);}
h3#vs{ background-image: url(../gfx/versicherungen.png);}
h3#av{ background-image: url(../gfx/altersvorsorge.png);}
h3#ib{ background-image: url(../gfx/immobilien.png);}

h4{font-size: 24px;font-weight:600; color: #164194;}

a:link, a:visited, a:active  {font-size: 20px; color:#39421c; font-weight:bold;text-decoration: none; }
a:hover {color: #164194;}


#head{width: 100%; height: 130px; position:fixed; z-index:98; top:0; left:0; background-color:#ffffff;}
#headspace{height:100px;}

#bigmenu{width: 1150px; margin:0 auto;background-image: url(../gfx/schriftzug.png);background-size:750px; background-repeat: no-repeat;background-position: left top;}
#navbox {display:block; min-height:70px; width:100%;}

#nav {text-decoration: none;float: right;}
#nav UL {text-align: left;}	
#nav li {display: inline;}
#nav A, #nav A:visited {float: right;font-size:18px;color:#000000;font-style:normal;font-weight:500;text-decoration:none;padding: 45px 0 0 15px;}
#nav A:hover, #nav A:focus {color: #164194;}

#nav_impressum {text-align:right; width:100%; margin: 4px auto;}
#nav_impressum a:link, #nav_impressum a:visited {color: #1c1c1b;font-style: italic;text-decoration: none;font-weight:normal;font-size:12px;}
#nav_impressum a:hover, #nav_impressum a:focus {color: #164194;}

#picture{margin:0 auto;width:100%;height: 576px; background-color:#164194; background-image: url(../gfx/frank_mueller.jpg);background-size:1150px; background-repeat: no-repeat;background-position: center top; position:relative;}


#contend{margin:0 auto;width:1000px;padding-left:150px;text-align:left;}

#ikon_nav{text-decoration: none;margin:20px 0 180px 0;}
#ikon_nav UL {text-align: left;}	
#ikon_nav li {display: inline;}
#ikon_nav A, #ikon_nav A:visited {background-size:160px;background-repeat: no-repeat;background-position: center top;width: 200px;float: left;font-size:28px;color:#000000;
	font-family: "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif; font-style:normal;font-weight:200;text-decoration:none;padding: 190px 0 0 0;text-align:center;}
#ikon_nav A:hover, #ikon_nav A:focus {color: #164194;}



#ikon_nav li#ka a{ background-image: url(../gfx/kapitalanlagen.png);}
#ikon_nav li#fz a{ background-image: url(../gfx/finanzierungen.png);}
#ikon_nav li#vs a{ background-image: url(../gfx/versicherungen.png);}
#ikon_nav li#av a{ background-image: url(../gfx/altersvorsorge.png);}
#ikon_nav li#ib a{ background-image: url(../gfx/immobilien.png);}

#lines{border-top:1px solid #164194;height:4px;width:100%;border-bottom:1px solid #164194;height:3px;width:100%;margin-top:80px;}


/*
	Felix Fleißner für onlionit www.onlionit.de
	01.06.2015
	Mobile Navigation
*/
#mobile-nav,#mobile-nav-switch{display:none;}
#mediumsize{display:none;}

@media only screen and (max-width: 1150px) {
#bigsize{display:none;}
#bigmenu{width: 96%; padding-top:75px; margin:0 auto;background-image: url(../gfx/schriftzug.png);background-size:750px; background-repeat: no-repeat;background-position: left top;}
#mediumsize{display:block;}
#nav A, #nav A:visited {float: right;font-size:18px;color:#000000;font-style:normal;font-weight:500;text-decoration:none;padding: 16px 10px 2px 7px;}
	#nav A:hover, #nav A:focus {color: #164194;}
#headspace{height:150px;}#head{width: 100%; height: 150px; position:fixed; z-index:98; top:0; left:0; background-color:#ffffff;}
#contend{margin:0 auto;width:98%;padding-left:2%;text-align:left;}
h2{ font-size: 40pt;height:70px; color: #164194; padding-top:10px;margin: 150px 0 70px 0; font-weight:medium;position:relative; padding-left:45px; background-image: url(../gfx/pfeil.png);background-size:25px;background-repeat: no-repeat;background-position: left ;line-height:44pt;}
#ikon_nav{text-decoration: none;margin:40px 0 180px 0;}
#ikon_nav A, #ikon_nav A:visited {background-size:80%;background-repeat: no-repeat;background-position: center top;width: 19%;float: left;font-size:18px;color:#000000;
	font-family: "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif; font-style:normal;font-weight:200;text-decoration:none;padding: 18% 0 0 0;text-align:center;}
#picture{margin:0 auto;width:100%;height: 576px; background-color:#164194; background-image: url(../gfx/frank_mueller_medium.jpg);background-size:1150px; background-repeat: no-repeat;background-position: center top; position:relative;}
}

@media only screen and (max-width: 780px) {
#bigmenu{width: 96%; padding-top:75px; margin:0 auto;background-image: url(../gfx/schriftzug.png);background-size:96%; background-repeat: no-repeat;background-position: left top;}	
	#nav A, #nav A:visited {float: right;font-size:18px;color:#000000;font-style:normal;font-weight:500;text-decoration:none;padding: 15px 8px 0 5px;}
}
/*
	Felix Fleißner für onlionit www.onlionit.de
	01.06.2015
	Mobile Navigation
*/
@media only screen and (max-width: 850px) {
#mobile-nav,#mobile-nav-switch{display:block;}#bigsize{display:none;}#mediumsize{display:none;}	
#mobile-nav-switch{	display:block; 	position: fixed;	 cursor: pointer; position: top	centered;	background: #000 url(../gfx/nav.gif) no-repeat center center; background-size:40px ; height: 52px;width: 100%;		z-index:98;	}
	
#mobile-nav-container{	margin:0px 0px 8px 0px;	width: 100%;	background-color: #174195;position:relative;top:50px;}
#mobile-nav{	border-top:2px solid #fff;border-bottom:2px solid #fff;margin-top:7px;list-style-type:none;	padding-top:0px; 	padding-bottom:0px;	display:none;z-index:99;	}
#mobile-nav li{	list-style-type:none;text-align:center;}
#mobile-nav a{	display:block;	width:100%;	 height:55px;	line-height:60px;	background-color: #174195;	border-bottom:1px solid #fff;;text-decoration:none; color:#fff;	font-weight:100; font-family: "Lucia sans", "Helvetica", "Myriad Pro", Arial;	 font-size:24px;}
	
#bigmenu{width: 100%; padding-top:80px; margin:80px auto 0 auto ;background-image: url(../gfx/schriftzug.png);background-size:96%; background-repeat: no-repeat;background-position: center top;}
#headspace{height:150px;}#head{width: 100%; height: 150px; position:fixed; z-index:98; top:0; left:0; background-color:#ffffff;}
#picture{margin:0 auto;width:100%;height: 400px; background-color:#ffffff; background-image: url(../gfx/frank_mueller_medium.jpg);background-size:140%; background-repeat: no-repeat;background-position: center top; position:relative;}
#ikon_nav A, #ikon_nav A:visited {background-size:80%;background-repeat: no-repeat;background-position: center top;width: 19%;float: left;font-size:16px;color:#000000;
	font-family: "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif; font-style:normal;font-weight:200;text-decoration:none;padding: 18% 0 0 0;text-align:center;}	
	
}

@media only screen and (max-width: 560px) {
	
#ikon_nav{text-decoration: none;margin:20px 0 180px 0;}
#ikon_nav UL {text-align: left;}	
#ikon_nav li {display: inline;}
#ikon_nav A, #ikon_nav A:visited {background-size:130px;background-repeat: no-repeat;background-position: center left;width: auto;float: left;font-size:36px;color:#000000;
	font-family: "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif; font-style:normal;font-weight:200;text-decoration:none;padding: 145px 0 50px 170px;text-align:left;}
#ikon_nav A:hover, #ikon_nav A:focus {color: #164194;}

h2{font-family: "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif; font-size: 36pt;height:auto; color: #164194; padding-top:10px;margin: 150px 0 70px 0; font-weight:medium;position:relative; padding-left:60px; background-image: url(../gfx/pfeil.png);background-size:30px;background-repeat: no-repeat;background-position: left 12px;line-height:40pt;}
#headspace{height:140px;}#head{width: 100%; height: 140px; position:fixed; z-index:98; top:0; left:0; background-color:#ffffff;}
h1{font-family: "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif; color: #164194;font-size: 36pt;font-weight:bold;margin: 70px 0 70px 0;font-style:condensed;line-height:60px}
}

@media only screen and (max-width: 400px) {
#picture{margin:0 auto;width:100%;height: 260px; background-color:#ffffff; background-image: url(../gfx/frank_mueller_medium.jpg);background-size:140%; background-repeat: no-repeat;background-position: center top; position:relative;}	
#ikon_nav{text-decoration: none;margin:20px 0 150px 0;}
#ikon_nav UL {text-align: left;}	
#ikon_nav li {display: inline;}
#ikon_nav A, #ikon_nav A:visited {background-size:100px;background-repeat: no-repeat;background-position: center left;width: auto;float: left;font-size:28px;color:#000000;
	font-family: "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif; font-style:normal;font-weight:200;text-decoration:none;padding: 110px 0 50px 120px;text-align:left;}
#ikon_nav A:hover, #ikon_nav A:focus {color: #164194;}

h2{font-family: "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif; font-size: 26pt;height:auto; color: #164194; padding-top:10px;margin: 150px 0 70px 0; font-weight:medium;position:relative; padding-left:40px; background-image: url(../gfx/pfeil.png);background-size:20px;background-repeat: no-repeat;background-position: left 12px;line-height:30pt;}
#headspace{height:140px;}#head{width: 100%; height: 140px; position:fixed; z-index:98; top:0; left:0; background-color:#ffffff;}
h1{font-family: "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif; color: #164194;font-size: 30pt;font-weight:bold;margin: 70px 0 70px 0;font-style:condensed;line-height:45px}	
h3{font-size: 24pt;line-height: 40px; height:60px; color: #1d1d3d; padding-top:10px;margin: 130px 0 30px 0; font-weight:medium;position:relative; padding-left:70px;background-size:50px;background-repeat: no-repeat;background-position: left 0x;}	
body {	line-height: 16pt;font-size: 14pt;font-weight:400;font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif;	text-align: center;
	background-color: #ffffff;color: #39421c;}	
	
}

@media only screen and (max-width: 310px) {
#picture{margin:0 auto;width:100%;height: 240px; background-color:#ffffff; background-image: url(../gfx/frank_mueller_medium.jpg);background-size:140%; background-repeat: no-repeat;background-position: center top; position:relative;}	
#ikon_nav{text-decoration: none;margin:20px 0 70px 0;}
#ikon_nav UL {text-align: left;}	
#ikon_nav li {display: inline;}
#ikon_nav A, #ikon_nav A:visited {background-size:70px;background-repeat: no-repeat;background-position: center left;width: auto;float: left;font-size:28px;color:#000000;
	font-family: "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif; font-style:normal;font-weight:200;text-decoration:none;padding: 80px 0 40px 100px;text-align:left;}
#ikon_nav A:hover, #ikon_nav A:focus {color: #164194;}

h2{font-family: "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif; font-size: 26pt;height:auto; color: #164194; padding-top:10px;margin: 150px 0 70px 0; font-weight:medium;position:relative; padding-left:40px; background-image: url(../gfx/pfeil.png);background-size:20px;background-repeat: no-repeat;background-position: left 12px;line-height:30pt;}
#headspace{height:140px;}#head{width: 100%; height: 140px; position:fixed; z-index:98; top:0; left:0; background-color:#ffffff;}
h1{font-family: "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif; color: #164194;font-size: 24pt;font-weight:bold;margin: 70px 0 70px 0;font-style:condensed;line-height:45px}	
h3{font-size: 20pt;line-height: 40px; height:55px; color: #1d1d3d; padding-top:10px;margin: 130px 0 30px 0; font-weight:medium;position:relative; padding-left:60px;background-size:45px;background-repeat: no-repeat;background-position: left 0x;}	
body {	line-height: 16pt;font-size: 14pt;font-weight:400;font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif;	text-align: center;
	background-color: #ffffff;color: #39421c;}	
	
}