/* Add here all your css styles (customizations) */
/*@font-face {
  font-family: 'Special Elite';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/special-elite/SpecialElite.ttf);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:'Comic Sans MS';src:url(fonts/comicsansms3.ttf)}*/

body,html {width:100%; height:100%; }

.aleft {text-align:left;}
.aright {text-align:right;}
.acenter {text-align:center;}
.ablock {text-align:justify;}

.fett {font-weight:bold;}
.gross {font-size:125%;}

.green {color:green;}
.red {color:red;}
.blue {color:blue;}

.da-slider { height: 377px; }
.da-slide h2 {top: 15px;}
.da-slide h2 i {/*font-family: "Comic Sans MS", cursive, sans-serif; */}
.da-slide p {
	/*font-family: "Comic Sans MS", cursive, sans-serif;*/
	font-size:18px;
	font-weight:400;
	padding:2px 2px 15px 0px;
	/*background:url(../img/hntgrdFilm.png) repeat-x;
	background-size:contain;*/
	width:auto;
	top: 80px;
	color: #fff;
	overflow: hidden;
	margin-bottom:0;
	line-height:248px;
}
.da-slide p img {
	/*background:url(../img/hntgrdS75.png) repeat;*/
	padding:0px;
	font-style:normal;
	/*border:4px solid #000;*/
	vertical-align:middle;
}


/*.purchase p {font-family: 'Special Elite', cursive; font-size:125%;}
p.typewriter {font-family: 'Special Elite', cursive; font-size:120%; text-align: justify; }*/
.purchase p {/*font-family: "Comic Sans MS", cursive, sans-serif;*/ font-size:125%;}
p.typewriter {/*font-family: "Comic Sans MS", cursive, sans-serif;*/ font-size:120%; text-align: justify; }
@media (max-width: 1000px) {
	.purchase p { text-align: justify; }
}
@media (max-height: 600px) {
	.da-slider { height: 227px; }
	.da-slide h2 {top:0px;}
	.da-slide h2 i {font-size: 100%; padding-top:0px; top:5px;}
	.da-slide p {line-height:130px; top:50px; }
}

#vorauswahl {text-align:right; margin:10px 0 30px 0; padding:0px; }
#vorauswahlKlein {display:none;}
#miniProdWahl {font-size:180%; float:right; cursor:pointer;}

#vorauswahl ul {list-style:none;}

#vorauswahl li {cursor:pointer; display:inline-block; padding: 6px 8px;}
#vorauswahl li:hover, .aktiv {color:#000000; border:1px solid #dddddd; background-color:#ffffff;}
.inaktiv {                  color:#888888; border:1px solid #cccccc; background-color:#dddddd;}


#galerieLayer {position:relative;}
.galBild {cursor:pointer; position:absolute;}
.footer-v1 {position:fixed; bottom:0; width:100%; }
.copyright {width:100%; padding:0;}
.footer-v1 .copyright p {margin:10px 0; padding:0 0 0 0;}
#janzOben { }
#galerieWahl {width:100%;}

#overlay {position:fixed; width:100%; height:0%; top:0; left:0; background:#000; opacity: 0.5;}
.dialog {width:80%; height:80%; position:fixed; left:10%; top:-100%; background:#fff; border:1px outset #888;}
.dialog form {height:100%;}
.modal-header {height:15%; overflow:auto; background:#f3f3f3; }
.modal-header h3 {width:80%;}
.modal-header .close {font-size:200%; float:right;}
.modal-body {height: 200px; min-height:70%; overflow:auto;}
.modal-footer {height:15%; overflow:auto; background:#f3f3f3; }

.form-control {height:auto;}
label.input-group-addon {width:100px; border:1px solid #888; border-right:none; line-height:1; cursor:pointer;}
.form-checkbox {padding:3px 10px 5px 0px; vertical-align:text-bottom; border:1px solid #888; border-left:none; line-height:1; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

#bilderTabelle td, #bilderTabelle th {padding:3px;}

#nachOben {color:#eee; padding:0px; float:right; cursor:pointer;}
#nachOben i { }

@media (max-width: 600px) {
	/*#vorauswahl {display:none; position:absolute; top:0px; right:30%; left:0px; text-align:left; padding:5px; background-color:#888888;}
	#vorauswahlKlein {display:block;}
	#vorauswahl ul {margin: auto 0; padding-left:0;}
	#vorauswahl li {display:block; padding: 6px 8px;}*/
	
	.copyright { padding:0;}
	.footer-v1 .copyright p {font-size:80%; margin:0px 0;}
}

#portraitSpezial {background-position:center; background-size:cover; height:8px; border:1px solid white; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
@media (max-width: 1000px) {
	#portraitSpezial { width: 50%; margin-left:25%; margin-bottom: 30px; }
}