@charset "utf-8";
body {
	/*background-color: #FFF3CE;*/
	/*background-color: #001436;*/
	background-color: #151F2E;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

#mainframe {
	position: relative;
	text-align: left;
	min-width: 1024px;
	max-width: 1024px;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 2em;
	margin-left: auto;
	border: 0px solid #DC9F01;
	background-color: #fce7b1;
	border-radius: 25px 25px 0px 0px;
	display: block;

	min-height: 3800px;
}
#mainframe header {
	min-width: 1024px;
}

#mainframe div h3 {
	color: #001B63;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.8rem;
	text-align: left;
	padding-left: 0.5rem;
	font-style: italic;
}

#contentFrame {
	width: 70%;
	float: right;
	margin-top: 8.6rem;
	padding-left: 1rem;
	padding-right: 1rem;
	display: block;
}

#contentFrame .pixHL img {
	border-radius: 20px;
}


nav {
	width: 15%;
	min-width: 11em;
	display: block;
	float: none;
	margin-top: 2.5rem;
	position: fixed;
	top: 115px;
	z-index: 99;
}
nav ul li {
	line-height: 2.85rem;
	margin-left: -1rem;
	list-style: none;
	list-style-type: none;
	font-size: 1em;
	width:250px;
}

.naviTypoSel {
    font-weight: bold;
	color: #002F9D;
	display: block;
	background-color: #F9B300;
	padding-left: 15px;
	border: 5px solid #FCE7B1;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 14em;
	border-radius: 2em 0em 0em 2em;
	font-size: 1em;
	}



.naviTypo {
	font-weight: bold;
	color: #002F9D;
	display: block;
	background-color: #FFDF8D;
	padding-left: 15px;
	border: 5px solid #FCE7B1;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 14em;
	border-radius: 2em 0em 0em 2em;
	font-size: 1em;

}

.naviTypoLogo {
	font-weight: bold;
	color: #002F9D;
	display: block;
	background-color: #FFDF8D;
	padding-left: 15px;
	border: 5px solid #FCE7B1;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 14em;
	border-radius: 2em 0em 0em 2em;
	font-size: 1em;

}

 a.naviTypo:link {
	font-weight: bold;
	color: #002F9D;
}

a.naviTypo:hover {
	color: #ffffd0;
	text-decoration: none !important;
	background-color: #002F9D;
	}

li.naviTypo:visited {
	color:#ffffd0;
	background-color:#AABBCC;
	}

 a.naviTypoSel:link {
	font-weight: bold;
	color: #002F9D;
}

a.naviTypoSel:hover {
	color: #ffffd0;
	text-decoration: none !important;
	background-color: #002F9D;
	}

li.naviTypoSel:visited {
	color:#ffffd0;
	background-color:#AABBCC;
	}


.logo {
	display: block;
	padding-top: 1rem;
	padding-left: 1rem;
	margin-top: 0px;
	position: fixed;
}

h1 {
	font-size: 1.5em;
	color: #001B63;
	font-style: normal;
	font-weight: bold;
}

h2 {
	font-size: 1em;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	/*color: #001B63;*/
}


ul {
	list-style-type: none;
	list-style-image: url(../pix/carat-r-black.svg);
	text-align: left;
}


#kontakt{
    position:fixed;
    width:200px;
    line-height: 2.85rem;
    background-color: hsla(43, 90%, 60%, 0.75);
    margin-top:30px;
	margin-left: 808px;

	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;

	box-sizing: content-box;
    border-radius: 2em 0em 0em 2em;
	font-size: 1em;
	font-weight: bold;
    color: #002F9D;
	padding-left: 15px;

/*#kontaktO {
    position:absolute;
	right: 0px;

	top: 5%;


	font-weight: bold;
    color: #002F9D;
	background-color: hsla(43, 90%, 60%, 0.75);
    padding-left: 15px;*/
/*    border: 2px solid #FFDF8D; */

/*
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-radius: 2em 0em 0em 2em;
    font-size: 1em;
    display: block;
/*	min-width: 11em; */
	/*float: right;
	z-index: 99;
	line-height: 2.85rem;
	width:200px;*/
}

.Quellenangabe {
	font-size: 0.8em;
	color: #001B63;
	font-style: italic;
}

.mehrLesen {
	font-size: 0.8em;
	color: #001B63;
	font-style: italic;
}

.mehrLesenContent {display: none;
}
.mehrLesenContent2 {display: none;
}
.mehrLesenContent3 {display: none;
}


a:link {
    text-decoration: none;
    color: #002F9D;
}


a:hover {
    text-decoration:none ;
    color: #1E5DFB;
	/*background-color:#000000;*/
}
/*a:visited {
	text-decoration: none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}*/
/*a:active {
    text-decoration: none;
	color:#000000;
	background-color:#FCE7B1;
}*/


li .naviTypo img {
	padding-right: 4px;
}




#angebot {
	margin-top: 1em;

}

.explain {
	font-size: 0.8em;
	font-style: italic;
	}

	tr.explain > td {
	padding-bottom: 1em;
}

h4 {
	font-style: normal;
	font-weight: normal;
	color: #001B6F;
	padding-bottom: 0px;
	margin-bottom: 0em;
}

/*--------------- Kontaktformular ---------------*/

#contactForm {

	}

	#senderName {
	width: 50%;
	height: 2em;
	font-size: 1.2em;
	padding-left: 1em;
	background-color: #FDF4DB;
	margin-bottom: 14px;
	}

	#senderEmail {
		width: 50%;
		height: 2em;
		font-size: 1.2em;
		padding-left: 1em;
		background-color: #FDF4DB;
		margin-bottom: 14px;
	}

	#message {
	width: 50%;
	height: 15.5em;
	font-size: 160%;
	padding-left: 1em;
	background-color: #FDF4DB;
	margin-bottom: 14px;
	}


	/***FIRST STYLE THE BUTTON***/
	input#sendMessage {
	border: 2px groove #7c93ba;
	cursor: pointer; /*forces the cursor to change to a hand when the button is hovered*/
	padding: 5px 25px;
	/*give the background a gradient - see cssdemos.tupence.co.uk/gradients.htm for more info*/
	background-color: #6b6dbb; /*required for browsers that don't support gradients*/
	background: -webkit-gradient(linear, left top, left bottom, from(#88add7), to(#6b6dbb));
	background: -webkit-linear-gradient(top, #88add7, #6b6dbb);
	background: -moz-linear-gradient(top, #88add7, #6b6dbb);
	background: -o-linear-gradient(top, #88add7, #6b6dbb);
	background: linear-gradient(top, #88add7, #6b6dbb);
	/*style to the text inside the button*/
	font-family: Verdana, Arial, sans-serif;
	color: #fff;
	font-size: 1.1em;
	letter-spacing: .1em;
	/*give the corners a small curve*/
	-webkit-border-radius: 0 15px 15px 0;
	-moz-border-radius: 0 15px 15px 0;
	border-radius: 0 15px 15px 0;
	/*add a drop shadow to the button*/
	-webkit-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
	-moz-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
	box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
	max-width: 10em;
	}






/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
input#sendMessage:hover, #sendMessage:focus {
color:#edebda;
/*reduce the spread of the shadow to give a pushed effect*/
-webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
-moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
}

#thanks {
	font-size: 2rem;
	}
/*________________________________________________________________________

Akkordeon:
*/
#akkordeon:not(:target) .mehrLesenContent,
#akkordeon:not(:target) .hide,
#akkordeon:target .show {display: none;}
#akkordeon:target .mehrLesenContent {display: block;}

#akkordeon2:not(:target) .mehrLesenContent2,
#akkordeon2:not(:target) .hide,
#akkordeon2:target .show {display: none;}
#akkordeon2:target .mehrLesenContent2 {display: block;}

#akkordeon3:not(:target) .mehrLesenContent3,
#akkordeon3:not(:target) .hide,
#akkordeon3:target .show {display: none;}
#akkordeon3:target .mehrLesenContent3 {display: block;}


.show,
.hide {
font-size: 0.8em;
	color: #001B63;
	font-style: italic;
	margin-bottom: 0.5rem;
}

.show:hover,
.hide:hover {
background: rgb(255, 214, 118);
color:#fff!important;
transition:0.2s all ease-in-out!important;
}