@charset "UTF-8";
@font-face
{
font-family: handwrite;
src: url('kgmullally.ttf');
}

/* * * * * * * * * * * * * * * * *
 *                               *
 *  CSS - Praxis-KlausHenschel   *
 *   web: Michael Henschel       *
 *                               *
 * * * * * * * * * * * * * * * * */

 
/* Main Definitionen */
 
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #2A2A2A;
}

#adress h1 {
	font-size: 16px;
	color: #E47823;
	font-weight: normal;
}


h1 {
	font-size: 18px;
	margin-bottom: 1em;
}

h2 {
	font-size: 16px;
	margin-bottom: 1em;
}

h3 {
	font-size: 14px;
}

h4 h5 h6 {
	font-size: 12px;
}
 
.blocktrenner {
	border-bottom: dotted 1px #999;
	margin-bottom: 25px;
	margin-top: 25px;
	text-align: right;
	font-size: 10px;
	color: #E47823;
}

.em {
	color: #E47823;
	font-style: normal;
}

em {
	color: #E47823;
	font-style: normal;
}

.slogan {
	font-family: handwrite;
	font-size: 1.6em;
	margin-top: 2em;
	color: #336699;
	font-weight: 500;
}


/* DIV */

#wrap {
	width: 1000px;
	min-height: 820px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
}

.clear {
	clear: both;
}

/* HEADER */
header img {
	margin-top: 40px;
	margin-left: 70px;
	float: left;
}

header img {
	border: none;		/* stupid IE */
}



div #adress {
	margin-top: 0px;
	margin-right: 30px;
	float: right;	
}

#adress p {
	margin-top: -0.7em;
	font-size: 12px;
}




/* Navigation */

/* MAIN */

nav {
	font-size: 14px;
	margin-top: 10px;
	margin-right: 10px;
}

nav ul {
	list-style: none;
	float: right;
	margin-right: 20px;
}

nav li {
	display: inline;
	padding: 6px 0px;
	margin-left: 30px;
}

#main-nav .active {
	border-bottom: 8px solid #FDEBD2;
	color: #E47823;
}
	

/* SUB */
#sub-nav {
	position: absolute;
	margin-top: 100px;
	margin-left: 710px;
	
}


#sub-nav li {
	display: list-item;
	margin-top: 5px;	
	width: 205px;
}

#sub-nav .active {
	background-image: url(side_menue_index.svg);
	background-repeat: no-repeat;
	background-position: right;
}





/* Content */
 
#content-wrap {
	width: 924px;
	min-height: 530px;
	border-left: dotted 1px #999;
	border-top: dotted 1px #999;
	margin-left: 53px;
}

#content {
	width: 907px;
	min-height: 513px;
/*	background-color: #FFF2DE; */
	margin-left: 16px;
	margin-top: 16px;
/*	background-color: #FDEBD2; */
	background-image:url(back.svg);
	background-repeat:no-repeat;
	
/*	background-size: 180%; 
	background-position: center; */
}

#aktuell_img {
	position: absolute;
	margin-top: 10px;
	margin-left: 690px;
	padding-right: 20px;
}

#aktuell_img img {
	width: 240px;
}

#aktuell {
	width: 185px;
	position: absolute;
	margin-top: 30px;
	margin-left: 715px;
	padding-right: 10px;
	padding-top: 10px;
}

#aktuell h1 {
	font-family: handwrite;
	font-size: 2em;
	font-weight: 500;
	color: #336699;
	margin-left: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

/* als kopf
#aktuell {
	float: left;
	margin-top: 20px;
	margin-left: 40px;
	margin-bottom: 40px;
	padding: 10px 40px;
	font-size: 1.2em;
	color: #E47823;
	background-color: #fef3e3;
	width: 550px;
	-webkit-box-shadow:  5px 5px 10px 0px #999;
    box-shadow:  5px 5px 10px 0px #999;
	-webkit-border-radius: 0px 10px 5px 10px;
    border-radius: 0px 10px 5px 10px;
}
*/

#content-left {
	float: left;
	margin-left: 10px;
	margin-top: 80px;
	width: 200px;
}

#content-left img {
	width: 200px;
	box-shadow: 0px 0px 30px #FFF;
	margin-bottom: 5px;
}

#content-left p {
	font-size: 0.9em;
	margin-bottom: 4em;
}

#content-right {
	min-height: 500px;
	width: 435px;
	margin-left: 240px;
	padding-top: 40px;
	padding-bottom: 40px;
	color: #2A2A2A;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
}


#content-right h1 {
	/* margin-bottom: -0.3em; */
	letter-spacing: 0.2em;
	color: #E47823;
	font-style: italic;
}

#content-right h2, h3, h4 {
	/* margin-bottom: -0.3em; */
	letter-spacing: 0.1em;
	color: #E47823;
	margin-top: 1.5em;
}


#content-right ul {
	margin: 0px;
	padding: 0px;
	margin-left: 30px;
}


#content-right td {
	padding-top: 5px;
	padding-bottom: 5px;
}



#content-open {
	color: #2A2A2A;
	border-top: dotted 1px #999;
	width: 195px;
	float: right;
	margin-top: 270px;
	padding-top: 30px;
	line-height: 1.3em;
}

#content-open caption {
	text-align: left;
	font-weight: bold;
	letter-spacing: 0.2em;
	padding-left: 2px;
	padding-bottom: 5px;
}

#zusaetze-open {
	border-top: dotted 1px #999;
	margin-top: 30px;
	padding-top: 15px;
	line-height: 1.9em;
}

#zusaetze-open img {
	border: none;		/* stupid IE */
}

.to-top {
	padding-top: 10px;
	text-align:end;
}



/* Footer */

footer {
	font-size: 0.8em;
	color: #A6A6A6;

}

footer ul {
	list-style: none;
	float: right;
	margin-right: 30px;
	padding-bottom: 10px;
}

footer li {
		display: inline;
		padding-right: 5px;
		margin-left: 5px;
		border-right: solid 1px #A6A6A6;
}






/* * * * * * * * * * * * * * * * *
 *                               *
 *  CSS - Praxis-KlausHenschel   *
 *      Link-Definitionen        *
 *                               *
 * * * * * * * * * * * * * * * * */
 
 
/* Link-Definitionen */

/* Main-Nav */

.a_active{
	color: #E47823;
}

#main-nav li a {
	text-decoration: none;
}

#main-nav li a:link {	    /* unvisited link */
	color: #2A2A2A;
	}
	
#main-nav li a:visited {	/* visited link */
	color: #2A2A2A;
	}
	
#main-nav li a:hover {		/* mouse over link */
	color: #E47823;
	}   

#main-nav li a:active {	/* selected link */
	color: #E47823;
} 



#sub-nav li a {
	text-decoration: none;
}

#sub-nav li a:link {	    /* unvisited link */
	color: #2A2A2A;
	}
	
#sub-nav li a:visited {	/* visited link */
	color: #2A2A2A;
	}
	
#sub-nav li a:hover {		/* mouse over link */
	color: #E47823;
	}   

#sub-nav li a:active {	/* selected link */
	color: #E47823;
} 


/* Verlinkungen allgem. */

#content a {
	text-decoration: none;
	color: #E47823;
	font-style: italic;
	border-bottom: dotted 1px #E47823;
}

#content a:hover {
	text-decoration: none;
	color: #E47823;
	font-weight: bold;
	border-bottom: dotted 1px #E47823;
}


#content-open a {
	text-decoration: none;
	border: none;
	font-style: italic;
}

#content-open a:hover {
	text-decoration: none;
	border: none;
	font-style: italic;
	font-weight: 200;
	color: #E47823;
	border-bottom: dotted 1px #E47823;	
}

#adress a {
	text-decoration: none;
	color: #E47823;
	font-style: italic;
}

#adress a:hover {
	text-decoration: none;
	color: #E47823;
	border-bottom: dotted 1px #E47823;
}

#content-right .blocktrenner a {
	border: none;
}

#content-right .to-top a {
	border: none;
}

#zusaetze-open a {
	color: #999;
}

#zusaetze-open a:hover {
	border: none;
}


/* footer */

footer a {
	text-decoration: none;
	color: #2A2A2A;
}

footer a:hover {
	text-decoration: none;
	color: #E47823;
	border-bottom: dotted 1px #E47823;
}




/* Sitemap */

#sitemap a {
	font-style: normal;
	font-size: 1.1em;
	color: #2A2A2A;
}

#sitemap .rex-navi2 a {
	font-style: italic;
}


#sitemap a {
	text-decoration: none;
	border: none;
	color: #2A2A2A;
	font-style: italic;
}

#sitemap a:hover {
	text-decoration: none;
	border: none;
	font-style: italic;
	font-weight: 200;
	color: #E47823;
	border-bottom: dotted 1px #E47823;	
}



 
#sitemap ul {
	margin-left: 60px;
	padding-bottom: 40px;
	list-style-image: url(list_arrow_bl.png);
}


#sitemap .rex-navi2 {
	border-top: dotted 1px #E47823;
	margin-top: 15px;
	padding-top: 10px;
	margin-left: 20px;
	width: 50%;
}

.rex-navi2 li {
	margin-left: 20px;
}


#sitemap li {
	padding-top: 0.5em;
}