/* CSS Document frame*/

div.bg5 {
/*background-image: url(imgs/mappenmatrix_web.jpg);*/
/*background-color:#FFFDEE;*/
background-color:white;
margin:auto;
margin-top:20px;
height:auto;
width:1220px;
/*border:1px solid red;*/
}

div.bg5mob {
/*background-image: url(imgs/mappenmatrix_web.jpg);*/
/*background-color:#FFFDEE;*/
background-color:white;
margin:0px;;
margin-top:20px;
height:auto;
width:300px;
/*border:1px solid red;*/
}

div.bg5ohp {
/*background-image: url(imgs/mappenmatrix_web.jpg);*/
/*background-color:#FFFDEE;*/
background-color:white;
margin:auto;;
margin-top:20px;
height:auto;
width:980px;
/*border:1px solid red;*/
}

#containerbg5ohp {
/*background-image: url(imgs/mappenmatrix_web.jpg);*/
/*background-color:#FFFDEE;*/
background-color:white;
margin:auto;;
margin-top:20px;
height:auto;
width:980px;
position:relative;
/*border:1px solid red;*/
}

div.banner2 {
/*background-image: url(../imgs/lisHauptNaviBalken-ohne-Text.png) ;
background-repeat:no-repeat;*/
float:left;
background-color:white;
margin:auto;
margin-top:0px;
height:auto;
width:auto;
/*border:1px solid red;*/
}



@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {


div.bg0mob  {
/*background-image: url(imgs/mappenmatrix_web.jpg);*/
/*background-color:#FFFFFF;*/
background-color:red;
margin:auto;
margin-top:20px;
height:auto;
width:300px;
/*border:1px solid red;*/
}

div.bg5ohp {
/*background-image: url(imgs/mappenmatrix_web.jpg);*/
/*background-color:#FFFDEE;*/
background-color:white;
margin:auto;;
margin-top:20px;
height:auto;
width:300px;
/*border:1px solid red;*/
}


#containerbg5ohp { 
	background-color:white;
	margin:0px;
	margin-top:20px;
	height:auto;
	width:300px;
	position:relative;
/*	border:1px solid green;*/
	} 

#contentmob {
background-color:white;
margin-top:10px;
margin-left:5px;
margin-right:0px;
height:auto;
width:300px;
/*border:1px solid red;*/
z-index: 2;
float:left;
padding: 3px;
}

div.top1mob {
	/*background-color:#FFFDEE;*/
	background-color:white;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	height:50px;
	width:300px;

	/* [disabled]border:1px solid green; */
}

div.top1mid1mob {
	/*background-image: url(../imgs/Mappenhaus_Schriftzug.gif);*/
	/*background-repeat:no-repeat;*/
	/*background-color:#FFFDEE;*/
	background-color:white;
	margin-top:5px;
	margin-left:10px;
	margin-right:0px;
	height:40px;
	width:220px;
/*	border:1px solid red; */
	float:left;
}

div.top1mid2mob {
	/*background-image: url(../imgs/Mappenhaus_Schriftzug.gif);*/
	/*background-repeat:no-repeat;*/
	/*background-color:#FFFDEE;*/
	background-color:white;
	margin-top:0px;
	margin-left:100px;
	margin-right:0px;
	height:40px;
	width:300px;
	/* [disabled]border:1px solid red; */
	float:left;
}

div.top1leftmob {
	/*background-color:#FFFDEE;*/
	/*background-color:white;*/
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	height:60px;
	width:90px;
	color:#F00;
	font-size:56px;
	float:left;

	/* [disabled]border:1px solid red; */
}

}

@media only screen
and (min-device-width : 481px)
and (max-device-width : 640px) {
#containerbg5ohp { 
	background-color:green;
	margin:auto;;
	margin-top:20px;
	height:auto;
	width:640px;
	position:relative;
	}*/
	
div.bg0mob {
/*background-image: url(imgs/mappenmatrix_web.jpg);*/
/*background-color:#FFFFFF;*/
background-color:green;
margin:auto;
margin-top:20px;
height:auto;
width:640px;
/*border:1px solid red;*/
}

div.bg0ohp {
/*background-image: url(imgs/mappenmatrix_web.jpg);*/
/*background-color:#FFFFFF;*/
background-color:red;
margin:auto;
margin-top:20px;
height:auto;
width:640px;
/*border:1px solid red;*/
}
	
}

div.bg0 {
/*background-image: url(imgs/mappenmatrix_web.jpg);*/
/*background-color:#FFFFFF;*/
background-color:white;
margin:auto;
margin-top:20px;
height:auto;
width:1220px;
/*border:1px #CCC outset;*/
}



div.top1 {
	/*background-color:#FFFDEE;*/
	background-color:white;
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
	height:80px;
	width:1180px;

	/* [disabled]border:1px solid green; */
}



div.top1ohp {
	/*background-color:#FFFDEE;*/
	background-color:white;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	height:60px;
	width:980px;

	 /*border:1px solid green; */
}

div.top1left {
	/*background-color:#FFFDEE;*/
	background-color:white;
	margin-top:20px;
	margin-left:0px;
	margin-right:0px;
	height:80px;
	width:130px;
	color:#F00;
	font-size:56px;
	float:left;

	/* border:1px solid red; */
}

div.top1right {
/*background-image: url(../imgs/Gutenberg_g.pnga);
background-repeat:no-repeat;*/
background-color:white;
margin-top:20px;
margin-left:0px;
margin-right:20px;
height:80px;
width:250px;
/*border:1px solid red;*/
float:right;
text-align:right;
}

div.top1mid1 {
	/*background-image: url(../imgs/Mappenhaus_Schriftzug.gif);*/
	/*background-repeat:no-repeat;*/
	/*background-color:#FFFDEE;*/
	background-color:white;
	margin-top:20px;
	margin-left:20px;
	margin-right:0px;
	height:60px;
	width:520px;
	/* [disabled]border:1px solid red; */
	float:left;
}

div.top1mid2 {
	/*background-image: url(../imgs/Mappenhaus_Schriftzug.gif);*/
	/*background-repeat:no-repeat;*/
	/*background-color:#FFFDEE;*/
	background-color: transparent;
	margin-top:20px;
	margin-left:-240px;
	margin-right:0px;
	height:60px;
	width:180px;
	
	/* [disabled]border:1px solid red; */
	float:left;
}



div.clear {

clear:both 
}

div.top2 {
/*	background-color:#FFFDEE;*/
	background-color:white;
	margin-top:0px;
	margin-left:20px;
	margin-right:20px;
	height:25px;
	width:1180px;
/*	border:1px solid green;*/
}

div.top2ohp {
/*	background-color:#FFFDEE;*/
	background-color:white;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	height:25px;
	width:980px;
/*	border:1px solid green;*/
}

div.top3 {
	background-color:white;
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
	height:25px;
	width:1180px;
	/*border:1px solidtop2navi1 green;*/
}

div.top3ohp {
	background-color:white;
	margin-top:10px;
	margin-left:0px;
	margin-right:0px;
	height:25px;
	width:auto;
	/*border:1px solidtop2navi1 green;*/
}

div.top2navi1 {
/*background-image: url(../imgs/lisHauptNaviBalken-ohne-Text.png) ;
background-repeat:no-repeat;*/
float:left;
background-color:white;
margin:auto;
margin-top:0px;
height:30px;
width:1180px;
/*border:1px solid red;*/
}
div.top2navi2 {
background-image: url(../imgs/HauptNaviBalken-ohne-Text.png) ;
background-repeat:no-repeat;
float:left;
/*background-color:#FFFDEE;*/
margin:auto;
margin-top:0px;
height:15px;
width:1180px;
/*border:1px solid red;*/
}

div.top2navi1ohp {
/*background-image: url(../imgs/lisHauptNaviBalken-ohne-Text.png) ;
background-repeat:no-repeat;*/
float:left;
background-color:white;
margin:auto;
margin-top:0px;
height:30px;
width:980px;
/*border:1px solid red;*/
}

div.top2navi2ohp {
background-image: url(../imgs/HauptNaviBalken-ohne-Text.png) ;
background-repeat:no-repeat;
float:left;
/*background-color:#FFFDEE;*/
margin:auto;
margin-top:0px;
height:15px;
width:980px;
/*border:1px solid red;*/
}



#content {

margin-top:0px;
margin-left:20px;
margin-right:20px;
height:auto;
width:auto;
/*border:1px solid red;*/
z-index: 2;
}

#banner {

margin-top:5px;
margin-left:20px;
margin-right:20px;
margin-bottom:5px;
height:150px;
width:auto;
/*border:1px solid red;*/
z-index: 3;
}

#bannermob {

margin-top:3px;
margin-left:35x;
margin-right:5px;
margin-bottom:3px;
height:auto;
width:auto;
/*border:1px solid red;*/
z-index: 3;
}

#content div.cleft {

/*background-color:#FFFDEE;*/
margin-top:0px;
margin-left:0px;
margin-right:0px;
height:auto;
width:130px;
float:left;
z-index: 100;
/*border:1px solid red;*/
}

#content div.cleftuohp {

/*background-color:#FFFDEE;*/
margin-top:0px;
margin-left:0px;
margin-right:0px;
height:auto;
width:120px;
float:left;
z-index: 100;
/*border:1px solid red;*/
}

#content div.contentmid {

/*background-color:#FFFDEE;*/
margin-top:0px;
margin-left:0px;
margin-right:0px;
height:auto;
width:230px;
float:left;
z-index: 100;
/*border:1px solid red;*/
}

div.cleftmob {

/*background-color:#FFFDEE;*/
margin-top:40px;
margin-left:-85px;
margin-right:0px;
height:auto;
width:60px;
float:left;
z-index: 100;
/*border:1px solid red;*/
}

#content div.cbody {

/*background-color:#FFFDEE;*/
margin-top:0px;
margin-left:20px;
margin-right:20px;
height:auto;
width:auto;
float:left;

overflow:inherit;
/*border:1px solid red;*/
}

#content div.cbodywp {

/*background-color:#FFFDEE;*/
margin-top:0px;
margin-left:0px;
margin-right:0px;
height:auto;
width:600px;
/*float:left;
*/
/*border:1px solid red;*/
}

#content div.cright1 {

/*background-color:#FFFDEE;*/
margin-top:0px;
margin-left:0px;
margin-right:20px;
height:auto;
width:205px;
/*border:1px solid red;*/
float:right;
}

#content div.cright1uohp {

/*background-color:#FFFDEE;*/
margin-top:0px;
margin-left:0px;
margin-right:0px;
height:auto;
width:205px;
/*border:1px solid red;*/
float:right;
}

#content div.cright2 {

/*background-color:#FFFDEE;*/
margin-top:0px;
margin-left:0px;
margin-right:0px;
height:auto;
width:205px;
/*border:1px solid red;*/
float:right;
z-index: 20;
}

#content div.txtbodyhome {

	font-family: Trebuchet MS, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #5A4231;
	
	height: auto;
	width: 580px;
	
	font-weight: normal;
	line-height: normal;
	font-style: normal;
	overflow: auto;
	margin-right: 20px;


}

#contentmidmob {

/*background-color:#FFFDEE;*/

height:auto;
width:300px;
/*border:1px solid #393;*/
margin-top:10px;
margin-bottom:10px;
}

#contentmid {

/*background-color:#FFFDEE;*/

height:auto;
width:auto;
/*border:1px solid #393;*/
margin-top:10px;
margin-bottom:10px;
}

#contentmid div.cmright {

background-color:#FFFDEE;
margin-top:0px;
margin-left:0px;
margin-right:0px;
height:auto;
width:280px;
/*border:1px solid red;*/
float:right;
}


#contentmid div.cmleft {

background-color:#FFFDEE;
margin-top:0px;
margin-left:0px;
margin-right:0px;
height:auto;
width:281px;
/*border:1px solid red;*/
float:left;
}

#contentmid div.cmlefti {

background-image: url(../imgs/Startseite_Kasten_gr.png) ;
background-repeat:no-repeat;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
line-height:30px;
float:left;
background-color: transparent;
margin-top:0px;
height:430px;
width:281px;
padding-top:-10px;
padding-left: 10px;padding-right: 10px;padding-bottom: 10px;


}

#contentmid div.cmrighti {

background-image: url(../imgs/Startseite_Kasten_kl.png) ;
background-repeat:no-repeat;
float:left;
background-color: transparent;
margin-top:0px;
height:129px;
width:278px;
padding-top:-10px;
line-height:20px;
/*padding-left: 10px;padding-right: 10px;padding-bottom: 10px;
border:1px solid #F66;*/
}

.column1-5
{
	width:20%;
 float:left;
}
.column1-5end
{
	width:20%;
 float:right;
}

.column1-3
{
	width:33%;
 float:left;
}
.column1-3end
{
	width:33%;
 float:right;
}

tbl_frame {
	vertical-align:top;
	border-collapse:collapse;
	margin-top: 5px;
	/* margin-left: 5px; */
	/* margin-right: 5px; */
	background: #FFFFFF;
	width: 100%;
	}

.tbl_header {
	vertical-align:top;
	border-collapse:collapse;
	background: #FFF;
	width:100%;
	}

.tbl_content {
	table-layout:auto;
	vertical-align:top;
	border-collapse:collapse;
/*	background:#F9F2ED;  */
	width:100%;
	}
	
.th_header { 
	font-size: 12px;
	color: #FFF;
	overflow:hidden; 
	border:none;
	background-color:#763B22;
	font-size: 11px;
	height: 16px;
	padding-left: 2px;
	font-weight: bold;
	text-transform: none;
	}
	
.th_footer { 
	border-bottom:1px solid #763B22;
	border-top:1px none #763B22;
	border-left:1px solid #763B22;
	border-right:1px solid #763B22;
	vertical-align:middle; 
	overflow:hidden; 
	background:#FFFFFF; 
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	height: 3px;
	padding-left: 11px;
	}
