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

body
{
	margin:0px;
	padding:0px;
	background-color:white;	
	overflow-x:hidden;
}
#container
{
	width:80%;
	margin-left:10%;
	height:auto;
	margin-top:50px;
	border:1px solid white;	
	max-width:1200px;
	
	
}
#balken_weiss
{
	position: fixed;
	height: 240px;
	width:100%;	
	background-color:white;
	top: 0;
	z-index: 999;	
	
}
.single-page-nav
{
	position: fixed;
	height: 240px;
	z-index: 1000;
	width:80%;	
	background-color:white;
	top: 0;
	max-width:1200px;
}

#logo_bild
{
	width:320px;
	height:148px;
	margin-top:20px;
	margin-left:-14px;
	
	
}
#logo_text
{
	margin-left:30px;
	margin-top:-10px;
	width:200px;	
	
	font-family: 'Volkhov', serif;
	color:rgb(213,0,0);
	font-size:47pt;	
}
#logo_text_sub
{
	margin-left:30px;
	margin-top:-15px;
	width:280px;	
	
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:rgb(128,130,133);
	font-size:13pt;
	line-height:15pt;

}
#suche
{
	margin-left:auto;
	margin-right:0px;
	margin-top:	-150px;
	
	width:132px;
	height:15px;
}
input.suche
{
	width:113px;
	height:13px;
	background-image:url(img/suche.png);
	border:none;
	
	font-family: 'Roboto', sans-serif;
	color:rgb(128,130,133);
	font-size:9pt;
	font-weight:300;
	text-align:right;
	padding-right:20px;	
	padding-bottom:3px;
}
#linie
{
	margin-top:10px;
	margin-left:auto;
	margin-right:0px;
	
	width:711px;
	height:1px;
	background-color:rgb(128,130,133);
}
#menu
{
	margin-top:10px;
	margin-left:auto;
	margin-right:0px;
	width:800px;
	text-align:right;
}
a.menu
{
	display:inline-block;	
	font-family: 'Roboto', sans-serif;
	color:rgb(213,0,0);
	font-size:17pt;
	font-weight:300;
	padding:5px;
	background-color:white;
	text-decoration:none;
	text-transform:uppercase;
}
a.menu:hover
{
	
	background-color:rgb(213,0,0);
	color:white;
}
a.current
{
	background-color:rgb(213,0,0);
	color:white;
}

.willkommen
{	
		
	margin-top:190px;
	margin-left:30px;	
}
.steuerberatung, .coaching, .team, .kontakt, .agbs, .impressum, .mediation
{
	margin-left:30px;	
}
.kontakt
{
	background-color:rgb(213,0,0);
	height:250px;
	margin-left:0px;	
	margin-top:80px;	
	border:1px rgb(184,0,0) solid;
}
.kontakt a
{
	font-family: 'Roboto', sans-serif;
	color:white;
	text-decoration:none;
}
.kontakt a:hover
{
	
	text-decoration:underline;
}
#balken_rot
{
	background-color:rgb(213,0,0);
	width:100%;
	margin-top:-254px;
	height:252px;
	border:1px rgb(184,0,0) solid;
}
h1
{
		
	font-family: 'Roboto', sans-serif;
	color:rgb(213,0,0);
	font-size:39pt;
	font-weight:300;
	padding-bottom:0px;
	
}

.text
{
	margin-top:-30px;
	float:left;		
	width:45%;
	
	font-family: 'Roboto', sans-serif;
	color:rgb(128,130,133);
	font-size:11.5pt;
	font-weight:300;
	padding-right:5%;
	
	
}
.text_versteckt
{
	
	float:right;
	text-align:left;		
	width:386px;
	background-image:url(img/bild2_hintergrund.jpg);
	background-position:right;
	background-repeat:no-repeat;
	height:418px;
	
	font-family: 'Roboto', sans-serif;
	color:white;
	font-size:11.5pt;
	font-weight:300;
	padding-right:20px;
	padding-left:130px;
	padding-top:0px;
	overflow-y:auto;
	margin-top:-25px;
	
}
.text_versteckt_1
{
	
	float:right;
	text-align:left;		
	width:325px;
	background-image:url(img/bild3_hintergrund.jpg);
	background-position:right;
	background-repeat:no-repeat;
	height:416px;
	
	font-family: 'Roboto', sans-serif;
	color:white;
	font-size:11.5pt;
	font-weight:300;
	padding-right:160px;
	padding-left:20px;
	padding-top:0px;
	overflow-y:auto;
	
}
.text_versteckt_2
{
	float:right;
	text-align:left;		
	width:290px;
	background-image:url(img/bild7_hintergrund.jpg);
	background-position:right;
	background-repeat:no-repeat;
	height:416px;
	
	font-family: 'Roboto', sans-serif;
	color:white;
	font-size:11.5pt;
	font-weight:300;
	padding-right:20px;
	padding-left:200px;
	padding-top:0px;
	overflow-y:auto;
	
	
}
.text_versteckt ul, .text_versteckt_1 ul
{
	padding-left:12px;	
}
.text_versteckt li, .text_versteckt ul, .text_versteckt ul li:hover,
.text_versteckt_1 li, .text_versteckt_1 ul, .text_versteckt_1 ul li:hover
{
	color:white;
	list-style-image:url(img/weiss.png);
	
	
}
span.text_versteckt_aufzaehlung
{
	font-family: 'Roboto', sans-serif;
	color:white;
	font-size:11.5pt;
	font-weight:300;	
	margin-top:5px;
}
.bild1
{
	margin-top:-30px;
	float:right;
	text-align:right;	
	width:50%;	
	
}
.bild2
{
	margin-top:-30px;
	float:right;		
	text-align:right;	
	width:50%;
	
	
}
.bild3
{
	margin-top:-30px;
	float:right;		
	text-align:right;	
	width:50%;	
	
}
.bild4
{
	margin-top:-15px;
	float:right;		
	text-align:right;	
	width:50%;
	
	
}
.bild5
{
	margin-top:-30px;
	float:right;		
	text-align:right;	
	width:50%;
	
	
}
.bild6
{
	margin-top:-30px;
	float:right;		
	text-align:right;	
	width:50%;
	
	
}
.bild7
{
	margin-top:-30px;
	float:right;		
	text-align:right;	
	width:50%;

	
}
img.bilder
{
	width:100%; 
	height:auto;
	max-width:505px;
}
#logo_klein
{
	margin-top:20px;	
	margin-left:24px;
}
#logo_klein_text
{
	margin-left:60px;
	margin-top:-10px;
	width:200px;		
	font-family: 'Volkhov', serif;
	color:white;
	font-size:35pt;	
	text-transform:uppercase;
}
#kontakt_text_1
{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:white;
	font-size:11.5pt;
	margin-left:60px;
	line-height:15pt;
	height:100px;
	margin-top:10px;

}
#kontakt_text_2
{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:white;
	font-size:11.5pt;
	margin-left:25%;
	line-height:15pt;
	height:100px;
	margin-top:-153px;
	vertical-align:bottom;

}
#kontakt_text_3
{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:white;
	font-size:11.5pt;
	margin-left:50%;
	line-height:15pt;
	height:30px;
	margin-top:-47px;
	
}
#kontakt_text_4
{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:white;
	font-size:11.5pt;
	margin-left:75%;
	line-height:15pt;
	height:30px;
	margin-top:15px;
	text-align:right;
	vertical-align:bottom;
}


h2
{	
	
		
	font-family: 'Roboto', sans-serif;
	color:rgb(213,0,0);
	font-size:17pt;
	font-weight:300;
	margin-top:0px;	
}
h3
{	
	
		
	font-family: 'Roboto', sans-serif;
	color:white;
	font-size:17pt;
	font-weight:300;
	
}
img
{
	border:none;	
}
.orange
{
	color:rgb(234,100,13)
}
.rot
{
	color:rgb(213,0,0);
}
.clear 
{
	clear: both;
}
.text ul
{
	padding-left:12px;	
	
}
.text ul li a, .text li
{
	font-family: 'Roboto', sans-serif;
	color:rgb(128,130,133);
	font-size:11.5pt;
	font-weight:300;
	text-decoration:none;
	list-style-image:url(img/grau.png);
	
	
}
.text li
{
	font-size:10px;
	
		
}
.text ul li a:hover, .text ul li:hover a, .text ul li:hover 
{
	color:rgb(184,0,0) !important;
	list-style-image:url(img/rot.png);
}
.klein, .klein a
{
	font-family: 'Roboto', sans-serif;
	color:rgb(128,130,133);
	font-size:10pt;
	font-weight:300;
	text-decoration:none;
}
.klein a:hover
{
	text-decoration:underline;	
}
.lebenslauf
{
	font-family: 'Roboto', sans-serif;
	color:rgb(128,130,133);
	font-size:11.5pt;
	font-weight:300;
	text-decoration:none;
	/*line-height:10px;*/
}
li.lebenslauf, ul, li.lebenslauf:hover
{
	color:rgb(128,130,133) !important;
	list-style-image:url(img/grau.png) !important;;
	/*font-size:2pt;*/
}

.ausnahme
{
	font-family: 'Roboto', sans-serif;
	color:rgb(213,0,0);
	font-size:15pt;
	font-weight:300;
	text-decoration:none;
	
}
a.link
{
	font-family: 'Roboto', sans-serif;
	color:rgb(128,130,133);
	font-size:11.5pt;
	font-weight:300;
	text-decoration:none;	
}
a.link:hover
{
	font-family: 'Roboto', sans-serif;
	color:rgb(234,100,13);
	font-size:11.5pt;
	font-weight:300;
	text-decoration:none;	
}
a
{
	text-decoration:none;
}
.highlight 
{
    background-color: rgb(234,100,13);
	color:white;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4 */
    border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */
}

.highlight {
    padding:1px 4px;
    margin:0 -4px;
}

/*Textbereich wird verkleiner*/
@media (max-width:1400px) 
{
	.text
	{
		width:40%;
	}
	.bild1, .bild2, .bild3, .bild4, .bild5, .bild6, .bild7 
	{
		width:55%;
	}
	
	
}
@media (max-width:1273px) 
{
	.text
	{
		width:35%;
	}
	.bild1, .bild2, .bild3, .bild4, .bild5, .bild6, .bild7 
	{
		width:60%;
	}
	
	
}
@media (max-width:1200px) 
{
	.text
	{
		width:25%;
	}
	.bild1, .bild2, .bild3, .bild4, .bild5, .bild6, .bild7 
	{
		width:70%;
	}
	
	
}




/*Versteckter Text wird darunter angezeigt */
@media (max-width:1023px) 
{
	.text
	{
		width:45%;
	}
	.bild1, .bild2, .bild3, .bild4, .bild5, .bild6, .bild7 
	{
		width:50%;
	}
	.text_versteckt
	{
		
		float:left;
		text-align:left;		
		width:50%;
		background-image:none;
		height:auto;
		font-family: 'Roboto', sans-serif;
		color:rgb(128,130,133);
		font-size:11.5pt;
		font-weight:300;
		padding-right:10px;
		padding-left:0px;
		padding-top:0px;
		overflow-y:auto;
		margin-left:0px;
		
		
	}
	.text_versteckt_1
	{
		
		float:left;
		text-align:left;		
		width:50%;
		background-image:none;
		height:auto;
		font-family: 'Roboto', sans-serif;
		color:rgb(128,130,133);
		font-size:11.5pt;
		font-weight:300;
		padding-right:10px;
		padding-left:0px;
		padding-top:0px;
		overflow-y:auto;
		margin-left:0px;
		
		
	}
	.text_versteckt_2
	{
		
		float:left;
		text-align:left;		
		width:50%;
		background-image:none;
		height:auto;
		font-family: 'Roboto', sans-serif;
		color:rgb(128,130,133);
		font-size:11.5pt;
		font-weight:300;
		padding-right:10px;
		padding-left:0px;
		padding-top:0px;
		overflow-y:auto;
		margin-left:0px;		
	}
	h3
	{
		color:rgb(128,130,133);
		padding-bottom:auto !important;
		margin-bottom:auto !important;
		margin-top: 40px !important;
	}
	
	.text_versteckt li, .text_versteckt ul, .text_versteckt ul li:hover,
	.text_versteckt_1 li, .text_versteckt_1 ul, .text_versteckt_1 ul li:hover,
	.text_versteckt_2 li, .text_versteckt_2 ul, .text_versteckt_2 ul li:hover
	{
		color:white;
		list-style-image:url(img/grau.png);
		
		
	}
	span.text_versteckt_aufzaehlung
	{
		font-family: 'Roboto', sans-serif;
		color:rgb(128,130,133);
		font-size:11.5pt;
		font-weight:300;	
	}

}
/* Footer wird verkleinert*/
@media (max-width:1400px)
{
	.kontakt
	{
		
		height:600px;
		
	}
	#balken_rot
	{
		
		height:602px;
		margin-top:-604px;
		
		
		
	}
	#kontakt_text_1
	{
		display:block;
		font-family: 'Roboto', sans-serif;
		font-weight:300;
		color:white;
		font-size:11.5pt;
		margin-left:60px;
		line-height:15pt;	
		margin-top:10px;	
	
	}
	#kontakt_text_2
	{
		display:block;
		font-family: 'Roboto', sans-serif;
		font-weight:300;
		color:white;
		font-size:11.5pt;
		margin-left:60px;
		line-height:15pt;
		margin-top:10px;
		
		
	
	}
	#kontakt_text_3
	{
		display:block;
		font-family: 'Roboto', sans-serif;
		font-weight:300;
		color:white;
		font-size:11.5pt;
		margin-left:60px;
		line-height:15pt;
		margin-top:60px;
		
		
	}
	#kontakt_text_4
	{
		display:block;
		font-family: 'Roboto', sans-serif;
		font-weight:300;
		color:white;
		font-size:11.5pt;
		margin-left:60px;
		line-height:15pt;	
		margin-top:10px;
		text-align:left;	
		margin-top:80px;
		
	}	
	
}
/* Menü wird verkleinert */
@media (max-width: 1287px) 
{ 
	
	#linie
	{
		width:635px;
	}	
	a.menu
	{
		
		font-size:15pt;
	}
	
}
@media (max-width: 1120px) 
{ 
	
	#linie
	{
		width:517px;
	}	
	a.menu
	{
		
		font-size:12pt;
	}
	
}

/* Menü wird umgebrochen zu einer Liste*/
@media (max-width: 1023px) 
{ 
	#balken_weiss
	{
		display:none;
		
	}
	#linie
	{
		display:none;
	}
	
	.single-page-nav
	{
		position:absolute;
		height: 380px;
		z-index: 1000;
		width:80%;	
		background-color:white;
		top: 0;
		max-width:1200px;
	}
	.willkommen
	{	
			
		margin-top:380px;
		margin-left:30px;	
	}

	#menu
	{
		margin-top:160px;	
		width:100%;
		height:200px;
		text-align:left;
	}
	a.menu
	{
		display:block;
		margin-top:10px;
		margin-left:25px;	
		width:90%;
		text-align:left;
		line-height:15px;
		font-size:17pt;
	}
	
}
/* Bilder werden entfernt*/
@media (max-width:800px)
{
	.bild1, .bild2, .bild3, .bild4, .bild5, .bild6
	{
		display:none;	
	}

	
}