@charset "utf-8";
/* Einfache fließende Medien
   Hinweis: Für fließende Medien müssen Sie die Attribute 'height' und 'width' des Medium aus dem HTML-Code entfernen
   http://www.alistapart.com/articles/fluid-images/ 
*/

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 unterstützt keine maximale Breite, verwenden Sie daher eine Standardbreite von 100% */
.ie6 img {
	width:100%;
}


.gridContainer {
	width: 95.2363%;
/*	
	max-width: 1232px; 
*/
	padding-left: 0.8818%;
	padding-right: 0.8818%;
	margin-left: auto;
	margin-right: auto;
}
.clTableDiv{
	display:table;
}
.clRowDiv{
	display:table-row;
}

.clOrderTable{
	width:100%;
}

.clOrderTable td, th{
	padding-left:0;
}

.clOrderTable input[type="text"]{
	width:92%;
}

.clOrderTable input[type="text"].clCptInp {
	width:40%;
	margin-top:.5em;
}

input[type="radio"]{
	vertical-align:middle;
}

.clOrderTableCol_1{
	width:40%;
}
.clOrderTableCol_2{
	width:21%;
}
.clOrderTableCol_3{
	width:13%;
}
.clOrderTableCol_4{
	width:21%;
}
.clOrderTableCol_5{
	width:5%;
}
.clOrderTable th,td,input{
	font-size:0.7em;
}
.clOrderTable th{
	text-align:right;
}

.clOrderTable th.clLeftTh{
	text-align:left;
}
.clOrderTable textarea{
	width: 100%;
	height:2em;
}
input.clOrderNumInp{
	text-align:right;
}

input.clOrderPriceInp{
	text-align:right;
}
#idQuestionDiv{
	border:1px solid silver;
	padding:5px;
	margin:0;
}

.clOrderTableDiv{
	display:table;
	width:100%;
}

.clOrderTrDiv{
	display:table-row;
}

.clOrderTd1Div{
	display:block;
	margin-top:5vw;
}

.clOrderTd4Div{
	display:block;
}

.clOrderTd5Div{
	display:block;
}

.clOrderTd4Div input[type=text]{
	width:99%;
}

.clOrderTd4Div input[type=text].clOrderPlzInp{
	width:22%;
	float:left;
	position:relative;
	top:2px;
}

.clOrderTd4Div input[type=text].clOrderOrtInp{
	width:70%;
	float:right;
	position:relative;
	top:2px;
}

.clOrderTd4Div input[type=text].clOrderHausnrInp{
	width:22%;
	float:right;
	position:relative;
	top:2px;
}

.clOrderTd4Div input[type=text].clOrderStrasseInp{
	width:70%;
	float:left;
	position:relative;
	top:2px;
}

.clOrderAnmTA{
	width:98%;
	margin-bottom:.3em;
}

.clMobileNaviDiv{
	position:relative;
	padding-right:15px;
	padding-left:15px;
	margin-left: 2%;
	width: 90%;
}

.clGreyDiv{
	background:#b5b6b9;
	position:fixed;
	left:0%;
	top:0;
	width:100%;
	height:200%;
	padding:0;
	margin:0;
}

.clH4Order{
	display:block;
}

#idSubquestionDiv{
	max-width:95%;
}

#idQuestionDiv  input[type=text]{
	 max-width:50px;
}

.clBlackDiv{
	display:none;
}


.clNaviDiv {
	display:none;
}

.clMobileMenuBtnDiv{
	position:fixed;
	top:20vh;
	left:0;
	width: 12%;
}

.clMobileMenuBtnDiv img{
	width:100%;
}

.clContainerDiv{
	padding:0;
	width:90%;
	float:right;
}

.clHeaderDiv{
	width:92%;
	padding:2vw 0;
	margin-left:1.85%;
}
.clCarouselOuterDiv{
	margin-left:1.85%;
	width:92%;
	margin-bottom:1.4em;
}

.clCarouselDiv img{
	padding-right:0px;
}

.clChapterDiv{
	margin:-2% 2% 0 2%;
	padding:0;
}

.clTextDiv {
	margin-left: 2%;
	width: 95%;
	padding:0 2% 1em 2%;
	display: block;
	vertical-align:top;
}

.clBildDiv {
	margin-left: 2%;
	padding:1em 2% 1em 0;
	width: 100%;
	display: block;
	vertical-align:top;
}

.clLeftColumnDiv{
	width:96%;
	padding-left:2%;
	padding-right:2%;
}

.clRightColumnDiv{
	width:96%;
	padding-left:2%;
	padding-right:2%;
}

.clCategoryDiv{
	margin:1rem 0;
	padding:.5rem 1rem;
}

clClearDiv{
	clear:both;
}
.clCoverImg{
	width:60%;
}
.clSingleCoverImg{
	width:80%;
}
.clHeaderImg{
	width:100%;
}

.clPcOnly{
	display:none;
}

.clHandyOnly{
	display:block;
	position:relative;
	top:1em;
}

.clShowCoverDiv{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	text-align:center;
	color:white;
	display:none;
}

.clShowCoverDiv a{
	color:white;
}
.clShowCoverImg{
	height:90%;
	margin:1%;
	display:inline-block;
	vertical-align:top;
	position:relative;
	left:0.75em;
}
.clHideCoverDiv{
	margin:1%;
	display:inline-block;
	width:.75em;
	height:.75em;
	vertical-align:top;
	position:relative;
	left:0.75em;
}
.clCloseImg{
	width:100%;
}
.clImgDownloadP{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
}
.clBuchLinksUl{
	margin-top:0;
	margin-bottom:0.25em;
	margin-left:0;
	padding:0;
}


.clBuchLinksUl li{
	display:inline;
	line-height:2em;
	padding:0.2em 0.5em 0.2em 0.5em;
	margin:0;
}

.clBuchdetailsP{
	margin-top:1.5em;
	font-weight:bold;
	line-height: 1.5em;
}
.clNbSpan{
	display:none;
}
/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */
/*
*/
@media only screen and (min-width: 481px) {

.clContainerDiv{
	padding:0;
	width:67%;
	float:right;;
}

.clBlackDiv{
	display:block;
	background:black;
	position:fixed;
	left:2.4%;
	top:0;
	width:31.4%;
	height:200%;
	padding:0;
	margin:0;
}

.clGreyDiv{
	background:#b5b6b9;
	position:fixed;
	left:33.8%;
	top:0;
	width:65%;
	height:200%;
	padding:0;
	margin:0;
}
	
.clNaviDiv {
	display:block;
	width: 33%;
	padding:3vw 0 1em 0;
	float:left;
	min-height:100%;
}

.clMobileMenuBtnDiv{
	display:none;
}

.clTextDiv {
	width:88%;
}

.clBildDiv {
	width:88%;
}

.cl80CoverImg{
	float:left;
}

.clOrderTrDiv{
	display:table-row;
	height:1.5em;
}

.clOrderTd1Div{
	display:table-cell;
}

.clOrderTd4Div{
	display:table-cell;
}

.clOrderTd5Div{
	display:table-cell;
}

.clGuides{
	border-top:1px solid gray;
	border-bottom:1px solid gray;
}

.clOrderPlzInp{
	width:25%;
}
.clOrderOrtInp{
	width:60%;
}
.clOrderHausnrInp{
	width:25%;
}
.clOrderStrasseInp{
	width:60%;
}
.clNbSpan{
	display:inline;
}
.clNbBr{
	display:none;
}

.clMobileNaviDiv{
	display:none;
}

.clH4Order{
	display:block;
}



/* Desktoplayout: 801 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */
@media only screen and (min-width: 801px) {
/*@media only screen and (min-width: 981px) {*/

input[type="radio"]{
	 vertical-align:middle;
}

.gridContainer {
	padding-left: 0.8818%;
	padding-right: 0.8818%;
	width: 95.2363%;
	margin-left: auto;
	margin-right: auto;
/*
	width:100%;
*/
/*	max-width: 1232px; */
}
.clTableDiv{
	display:table;
}
.clRowDiv{
	display:table-row;
}

.clBlackDiv{
	width:24.8%;
	padding:0;
}

.clGreyDiv{
	left:27.1%;
	width:70.6%;
	padding:0;
}

.clNaviDiv {
	width: 26%;
	padding:3.5vw 0em 1em 0em;
	float:left;
}

.clContainerDiv{
	padding:0;
	width:74%;
	float:left;
}
.clHeaderDiv{
	width:56%;
	padding:2vw 9.5%;
	margin:0 2%;
}
.clCarouselOuterDiv{
	margin-left:1.3%;
	width:80.3%;
	margin-bottom:1.4em;
}

.clCarouselDiv img{
}

.clChapterDiv{
	margin:-2% 2% 0 2%;
	padding:0;
}

.clTableDiv{
	margin-left:2%;
	display:table;
	width:100%;
}

.clTrDiv{
	display:table-row;	
}

.clTextDiv {
	margin-left: 2%;
	width: 44%;
	padding:0 2% 1em 2%;
	display:table-cell;
	vertical-align:top;
}
.clBildDiv {
	margin-left: 2%;
	padding:0 2% 1em 2%;
	width: 44%;
	display:table-cell;
	vertical-align:top;
}
.clLeftColumnDiv{
	width:47%;
	float:left;
	padding-left:2%;
	padding-right:1%;
}

.clRightColumnDiv{
	width:47%;
	float:left;
	padding-left:1%;
	padding-right:2%;
}

clClearDiv{
	clear:both;
}
.clCoverImg{
	width:40%;
}
.clSingleCoverImg{
	width:60%;
}
.clHeaderImg{
	width:100%;
}

.clHandyOnly{
	display:none;
}