@charset "UTF-8";
/* General Style */ 
body {
	background:#FFFFFF;
	font-size:100%;
	margin:0em;
	padding:0em;
}

h1 {
	font-size:1.5em;
	line-height:3.0;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#7f7c75;
	margin:0 0 0 0em;
	text-align:left;

}

h2 {
	font-size:1.5em;
	line-height:1.8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#9b142d;
	margin:0em;
	padding:0.5em;
	text-align:left;
}
h3 {
	font-size:1.5em;
	line-height:1.8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	color: #C3C1BD;
	margin:0em;
	padding:0.5em;
	text-align:left;
}
h4 {
	font-size:2em;
	line-height:3.8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#9a958c;
	margin:0em;
	padding:1.25em;
	text-align:left;
}
h5 {
	font-size:2.25em;
	line-height:1.8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	font-style:italic;
	color:#FFF;
	margin:0em;
	padding:3em 0em 5em 0.5em;
	text-align:left;
}
h6 {
	font-size:1.1em;
	line-height:1.8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	font-style:italic;
	color:#6b6861;
	margin:0em;
	padding:0 0 0 0.5em;
	text-align:left;
}
h7{
	font-size:1em;
	line-height:1.5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	font-style:italic;
	color:#9a958c;
	margin:0em;
	padding:0.5em;
	text-align:left;
}
h8{
	font-size:1em;
	line-height:1.5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	font-style:italic;
	color:#9b142d;
	margin:0em;
	padding:0.5em;
	text-align:left;
}

p {
	font-size:0.9em;
	line-height:1.5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#6b6861;
	margin:0em;
	padding:0.5em;
	text-align:left;
}

ul {
	margin:0px;
	padding:0px;
}

li {
	list-style:square;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#2F2D2C;
	line-height:1.25em;
	margin:0em;
	padding:0em;
	margin:0.313em 0em 0.313em 0em;
}

img {
	width:100%;
	height:auto;
	max-width:100%;
}

a {
	text-decoration: none;
}

hr {
    border-color: #FFF;
    border-style: solid;
    border-width: 10px 0px 0px;
	
}

/* On Top Bar */
#menubar {
	display:block;
	background:#9A958C;
} 
#menubar ul {
	display:block;
	width:2em;
	padding:0.9em;
}
#menubar ul li {
	display:inline;
}
#menubar ul li a.menubutton {
	display:none;
}
/* Header */ 

header {
	width:auto;
	height:80px;
	background:#FFF;
	text-align:center;
}
#logo {
	width: 350px;
	height: 50px;
	background:none;
	/*background: url(../images/logo/logo_praxis_dinter-schoeder.png) no-repeat;*/
	float: left;
	margin: 1.5em 0 0 4.3em;
	
}
#slider {
	display:block;
	width:100%;
}


/* Navigation */ 

nav {
	display:block;
	height:2.8em;
	background:#FFFFFF;
	/*box-shadow:10px 0px 10px -5px #666666;*/
	text-align: right;
	margin-right:10%;
}

nav ul {
	display:block;
}
nav ul li {
	display:inline;
	margin:0em 0.188em 0em 0.188em;
}
nav ul li a {
	color:#6b6861;
	font-size: 1.125em;
	line-height:2.5em;
	padding:0.563em 0.938em 0.375em 0.983em;
	transition:background 0.5s;
	-webkit-transition:background 0.5s;
}

nav ul li a:hover {
	color:#9C152D;
	background: #FFF;
	/*border-bottom: 0.125em solid #9C152D;*/
}
nav ul li a.active {
	color:#9C152D;
	/*border-bottom: 0.125em solid #9C152D;*/
}


/* Header NAVIGATION - DOWNLOADS */

#DIV_header_navigation {
	height:2em;

}
#DIV_header_navigation p, #DIV_header_navigation a {
	font-size:0.9em;
	color: #999;
}
#DIV_header_navigation a:link, #DIV_header_navigation a:active, #DIV_header_navigation a:visited {
	color: #999;
	text-decoration: none;
}
#DIV_header_navigation a:hover {
	color: #9C152D;
	text-decoration: none;
}
.DIV_header_navigation {
	width:340px;
	height:2em;
	text-align:left;
	float:right;
    margin-right:10%;
}

/* Content Area */ 


#main {
	display:block;
	width:96%;
	max-width:980px;
	margin:1.25em auto;
	padding:0em;
}
#bg-article-1 {
/*	display:block;
	width:100%;
	height:auto;*/
	background:#FFF;
}
#bg-article-2 {
/*	display:block;
	width:100%;
	height:auto;*/
	background:#9b142d;
}
#bg-article-3 {
/*	display:block;
	width:100%;
	height:auto;*/
	background:#6b6861;
}
#bg-article-4 {
/*	display:block;
	width:100%;
	height:auto;*/
	background: #26E6EC;
}

#main article {
	display:block; 
	width:65%; 
	background: none;
	vertical-align: top;
	margin:0em;
	padding:0 0 2em 0;
	text-align:left;
}
#main article-leistungen {
	display: block; 
	width:65%; 
	background: none;
	vertical-align: top;
	margin:0em;
	padding:0 0 2em 0;
	text-align:left;
}
#main article-leistungen p {
	color: #D2CFC8;
	line-height:2.5;
}
#main article-slogan {
	display: block; 
	width:100%; 
	background: none;
	vertical-align: top;
	margin:0em;
	padding:0em;
	text-align:left;
}
#main article-rosenthal {
	display: block; 
	width:100%; 
	background: none;
	vertical-align: top;
	margin:0em;
	padding:0em;
	text-align:left;
}
#main article-rosenthal img {
	max-width:400px;
}
#main article img {
	max-width:100%;
}
#main aside {
	display: inline-block;
	width:50%;
	margin-left:0em 0 0 5em; 
	padding:0em;
	vertical-align: top;
	float:left;
}	
#main aside section {
	margin-bottom:1.563em;
	background:#26E6EC;
	border-bottom: 0.188em solid #E7590B;
}
#main article h2 {
	padding: 1em 1.8em 0em 0.5em;
	font-size: 1.5em;
}
#main article h8 {
	padding: 1em 1.8em 0em 0.5em;
	font-size: 1.25em;
}
#main article-leistungen h3 {
	padding: 1em 1.8em 1em 0.5em;
	font-size: 1.5em;
}
#main article h5 {
	padding:1em 1.8em 1em 1.8em;
}

#main aside section ul {
	padding:0em 1.875em 1.25em 2.5em;
}
#main article a:link, 
#main article a:active, 
#main article a:visited {
	color: #9b142d;
	font-weight: 100;
	font-style: normal;
	text-decoration: none;
}
#main article a:hover {
	color: #DE2949;
	font-weight: 100;
	font-style: normal;
	text-decoration: none;	
}
/* Content Team-Style */ 

/* Downloads Top */ 


.download-top article a:link, 
.download-top article a:active, 
.download-top article a:visited {
	font-size: 0.9em;
    font-weight: 100;
	font-style:normal;
	color: #666666;
    letter-spacing: 0px;
    line-height: 1.8;
    text-decoration: none;
}

.downloads-top a:hover {
    font-size: 0.9em;
    font-weight: 100;
	font-style:normal;
	color: #9b142d;
    letter-spacing: 0px;
    line-height: 1.8;
    text-decoration: none;
}





/* Footer */ 

#footer {
	display:block;
	width: 100%;
    height: auto;
    background: #47443f no-repeat scroll 0 0;
    clear: both;
}
#footer_bg_copyright {
	display:block;
	width: 100%;
    height:auto;
    background:#2e2b28 no-repeat scroll 0 0;
}
#theme_footer_content {
	width:96%;
	max-width:980px;
	margin-left:auto;
	margin-right: auto;
	padding:0em;
	
/*    width: 100%;
    margin: 0 auto;*/
}

/*.col3-left {
    padding: 0 0 0 0.5em;
    width: 320px;
}

.col3-mid {
    padding: 0 0 0 0.5em;
    width: 300px;
}

.col3-right {
    padding: 0px 0 0 0.5em;
    width: 280px;
}

.left, .alignleft {
    float: left;
}

.right, .alignright {
    float: right;
}*/


.col3-left {
    padding: 0 0 0 0.5em;
    width: 250px;
}

.col3-mid-1 {
    padding: 0 0 0 0.5em;
    width: 210px;
}
.col3-mid-2 {
    padding: 0 0 0 0.5em;
    width: 210px;
}

.col3-right {
    padding: 0px 0 0 0.5em;
    width: 210px;
}

.datenschutz {
    padding: 10px 0 0 0.5em;
    width: 320px;
}

.left, .alignleft {
    float: left;
}

.right, .alignright {
    float: right;
}





#theme_footer_content h1, #theme_footer_content p {
    color: #999999;
    text-transform: none;
}

#theme_footer_content h1 {
    font-size: 1.2em;
    font-weight: 100;
    letter-spacing:1px;
    margin: 20px 0 20px;
}

#theme_footer_content p, #theme_footer_content a {
    font-size: 0.7em;
    font-weight: 100;
	font-style:normal;
    letter-spacing: 1px;
    line-height: 1.8;
}

#theme_footer_content p.border-right {
    border-right: 1px solid #999999;
}

#theme_footer_content p.border-both {
    border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

#theme_footer_content a:link, #theme_footer_content a:visited {
    font-size: 1em;
    font-weight: 100;
	font-style:normal;
	color: #efefef;
    letter-spacing: 1px;
    line-height: 1.8;
    text-decoration: none;
}

#theme_footer_content a:hover {
    font-size: 1em;
    font-weight: 100;
	font-style:normal;
	color: #9b142d;
    letter-spacing: 1px;
    line-height: 1.8;
    text-decoration: none;
}

#theme_footer_content .copyright {
    color: #999999;
    font-size: 0.7em;
    font-weight: 100;
    letter-spacing: 1px;
    line-height: 1.8;
    margin: 0px 0 0px 0;
	padding: 1.5em;
}

/*  AKKORDION  */

#akkordeon {
  width:auto;
  min-width:280px;
  overflow: hidden; }

/* Aussehen Titel */
#akkordeon h2 {
  font-size: 14px;
  color: #9C152D;
  background-color:#ffffff; }

/* Feld um Titel */
.thema {
  cursor: pointer;
  padding: 5px 10px 5px;
  margin-bottom: 5px;
  transition: all .2s ease-in-out; }

/* ausklappbare Feld mit Inhalt */
#akkordeon .inhalt {
  display: none;
  background-color: #efefef;
  padding: 15px;
  margin-bottom: 5px;
  overflow: hidden;
  border: 1px solid #ffffff; }

/* Farbe Titelfeld wenn ausgeklappt */
#akkordeon .open { background-color: #ffffff!important; }

/* Grafik rechts wenn ausgeklappt */
#akkordeon .open h2 {
  background-color:#ffffff; }



/* Mobile Style */
@media screen and (max-width:800px) {
	body {
		font-size:90%;
	}
	#theme_footer_content p.border-right {
    border: none;
}
}
@media screen and (max-width:600px) {
	#main aside, #main article {
		width:100%;
		display:block;
		margin:0.625em 0em 0.625em 0em;
	}
	#theme_footer_content p.border-right {
    border: none;
}
}
@media screen and (min-width:550px) {
	nav.nav {
		display:block !important;
	}
		#slider {
		display:block! important;
	}	
}
@media screen and (max-width:550px) {
	body {
		font-size:86%;
	}
	#logo {
		transform: scale(0.7);
		float: left;
		margin: 1.25em 0 0 0;
	}
	#menubar ul li a.menubutton {
		display:block;
	}	
	nav {
		display:none;
		height:auto;
		text-align: center;
	}
	nav ul li {
		display:block;
		margin:0.3em 0em 0.3em 0em;
	}
	
	.DIV_header_navigation {
	text-align:left;
	float: left;
	margin: 1.25em 0 0 1.25em;
}
	
	
	#slider {
		display:none;
		height:auto;
	}
	#theme_footer_content p.border-right {
    border: none;
	}
	#main article-rosenthal img {
	max-width:90%;
}
}