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

body {
	background:#e5e5e5;
	background-image:url(../images/dsbackground.jpg);
	background-size:auto 800px;
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	font-family:Georgia, "Times New Roman";
	font-size:100%; /* 100% = 16px */
	margin:0em;
	padding:0em;
	
	/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
   
}

h1 {
	font-family:Georgia, "Times New Roman";
	font-size:2.2em;
	font-weight:100;
	text-align:center;
	color:#7f92a7;
	padding:40px 0 0 0;
	border:0px dotted red;
}

#main article.article_left h1 {
	font-size:1.8em;
	padding:40px 0 0 0;
}
#main article.article_left h2,
#main article.article_left h3 {
	font-size:1.4em;
	padding:40px 0 0 0;
}
/*
#main article.article_left p,
#main article.article_left form,
#main article.article_left div {
	padding:0 40px 0 60px;
	font-size:0.9em;
}
#main article.article_left ul {
	font-size:0.9em;
}
#main article.article_left p.subline {
	font-size:0.6em;
	color:#999;
	line-height:0.5em;
}
*/
h2 {
	font-family:Georgia, "Times New Roman";
	font-size:1.4em;
	font-weight:100;
	color:#7f92a7;
	padding:0;
	text-align:left;
}
h3 {
	font-family:Georgia, "Times New Roman";
	font-size:1.2em;
	font-weight:100;
	color:#7f92a7;
	padding:0;
	text-align:left;
}

/*
p, form, div {
	font-family:Georgia, "Times New Roman";
	font-weight:100;
	color:#45494e;
	line-height:1.25em;
	padding:0;
	margin:;
	text-align:justify;
	border:0px dotted red;
}
	*/

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

li {
	list-stlye:square;
	font-family: Georgia;
	font-weight:100;
	color:#2f2d2c;
	line-height:1.25em;
	margin:0em;
	padding:0em;
	margin:0;
}

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



a, a:visited {
	text-decoration: none;
	color:#637d96;
}
a:hover {
	text-decoration: underline;
	color:#637d96;
}

nav.nav a, nav.nav a:visited {
	text-decoration: none;
	color:#45494e;
	
	text-transform:uppercase;
}
nav.nav a:hover {
	text-decoration: none;
	color:#45494e;
}

footer a, footer a:visited {
	text-decoration: none;
	color:#e5e5e5;
}
footer a:hover {
	text-decoration: underline;
	color:#e5e5e5;
}

hr {
	border:0px solid #e5e5e5;
	background:#cccccc;
	height:1px;
	padding:0 80px;
}

a.denied {
	color:#b1beca;
	}
/* Header ------------------------------------------------------------- Header ------------------------------------------------------------- */
header {
	font-family:Georgia, "Times New Roman";
	display:flex;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	flex-wrap:wrap;
	justify-content:space-between;
	background:#ffffff;
	width: 100%;
	margin:0 auto;
	padding:0;
	border-top:4px solid #637d96;
	border-bottom:1px solid #cccccc;
	font-size:0.8em;
}

	header section {
		display:flex;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		flex-wrap:wrap;
		justify-content:space-between;
		background:#ffffff;
		width: 96%;
		max-width:980px;
		margin:0 auto;
		padding:0%;
		border:0px dotted green
	}
		header section ul {
		display:flex;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		padding:0;
		justify-content:flex-end;
		border:0px dotted black;
		}

		header section ul li {
			display:inline;
			margin:4px 0 4px 8px;
			padding:0;
			border: 0px dotted black;
		}
	header section#menubar {
		text-transform:uppercase;
	}
	
			header section#menubar ul li a,
			header section#menubar ul li a:hover, 
			header section#menubar ul li a:visited {
				color:#45494e;
			}
			
			header section#menubar ul li a.menubutton {
				display:none;
				width:24px;
				height:auto;
			}

	header section#logo {
		display:flex;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		flex-wrap:wrap;
		justify-content:space-between;
		background:;
		width: 96%;
		max-width:980px;
		margin:8px auto 32px auto;
		padding:0;
		
	}
		header section#logo ul {
			border: 0px dotted black;
		}

			header section#logo ul li {
				display:inline;
				margin:0;
				padding:0;
				border: 0px dotted black;
			}
			
			header section#logo ul li img {
				width:250px;
				hight:auto;
			}


	header section#telefon  {
		display:flex;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		flex-wrap:wrap;
		justify-content:space-between;
		
		height:50px;
		width:100%;
		max-width:100%;
		background:#7f92a7;
		padding:0;
		
		font-size:2em;
		border:0px dotted red;
		box-shadow:0px 0px 10px -5px #4c4948;
	}
		header section#telefon ul {
			display:flex;
			display:-webkit-box;
			display:-webkit-flex;
			display:-ms-flexbox;
			flex-wrap:wrap;
			justify-content:space-between;
			width: 96%;
			max-width:980px;
			margin:0 auto;
			padding:0%;
			align-items: center;
			border: 0px dotted black;
		
		}
			header section#telefon ul li {
			display:inline;
				margin:0;
				padding:0;
				border: 0px dotted black;
				color:#e5e5e5;
			}
				header section#telefon ul li a,
				header section#telefon ul li a:hover,
				header section#telefon ul li a:visited {
					
					color:#e5e5e5;
				}
				header section#telefon ul li.eins,
				header section#telefon ul li.drei {
					font-size:1.2em;
					
				}
				header section#telefon ul li.vier {
					font-size:0.6em;
				}
				
				header section#telefon ul li img {
				height:50px;
				padding:0;
				
				}

/* Rückruf Button  ------------------------------------------------------------- Rückruf Button  ------------------------------------------------------------- */


.buttonr {
	font-family:Georgia, "Times New Roman";
	background-color:#637d96;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:2px solid #e5e5e5;
	display:inline-block;
	cursor:pointer;
	color:#eaeaea;
	
	text-transform:uppercase;
	font-size:0.8em;
	margin:5% 0 5% 0;
	padding:2px 14px;
	text-decoration:none;
}
.buttonr:hover {
	background-color:#7f92a7;
	border:2px solid #ffffff;
	color:#ffffff;
}
.buttonr:active {
	background-color:#7f92a7;
	color:#ffffff;
	border:2px solid #ffffff;
	position:relative;
	top:1px;
}
/*  Button auf weißen Hintergrund ------------------------------------------------------------- Rückruf Button  ------------------------------------------------------------- */


.button {
	font-family:Georgia, "Times New Roman";
	background-color:transparent;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:2px solid #7f92a7;
	display:inline-block;
	cursor:pointer;
	color:#7f92a7;
	
	text-transform:uppercase;
	font-size:0.7em;
	
	padding:0px 12px;
	text-decoration:none;
}
.button:hover {
	background-color:#7f92a7;
	border:2px solid #637d96;
	color:#ffffff;
}
.button:active {
	background-color:#7f92a7;
	color:#ffffff;
	border:2px solid #637d96;
	position:relative;
	top:1px;
}


/* Navigation ------------------------------------------------------------- Navigation ------------------------------------------------------------- */

nav {
	display:block;
	height:2.5em;
	background:;
	text-align:center;
}

nav ul {
	display:block;
}

nav ul li {
	display:inline;
	margin:0em 0.188em 0em 0.188em;
}

nav ul li a {
	color:#454040;
	font-size: 1.125em;
	line-height:2.5em;
	padding:0.563em 0.938em 0.375em 0.983em;
	transition:background 0.2s;
	-webkit-transition:background 0.2s;
}

nav ul li a:hover {
	background:;
	border-bottom:0.188em solid #637d96;
}

nav ul li a.active {
	background:;
	border-bottom:0.188em solid #637d96;
}


	
/* Content Area ------------------------------------------------------------- Content Area -------------------------------------------------------------*/

#main {
	font-family:Georgia, "Times New Roman";
	display:flex;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	flex-wrap:wrap;
	justify-content:;
	background:;
	width: 96%;
	max-width:980px;
	margin:1.25em auto 0 auto;
	padding:0;
	border:0px dotted red;
	font-size:1.4em;
}

	#main article {
		display:flex;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		flex-wrap:wrap;
		justify-content:space-between;
		background:#ffffff;
		border-top:1px solid #cccccc;
		border-left:1px solid #cccccc;
		border-right:1px solid #cccccc;
		margin:0 ;
		
	}
	#main article.article_left {
		display:flex;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		flex-wrap:wrap;
		justify-content:space-between;
		background:#ffffff;
		border-top:1px solid #cccccc;
		border-left:1px solid #cccccc;
		border-right:1px solid #cccccc;
		margin:0 10px 0 0;
		width:66%;
		
	}
		#main article section,
		#main article.article_left section {
			/*flex: 1 1 auto;*/
			background:#ffffff;
			border:0px dotted blue;
			margin:;
			width:;
		}
		
		#main article section.full,
		#main article.article_left section.full {
			display:flex;
			display:-webkit-box;
			display:-webkit-flex;
			display:-ms-flexbox;
			flex-wrap:wrap;
			width:100%;
			padding: 0;
			justify-content:space-between;
		}
		
		#main article section.box100,
		#main article.article_left section.box100 {
			display:flex;
			display:-webkit-box;
			display:-webkit-flex;
			display:-ms-flexbox;
			flex-wrap:wrap;
			width:100%;
			padding: 0 80px;
			justify-content:space-between;
		}
		
			#main article section.subbox100,
			#main article.article_left section.subbox100 {
				width:100%;
				font-size:;
				padding: 0;
				
			}
			#main article section.subbox60,
			#main article.article_left section.subbox60 {
				width:60%;
				font-size:0.9em;
				padding: 0;
				
			}
			#main article section.subbox40,
			#main article.article_left section.subbox40 {
				width:35%;
				font-size:0.9em;
				padding: 0;
				
			}
			#main article section.subbox50,
			#main article.article_left section.subbox50 {
				width:47%;
				font-size:0.9em;
				padding: 0;
			}
			#main article section.subbox30,
			#main article.article_left section.subbox30 {
				width:30%;
				font-size:0.8em;
				padding: 0;
			}
		
		
		
		#main article section ul,
		#main article section ol {
			margin:0 0 0 20px;
			
		}
		#main article section img {
			
			/* box-shadow:0px 0px 10px -5px #4c4948; */
			border-radius:0px;
	}
		
		
		#main article section.box1 img {
			height:auto;
			width:300px;
			margin-left:;
		}

		
/* aside --------------------------------------- aside ----------------------------------------*/
#main aside {
		display:flex;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		flex-wrap:wrap;
		align-items:flex-start;
		flex-direction:column;
		justify-content:flex-start;
		background:;
		border-top:0px solid #cccccc;
		border-bottom:0px solid #cccccc;
		border-right:0px solid #cccccc;
		margin:0 ;
		width:32%;
	}
		#main aside section {
			/*flex: 1 1 auto;*/
			background:#ffffff;
			border:1px solid #cccccc;
			margin:0 0 10px 0;
			width:100%;
		}
		
		#main aside section h4 {
			font-family:Georgia, "Times New Roman";
			font-size:1em;
			font-weight:100;
			color:#45494e;
			padding:;
			text-align:left;
			line-height:;
			margin:10px 40px 0 30px;
		}
		
		#main aside section ul{
			margin:0 40px 0 30px;
			list-style:none;
			font-size:0.7em;
			
		}
		#main aside section ul li {
			border-bottom:1px solid #cccccc;
			line-height:2em;
		}
		#main aside section ul li.last {
			border-bottom:0px solid #cccccc;
		}
		#main aside section div{
			width:100%;
			padding:0;
		}
/* Video ---------------------------------------  Video --------------------------------------- */
.video {
	position: relative; 
	padding-bottom: 56.25%; /* ratio 16x9 */
	height: 0; 
	overflow: hidden; 
	width: 100%;
	height: auto;
	}
	
	.video iframe {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	}
	
	audio { width: 100%; }

/* Sonstiges ------------------------------------------------------------- Sonstiges -------------------------------------------------------------*/	
	.stars {
	font-size:0.8em;
	color:#e7711b;
	}	
	
	.bewertet {
	font-size:0.6em;
	text-transform:uppercase;
	color:#e5e5e5;
	padding: 1px 3px 1px 3px;
	background:#637d96;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}


	
/* Footer ------------------------------------------------------------- Footer -------------------------------------------------------------*/


footer {
	font-family:Georgia, "Times New Roman";
	display:flex;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	flex-wrap:wrap;
	justify-content:space-between;
	background:#45494e;
	width: 100%;
	margin:0 auto;
	padding:0;
	font-size:0.8em;
}

	footer section {
		display:flex;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		flex-wrap:wrap;
		justify-content:space-between;
		width: 96%;
		max-width:980px;
		margin:0 auto;
		padding:0%;
		border:0px dotted green
	}
		footer section ul {
		display:flex;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		padding:0;
		justify-content:flex-end;
		border:0px dotted black;
		}

		footer section ul li {
			display:inline;
			margin:4px 8px 4px 0px;
			padding:0;
			border: 0px dotted black;
			color:#e5e5e5;
		}
		
			footer ul li a {
				color:#e5e5e5;
			}



	
	
			
	
/* Mobile Style ------------------------------------------------------------- Mobile Style -------------------------------------------------------------*/
@media screen and (max-width:900px) {
	
	header section#telefon ul li.eins,
	header section#telefon ul li.drei {
		font-size:1.1em;
	}
	header section#telefon ul li.vier {
		font-size:0.6em;
	}
	
}

@media screen and (max-width:800px) {
	header section#telefon ul li.eins,
	header section#telefon ul li.drei {
		font-size:1em;
	}
	
	h1 {
		font-size:1.8em;
	}
	
	#main article.article_left {
		flex-direction:column;
		width:100%;
		margin:0 0 10px 0;
		border-bottom: 1px solid #cccccc;
	}
	
	#main aside {
		flex-direction:column;
		width:100%;
		margin:0 0 10px 0;
	}
	#main aside section {
		margin:0 0 10px 0;
		
	}
	nav {
		font-size: 0.9em;	
	}
}

@media screen and (max-width:750px) {
	
	header section#telefon ul li.eins, 
	header section#telefon ul li.zwei {
		display:none;
	}
	
}

@media screen and (max-width:600px) {
	#main article section.box100,
	#main article.article_left section.box100 {
			padding: 0 20px;
		}
	#main article section.subbox100,
	#main article section.subbox60,
	#main article section.subbox40,
	#main article section.subbox50,
	#main article section.subbox30,
	
	#main article.article_left section.subbox100,
	#main article.article_left section.subbox60,
	#main article.article_left section.subbox40,
	#main article.article_left section.subbox50,
	#main article.article_left section.subbox30 {
		flex-direction:column;
		width:100%;
		
	}
	
	h1 {
		font-size:1.4em;
		padding:30px 40px 0 40px;
	}
	
	h2, p, form, div {
		padding:0 40px;
	}
	#main article section ul,
	#main article section ol {
			margin:0 40px 0 65px;
			
		}
	#main aside, 
	#main article, #main article section,
	#main article.article_left, #main article.article_left section {
		width:100%;
		
	}
	
	header section#logo {
		
		justify-content:center;
	}
		header section#logo ul li img {
					width:180px;	
		}
	nav {
		font-size: 0.8em;	
	}
}

@media screen and (min-width:550px) {
	
	
	
	
	
	nav.nav {
		display:block !important;
	}
}

@media screen and (max-width:550px) {
	
	header section#telefon ul li.vier {
		display:none;
	}
	
	h1 {
		
		padding:20px 20px 0 20px;
	}
	
	h2, p, form, div {
		padding:0 20px;
	}
	#main article section ul{
			margin:0 20px 0 45px;
			
		}
	#main article section ul li, p {
		font-size: 0.8em;
		
	}
		
	
	h1, h2, h3 {
	font-size:1.2em;
	}




	
	body {
		font-size:86%;
	}
	
	header section#menubar ul li a.menubutton {
		display:block;
	}
	
	nav  {
		display:none;
		height:auto;
	}
	
	nav ul li {
		display:block;
		margin:0.3em 0em 0.3em 0em;
	}
}

/* PAGINATION */

.pagination {
    clear: both;
    padding-bottom: 10px;
    padding-top: 10px;
	
	font-size: 11px;
	
}
.pagination a {
    border: 1px solid #D5D5D5;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    padding: 4px 8px;
    text-decoration: none;
  margin:2px;
}
.pagination a:hover, .pagination a:active {
    background:#7f92a7;
}
.pagination span.current {
    background-color: #7f92a7;
    border: 1px solid #D5D5D5;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    padding: 4px 8px;
    text-decoration: none;
        margin:2px;
}
.pagination span.disabled {
    border: 1px solid #EEEEEE;
    color: #DDDDDD;
    margin: 2px;
    padding: 2px 5px;
}