/*  
Theme Name: PClassic
Theme URI: http://paerics.com.com
Description: PClassic WordPress Theme by <a href="http://paerics.com/" target="_blank">Paeric's</a>
Version: 1.0
Author: Patric Lee Atrott
Author URI: http://paerics.com
*/




/* --------------------------------------------------------- */
/* BASIC CSS ----------------------------------------------- */
/* --------------------------------------------------------- */
 
    /* YOUR STYLES */
    /* -## BASIC STYLES -## */	
    	 * {
        -webkit-touch-callout: none;
    }
    	
    	html { 
		background: url('./images/b_bg.png'); 
		background-repeat:repeat-x; 
		background-position: 0px -30px;
		/*-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/bg.png', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/bg.png', sizingMethod='scale')";*/
	}
	
      body{

		margin: 0;
		padding: 0;
      height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
    		
      
      /* IE10 Consumer Preview */ 
      /*	background-image: -ms-radial-gradient(center, circle farthest-corner, #115915 0%, #0C140B 100%);*/

      /* Mozilla Firefox */ 
      /*	background-image: -moz-radial-gradient(center, circle farthest-corner, #115915 0%, #0C140B 100%);*/

      /* Opera */ 
      /*	background-image: -o-radial-gradient(center, circle farthest-corner, #115915 0%, #0C140B 100%);*/

      /* Webkit (Safari/Chrome 10) */ 
      /*	background-image: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, #115915), color-stop(1, #0C140B));*/

      /* Webkit (Chrome 11+) */ 
      /*	background-image: -webkit-radial-gradient(center, circle farthest-corner, #115915 0%, #0C140B 100%);*/

      /* W3C Markup, IE10 Release Preview */ 
      /*	background-image: radial-gradient(circle farthest-corner at center, #115915 0%, #0C140B 100%);*/
      		
      /* background:-moz-radial-gradient(center, #115915, #0C140B); /* Firefox */
      /*	background:-webkit-radial-gradient(center, #115915, #0C140B); /* Safari, Chrome */
      /*	background:-o-radial-gradient(center, #115915, #0C140B); /* Opera */
      /*	background:-ms-radial-gradient(center, #115915, #0C140B); /* IE */
      /*	background:radial-gradient(center, #115915, #0C140B); /* W3C Standard */      	
      }
      
      
      
    /* -## Font Stuff -## */ 
    
    a{
    font-family: Gill Sans, sans-serif;
    	text-decoration: none;	
    	color: #b96d00;
    }
    
    a li{
    	font-family: Gill Sans, sans-serif;
    	text-decoration: none;	
    	color: #b96d00;
    }
    	
    a.menu{
    
    	text-decoration: none;
    	color: #203E07;	
    }
    a.category{
    	color: #b96d00;
    	text-decoration: none;	
    }
    a.category:hover{
    
    	text-decoration: dotted;	
    }
    
    h1, h2, h3{
    	font-family: Gill Sans, sans-serif;
    	
    }
    
    i{
    	font-size: 16px;
    	
    }
    
    strong{
    	font-family: Gill Sans, sans-serif;
    	font-weight:700;

    	
    }
    
    small{
    	
    	font-size: 15px;	
    	
    }
    	
	p{
		
		color: #333333;
		font-family: Gill Sans, sans-serif;
		padding-left: 5px;
	}
	
	a.headline{
	
		color: #114411;	
		
	}
	
	li{
		color: #333333;
		font-family: Gill Sans, sans-serif;
		font-size: 15px;
	}
	
 	p.title_MP{
 		position: relative;
 		color: #114411;
 		font-size: 19px;
 		
 		top: 5px;
 		left: 260px;
 		max-width: 380px;
 	
 	}
 	p.titleStory_MP{
 		color: #333333;
 		font-size: 14px;
 		font-weight: light;
 		top: 1px;
 		position: relative;
 		max-width: 380px;
 	} 
 	
 	p.titleBtnCont_MP{
 		position:relative;
 		color: #FFFFFF;
 		font-weight: light;
 		font-style: normal;
 		text-align:center;
 		top: -7px;
 	}
 	p.titleFAuth_MP{
 		color: #7d2800;
 		font-size: 18;
 		font-style: normal;
 		float:left;
 		padding-right: 15px;
 	} 
 	p.titleFAuthDate_MP{

 		color: #463832;
 		font-size: 18;
 		font-style: normal;
 		padding-left: 15px;
 		float:left;
 		border-left: rgb(76,76,76) 1pt solid;
 	}
 	p.headline_SP{
 		color: #114411;
 		font-size: 16;
 		font-style: bold;
 	}
 	p.headlineU_SP{
 		color: #114411;
 		font-size: 16;
 		font-style: normal;
 	}
 	p.StorieText_SP{
 		color: #333333;
 		font-size: 14;
 		font-style: normal;
 	}
 	p.MenuBar_Header{
 		font-family: Gill Sans, sans-serif;
 		position: relative;
 		top: -20px;
 		right: 15px;
 		text-align:right;
 		color: #FFFFFF;
 		font-size: 34px;
 		font-style: normal;
 		/*text-outline: 2px 2px #333233; 
 	text-shadow: 0.7pt 0.7pt #ffffff;*/
 	}
 	p.SideInfoHead{
 		font-family: Gill Sans, sans-serif;
 		color: #6f4200;
 		font-size: 24px;
 		font-weight: light;
 		top: -24px;
 		padding-top: 15px;
 		padding-left:15px;
 		position:relative;
 		background: #f7f4de;
 	}
 	p.SideInfoText{
 		font-family: Gill Sans, sans-serif;
 		color: #333333;
 		font-size: 14px;
 		font-weight: light;
 		top: -160px;
 		width:140px;
 		padding-top: 15px;
 		padding-left:140px;
 		position:relative;
 	
 	}
 	
 	
 	
 	
 	
 	
 	
    /* -## General Page Stuff -## */
    div {
	display: block;
    }	
    div.Construction{
	margin-top:-30px;
	background: rgb(200,200,200);
	width:100%;
	height:25px;
	border-top: #B2B2B2 1px solid;
	border-bottom: #B2B2B2 1px solid;
margin:auto;	
	}
    div.Construction p{
	font-family: Gill Sans, sans-serif;
 	color: #333333;
font-size:12px;
text-align:center;
padding-top:-5px;
	}
    div.SiteWrap{
	  position:relative;
    	top:-40px;
    	width: 1050px;
    	margin:auto;
    	min-height:100%;
    	height: 100%;
	  padding-bottom:10px;
    height: -webkit-calc(100% + 200px);
    height: -moz-calc(100% + 200px);
    height: calc(100% + 200px);
background: rgba(237, 246, 253,0.7);
   border: #2C2C2C 1px solid; 
	  /* -webkit-box-shadow: 0px 0px 12px #000000;	*/
      /* webkit browser -moz-box-shadow: 0px 0px 12px #000000;	
      /* firefox box-shadow: 0px 0px 12px #000000;*/
    	}
    
    div.PageWrap{
display:table;
    	width: 1005px;
    	height:auto;
    	
    	/*margin: auto;	*/
    	margin-top: 50px;
	margin-left:23px;
    	
    }	
    div.PageList{
	  width:1015px;
	  height:auto;
	  
	 
	}
 	
    	
    /* -## MenuBar -## */
    	
      div.MB_Bar{
      
        z-index: 100;
    	width: 100%;
    	min-width:1010px;
    	height: 5px;
    	margin: auto;
        background: url('./images/MBar.png') repeat-x;  
        	
      }	
    	
      div.MenuBar_BG_G{
        z-index: 100;
        display:block;
    	width: 1004px;
    	height: 65px;
    	position: relative;
    	margin-left:auto;
    	margin-right:auto;
    	top: 45px;
    	background: #FFFFFF;
    	background: url('./images/MenuBar_BG.png') repeat-x; 
		
    	/*background-image: linear-gradient(bottom, #50dc28 33%, rgba(48,161,0,0.8) 66%, rgba(108,181,63,0.8) 100%);
		background-image: -o-linear-gradient(bottom, rgba(31,116,0,0.8) 33%, rgba(48,161,0,0.8) 66%, rgba(108,181,63,0.8) 100%);
		background-image: -moz-linear-gradient(bottom, rgba(31,116,0,0.8) 33%, rgba(48,161,0,0.8) 66%, rgba(108,181,63,0.8) 100%);
		background-image: -webkit-linear-gradient(bottom, rgba(31,116,0,0.8) 33%, rgba(48,161,0,0.8) 66%, rgba(108,181,63,0.8) 100%);
		background-image: -ms-linear-gradient(bottom, rgba(31,116,0,0.8) 33%, rgba(48,161,0,0.8) 66%, rgba(108,181,63,0.8) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.33, #378811 ),
			color-stop(0.66, #379b00 ),
			color-stop(1, #3dce00 )
    	);	*/
    /*  -webkit-box-shadow: 0px 0px 12px #000000;	
      /* webkit browser*/ /*-moz-box-shadow: 0px 0px 12px #000000;	
      /* firefox *//* box-shadow: 0px 0px 12px #000000;*/
  	border: rgb(76,76,76) 1pt solid;	
  	
    }	
    div.MenuBar_Logo{
    
    	background: url('./images/DD_logo.png'); 
    	background-repeat:no-repeat;
		background-position:center;
		width: 96px;
		height: 100%;
		float:left;
	  	border-right: rgb(76,76,76) 1pt solid;
    }	
     div.MenuBar_MBtn_G{
    	display:none;
    	background: #FFFFFF;
		width: 96px;
		height: 100%;
		left:96px;
		float:left;
		border-left: rgb(76,76,76) 1pt solid;
		border-right: rgb(76,76,76) 1pt solid;
    }
    div.MenuBar_MBtn{
	  	display:none;
    	background: #306F0C;
		width: 82px;
		height: 100%;
		margin: auto;
		border-left: rgb(76,76,76) 1pt solid;
		border-right: rgb(76,76,76) 1pt solid;
	
		background: url('./images/Menu_Btn_BG.png') repeat-x; 
	
		/*background: url('./images/Menu_Btn.png'); 
    	background-repeat:no-repeat;
		background-position:center;*/
    }
      div.MenuBar_MBtn:hover{	
		background: url('./images/Menu_Btn_BG_hit.png') repeat-x; 
    }
    
    img.MenuBtn{
    	display: block;
    	margin-left: auto;
   	 margin-right: auto;
   	 
    }
    
     div.MenuBar_SBG{
    
    	background: url('./images/MenuBar_H_Image.png'); 
    	background-repeat:no-repeat;
		background-position:center;
		border-right: rgb(76,76,76) 1pt solid;
		width: 655px;
		height: 100%;
		float:left;

    }
    
    
    div.MenuBar_SB_BG{
    
		/*width: 260px*/
		height: 100%;
		margin-left: 400px;
		/*float:right;*/
		/*border-right: #FFFFFF 10pt solid;*/
    }
    
    
    #searchwrapper {

	float:left;
    width:240px; /*follow your image's size*/
    height:70px;/*follow your image's size*/
	background-image:url('./images/searchBar.png');
    background-repeat:no-repeat; /*important*/
	padding:0px;
	margin:0px;
    position:relative; /*important*/
	overflow:hidden;
    	margin-left: auto;
   	 margin-right: auto;
    }
 
	#searchwrapper form { display:inline ; }
 
	.searchbox {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:15px;
	left:9px;
	width:170px;
	height:30px;
	}
 
	.searchbox_submit {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:15px;
	left:178px;
	width:60px;
	height:34px;
	}
    /* -##  - MenuList -## */
    
    div.MenuList{
    	z-index:99;
    	width: 1004px;
    	display:block;
    	min-height:54px;  
    	height:54;  	
    	top:-20px;
    	left:-1px;
    	margin:auto;
    	padding-bottom:6px;
    	position:relative;
    	background: rgba(255, 255, 255, 0.95);	
    	border: #606060 1pt solid;
    /*	-webkit-box-shadow: 0px 0px 12px #4C4B4C;	
    /* webkit browser*//* -moz-box-shadow: 0px 0px 12px #4C4B4C;	
    /* firefox *//* box-shadow: 0px 0px 12px #4C4B4C;*/
    }
   /* div.menu{
    	background-image:url('./images/Menu_Btn_BG_li.png');
   	 background-repeat:repeat-x; 	
    	position:relative;
    	width:100%;
    	min-height:37px;
    	height:auto;
    	top:-8px;
    }*/
    /*#menu ul{
	  list-style-type:none;
	  list-style-image:none;
    	position:relative;
    	background-image:url('./images/Menu_Btn_BG_li.png');
   	 background-repeat:repeat-x; 
    	font-family: Gill Sans, sans-serif;
		list-style-type: none;
		padding-left: 0px;
		padding-top:3px;
		line-height:130%;
		width:100%;
		padding-bottom:5px;
	
		 color: #203E07;
 		font-size: 18px;
 		font-weight: light;
 
    }*/
#menu {
  background-image:url('./images/Menu_Btn_BG_li.png');
   	 background-repeat:repeat-x; 	
    	position:absolute;
    	width:100%;
    	min-height:40px;
    	height:40px;
    	top:20px;
   z-index: 500;
}

#menu ul {
  list-style-type:none;
  list-style-image:none;
  margin:0px;
  padding:0px;
	/*background-image:url('./images/Menu_Btn_BG_li.png');*/
   	 background-repeat:repeat-x; 
    	font-family: Gill Sans, sans-serif;
		list-style-type: none;
		/*padding-left: 0px;*/
		padding-top:10px;
		/*line-height:130%;*/
		/*width:100%;*/
		/*padding-bottom:5px;*/
	
		 color: #203E07;
 		font-size: 16px;
 		font-weight: light;
  z-index: 500;
}

#menu li.topmenu {
  float:left;
    z-index: 500;
}

.topmenu a {
  float:left;
  width:115px;
 text-align:center;
    z-index: 500;
}

.topmenu ul{
  display:none;
    z-index: 500;
}

.topmenu a{
   z-index: 500;
  padding:1px 5px;
  /*border:1px solid #22FF22;*/
  border-collapse:collapse;
  color: #FFFFFF;
  font-family: Gill Sans, sans-serif;
  font-weight:500;
  text-decoration:none;
  /*background-color:#FFFFFF;*/
  margin:0;  
}

.submenu a{
   z-index: 500;
  padding:1px 5px;
  /*border:1px solid #22FF22;*/
  border-collapse:collapse;
  color: #202d37;
  font-family: Gill Sans, sans-serif;
  font-weight:500;
  text-decoration:none;
  /*background-color:#FFFFFF;*/
  margin:0;  
}
.submenu a{
  z-index: 500;
  font-size:14px;
  width:115px;
  /*position:absolute;*/
  clear:both; /* special IE6 */
  border: rgb(76,76,76) 1pt solid;
  background-color:#FFFFFF;
  padding-top:5px;
  padding-bottom:5px;
}

#menu a:hover, .topmenu.on a {
 color: #E7FECE;
  background-color:#EEFFEE !important;
	  background-image:url('./images/Menu_Btn_BG_li_hit.png');
   	 background-repeat:repeat-x; 
    z-index: 500;
}

.topmenu:hover ul {
  display:block;  
  z-index:500;
}

    /* -## ArticleList -## */
    div.PageList{
    	width: 680px;
    	height: auto;
    	min-height: 150px;
    	float: left;
  		/*background: #FFFFFF; /* The Fallback */
    	/*background: rgba(255, 255, 255, 0.8);*/
    	border-left: rgb(76,76,76) 1pt solid;
  		border-right: rgb(76,76,76) 1pt solid;
 		border-bottom: rgb(76,76,76) 1pt solid;
    /*	-webkit-box-shadow: 0px 0px 12px #4C4B4C;	
    /* webkit browser*/ /*-moz-box-shadow: 0px 0px 12px #4C4B4C;	
    /* firefox *//* box-shadow: 0px 0px 12px #4C4B4C;*/
    }
    
    div.indexTitle_MP{
    	position: relative;
    	width: 100%;
    	height: 310px;
    	overflow:hidden;
  		background: #FFFFFF; /*Fallback*/
    	background: rgba(255, 255, 255, 0.98);
    	border-top: rgb(76,76,76) 1pt solid;
    	border-bottom: rgb(76,76,76) 1pt solid;
    /*		-webkit-box-shadow: 0px 0px 12px #4C4B4C;	
    /* webkit browser*/ /*-moz-box-shadow: 0px 0px 12px #4C4B4C;	
    /* firefox */ /*box-shadow: 0px 0px 12px #4C4B4C;*/
    }	
    
    div.FadeBar{
    	
    	
    	width: 100%;
    	height: 55px;
    	position: absolute;
    	bottom: 0;
    	
    	background-image:url('./images/fadebar.png');
   	 background-repeat:repeat-x; 
    	
    	
    	}
    
    div.indexFooter_MP{
    	width: 100%;
    	height: 35px;
    	position: absolute;
    	bottom: 0;
    	border-top: rgb(76,76,76) 1pt solid;
    	background: rgb(216, 237, 252);
    	/*background-image: linear-gradient(bottom, rgb(216, 237, 252) 33%, rgb(155, 214, 255) 66%, rgb(216, 237, 252) 100%);
		background-image: -o-linear-gradient(bottom, rgb(216, 237, 252) 33%, rgb(155, 214, 255) 66%, rgb(216, 237, 252) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(216, 237, 252) 33%, rgb(155, 214, 255) 66%, rgb(216, 237, 252) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(216, 237, 252) 33%, rgb(155, 214, 255) 66%, rgb(216, 237, 252) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(216, 237, 252) 33%, rgb(155, 214, 255) 66%, rgb(216, 237, 252) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.33, rgb(216, 237, 252)),
			color-stop(0.66, rgb(216, 237, 252)),
			color-stop(1, rgb(216, 237, 252))
		);	*/
    	
    }
    
    div.StoryAvatar{
    	background-image:url('./images/dd_avatar.png');
   	 background-repeat:no-repeat; 
    	border: rgb(76,76,76) 1px solid;
    	position: relative;
    	width: 28px;
    	height: 29px;
    	left: 5px;
    	top: 2px;
    }
    div.StoryMeta{
    	position: relative;
    	width: 350px;
    	left: 45px;
    	top: -38px;
    	float:left;
    }
    
     div.indexFooterBtn_MP{
    	width: 150px;
    	height: 100%;
    	position: absolute;
    	bottom: 0;
    	right:0;
    	border-left: rgb(76,76,76) 1pt solid;
    	background: rgb(0,137,224)	 ;/*Fallback*/
    	background-image: linear-gradient(bottom, rgb(0, 135, 222) 33%, rgb(1, 174, 255) 66%, rgb(0, 154, 255) 100%);
		background-image: -o-linear-gradient(bottom, rgb(0, 135, 222) 33%, rgb(1, 174, 255) 66%, rgb(0, 154, 255) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(0, 135, 222) 33%, rgb(1, 174, 255) 66%, rgb(0, 154, 255) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(0, 135, 222) 33%, rgb(1, 174, 255) 66%, rgb(0, 154, 255) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(0, 135, 222) 33%, rgb(1, 174, 255) 66%, rgb(0, 154, 255) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.33, rgb(0, 135, 222)),
			color-stop(0.66, rgb(1, 174, 255)),
			color-stop(1, rgb(0, 154, 255))
		);	
    	
    }
    div.indexFooterBtn_MP:hover{
  		background: rgb(0,135,222)	 ;/*Fallback*/
    	background-image: linear-gradient(bottom, rgb(0, 157, 255) 33%, rgb(49, 175, 255)) 66%, rgb(12, 165, 255) 100%);
		background-image: -o-linear-gradient(bottom, rgb(0, 157, 255) 33%, rgb(49, 175, 255) 66%, rgb(12, 165, 255) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(0, 157, 255) 33%, rgb(49, 175, 255) 66%, rgb(12, 165, 255) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(0, 157, 255) 33%, rgb(49, 175, 255) 66%, rgb(12, 165, 255) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(0, 157, 255)) 33%, rgb(49, 175, 255) 66%, rgb(12, 165, 255) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.33, rgb(0, 157, 255)),
			color-stop(0.66, rgb(49, 175, 255)),
			color-stop(1, rgb(12, 165, 255))
		);	
    	
    }
    
    /* -## Seperators -## */
    div.SepArt{
    	height: 20px;
    	width: 100%;	
    	margin:auto;
    }	
    div.SepArtFooter{
    	height: 20px;
    	width: 20px;	
    }
    div.PageSep{
    	height: 50px;
    	width: 100%;	
    	margin-bottom:0;
    	bottom: 0;
    	
    		
    }
    div.SepH{
    	height: 0px;
    	width: 90%;
    	padding-top:25px;	
    	margin:auto;
    	border-bottom: #9D9D9D 1pt solid;
    }	
    
    
    /* -## Article Image Gallery -## */
    
    div.ArtImageGal{
    
    	width: 240px;
    	height: 210px;
    	position: absolute;
    	left: 10px;
    	top: 25px;
    	background: #2b2b2b; /* Old browsers */
    	background: -moz-radial-gradient(center, ellipse cover,  #2b2b2b 0%, #000000 100%); /* FF3.6+ */
    	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#2b2b2b), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    	background: -webkit-radial-gradient(center, ellipse cover,  #2b2b2b 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    	background: -o-radial-gradient(center, ellipse cover,  #2b2b2b 0%,#000000 100%); /* Opera 12+ */
    	background: -ms-radial-gradient(center, ellipse cover,  #2b2b2b 0%,#000000 100%); /* IE10+ */
    	background: radial-gradient(ellipse at center,  #2b2b2b 0%,#000000 100%); /* W3C */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

		border: rgb(76,76,76) 1pt solid;
    	 /*		-webkit-box-shadow: 0px 0px 12px #4C4B4C;	
    /* webkit browser*/ /*-moz-box-shadow: 0px 0px 12px #4C4B4C;	
    /* firefox */ /*box-shadow: 0px 0px 12px #4C4B4C;
    /*border-bottom: #6f4200 1pt solid;*/
    	
    }
    div.ArtImageGalNOPIC{
    
    	left: 10px;
    	top: 25px;
    	width: 1px;
  		height: 1px;
    }
    div.img{
  		margin: 3px;
  		height: auto;
  		width: 110px;
  		float: left;
  		text-align: center;
    }	
	div.img img{
  		display: inline;
  		margin: 3px;
  		border: 1px solid #4C4B4C;
	}
    
    
    
    
    	
    /* -## SideBar -## */	
    div.SideBar{
    	width: 310px;
    	height: auto;
    	min-height: 150px;
    	float: right;
    	background: #FFFFFF;
    	border: rgb(76,76,76) 1px solid;
    	/*	-webkit-box-shadow: 0px 0px 12px #4C4B4C;	
    /* webkit browser*//* -moz-box-shadow: 0px 0px 12px #4C4B4C;	
    /* firefox *//* box-shadow: 0px 0px 12px #4C4B4C;*/
    }	
    div.SideBarHead{
    	background-image:url('./images/mit_Bild_und_Biss.png');
   	 background-repeat:no-repeat; 
    	height: 100px;
    	width: 100%;

    }	
    div.SideSep{
    	background-image:url('./images/SideSep.png');
   	 background-repeat:repeat-x; 
   	 width:100%;
    	height:13px;
    	border-bottom: rgb(76,76,76) 1pt solid;
    	
    }
     div.SideSepB{
    	width:100%;
    	height:13px;
    
    }
      div.SideSepC{
      	z-index:100;
       
   	 width:0px;
    	height:135px;
    	top: 5px;
    	left: 130px;
    	position: absolute;
    	border-right: rgb(76,76,76) 1pt solid;
  
    }
    div.SideAboutBox{
    	
    	background: #f7f4de;
    	width: 100%;
    	height:150px;
    	min-height: 100px;
    	position:relative;	
    	border-bottom: rgb(76,76,76) 1pt solid;
    }
    
    div.SideInfoBox{
    	
    	background: #f7f4de;
    	width: 100%;
    	height:auto;
    	min-height: 100px;
    	position:relative;	
    	border-bottom: rgb(76,76,76) 1pt solid;
    }
    div.SideInfoAva{
    	background-image:url('./images/dd_avatar_big.png');
   	 background-repeat:no-repeat; 
   	 background-position:center;
    	position:relative;
    	width: 110px;
    	height:135px;
    	border: rgb(76,76,76) 1pt solid;
    	top: 5px;
    	left: 10px;
    }
    
    
    div.InfoBtn{
    	background-image:url('./images/InfoBtn_BG.png');
   	 background-repeat:repeat-x; 
    	-moz-border-radius: 4px;
		border-radius: 4px;	
		border: rgb(76,76,76) 1pt solid;
    	width: 110px;
    	height: 25px;
    	top: -230px;
    	left: 10px;
    	position:relative;
    	color: #333333;
		font-family: Gill Sans, sans-serif;
		text-align:center;
		padding-top:5px;
		-webkit-box-shadow: 0px 0px 5px #4C4B4C;	
    /* webkit browser*/ -moz-box-shadow: 0px 0px 5px #4C4B4C;	
    /* firefox */ box-shadow: 0px 0px 5px #4C4B4C;
    }
     div.InfoBtn:hover{
    	background-image:url('./images/InfoBtn_BG_hit.png');
   	 background-repeat:repeat-x; 
    }
    div.SideSepD{
    	
    	z-index:100;
   	 width:280px;
    	height:1px;
    	margin:auto;
    	border-top: rgb(76,76,76) 1pt solid;	
    	position:relative;
    	top: -40px;
    }
    ul.Side{
    	font-family: Gill Sans, sans-serif;
		list-style-type: none;
		padding-left: 5px;
	
		
		 color: #6f4200;
 		font-size: 16px;
 		font-weight: light;
 		position:relative;
 		top: -45px;
    }
	ul.Side li{
		
		text-decoration: underline;
		padding-left: 14px; 
	}
    
    
    /* -## Footer -## */
     div.Footer{
     	
    	position: relative;
    	width: 100%;
    	height: 250px;
  margin-bottom:25px;
    	overflow:hidden;
    	background: rgba(255, 255, 255, 0.98);
    	border-top: rgb(76,76,76) 1pt solid;
    	/*border-bottom: rgb(76,76,76) 1pt solid;
    	/*-webkit-box-shadow: 0px 0px 12px #4C4B4C;	
     /* webkit browser*/ /*-moz-box-shadow: 0px 0px 12px #4C4B4C;	
     /* firefox *//* box-shadow: 0px 0px 12px #4C4B4C;*/
    	
     }	
    div.FBanner{
    	background: #f7f4de;
    	height: 115px;
    	width:100%;
    	border-bottom: rgb(76,76,76) 1pt solid;
    	
    }
    div.paericslogo{
    	background-image:url('./images/paerics_logo.png');
   	 background-repeat:no-repeat; 
   	 background-position:center;
    	width:150px;
    	height:100px;
    	position:absolute;
    	bottom: 15px;
    	left: 15px;
    	
    }	
     div.ddbanner{
    	background-image:url('./images/dd_vor_ort_banner.png');
   	 background-repeat:no-repeat; 
   	 background-position:center;
    	width:255px;
    	height:50px;
    	position:absolute;
    	bottom: 25px;
    	right: 25px;
    	
    }	
    p.SiteNotice{
 		font-family: Gill Sans, sans-serif;
 		text-decoration: underline;
 		color: #c06f00;
 		font-size: 18px; 
 		font-weight: light;
 		margin-top: 25px;
 		margin-left:415px;
 
 	}
 	div.BtnList{
 		
 		padding-top: 45px;
 		width: 350px;
 		height:40px;
 
 		margin:auto;
 	/*border: rgb(76,76,76) 1pt solid;*/

 		
 		}	
 		
 		
    div.FwBBtn{
    	background-image:url('./images/InfoBtn_BG.png');
   	 background-repeat:repeat-x; 
    	-moz-border-radius: 4px;
		border-radius: 4px;	
		border: rgb(76,76,76) 1pt solid;
    	width: 150px;
    	height: 25px;
    	padding-top:5px;
    	
    	float: left;
    	margin-left:15px;
    	color: #333333;
		font-family: Gill Sans, sans-serif;
		text-align:center;
		-webkit-box-shadow: 0px 0px 5px #4C4B4C;	
    /* webkit browser*/ -moz-box-shadow: 0px 0px 5px #4C4B4C;	
    /* firefox */ box-shadow: 0px 0px 5px #4C4B4C;
    }
     div.FwBBtn:hover{
    	background-image:url('./images/InfoBtn_BG_hit.png');
   	 background-repeat:repeat-x; 
    }
    
    
    /* -## -> SinglePageStuff -## */
    
    /* -##   - Single Article Page Design -## */
     div.PageList_Single{
    	width: 100%;
    	height: auto;
    	min-height: 150px;
    	float: left;
  		background: #FFFFFF; /*Fallback*/
    	background: rgba(255, 255, 255, 1);
    	border-bottom: rgb(76,76,76) 1pt solid;
  		border-top: rgb(76,76,76) 1pt solid;
    	/*-webkit-box-shadow: 0px 0px 12px #4C4B4C;	
    /* webkit browser*//* -moz-box-shadow: 0px 0px 12px #4C4B4C;	
    /* firefox */ /*box-shadow: 0px 0px 12px #4C4B4C;*/
    }	
    	
    p.title_MP_Single{
 		position: relative;
 		color: #114411;
 		font-size: 1.4em;
 		
 		top: -10px;
 		left: 75px;
 		max-width: 550px;
 		min-height: 50px;
  		height: auto;

 		
 	}
 


    div.Back_Btn{
    	background-image:url('./images/back_btn.png');
   	 background-repeat:no-repeat; 
   	 background-position:center;
   	 background-size: contain;
    	position:absolute;
    	top: -15fpx;
    	left: 10px;
    	width:50px;
    	height: 50px;
    }
    div.Back_Btn:hover{
    	background-image:url('./images/back_btn_click.png');
   	 background-repeat:no-repeat; 
   	 background-position:center;
   	 background-size: contain;
    }
     div.ArtImageGal_Single{
    
    	width: 655;
    	height: 400px;
    	position: static;
    	left: 0px;
    	top: 85px;
    	background: #2b2b2b; /* Old browsers */
    	background: -moz-radial-gradient(center, ellipse cover,  #2b2b2b 0%, #000000 100%); /* FF3.6+ */
    	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#2b2b2b), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    	background: -webkit-radial-gradient(center, ellipse cover,  #2b2b2b 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    	background: -o-radial-gradient(center, ellipse cover,  #2b2b2b 0%,#000000 100%); /* Opera 12+ */
    	background: -ms-radial-gradient(center, ellipse cover,  #2b2b2b 0%,#000000 100%); /* IE10+ */
    	background: radial-gradient(ellipse at center,  #2b2b2b 0%,#000000 100%); /* W3C */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

		border: rgb(76,76,76) 1pt solid;	
    }
    				
 	div.indexFooter_MP_Single{
    	width: 100%;
    	height: 35px;
    	position: relative;
    	top:0px;
    	border-top: rgb(76,76,76) 1pt solid;
    	border-bottom: rgb(76,76,76) 1pt solid;
    	background: #f7f4de;	
    	
    }
 	p.titleStory_MP_Single{
 		color: #333333;
 		font-size: 25px;
 		font-weight: light;
 		top: 0px;
 		left: 15px;
position:relative;
 		height:80px;
 		max-width: 500px;
 	} 
    div.Single_Head{
    	width:100%;
    	min-height: 60px;
  		height: auto;
    	position:relative;
		top:0px;
    }
    p.Article_Single{
    	font-weight:500;
    	position:relative;
    	margin-left:10px;
    	margin-right:10px;
    	margin-top:50px;
    	word-spacing:0.1em;
    	line-height:130%;
    	font-size: 15px;
 		font-weight: light;
    	padding-left:15px;
    	padding-right:15px;
    }
    p.Article_Single_X{
    	font-weight:500;
    	position:relative;
    	margin-left:10px;
    	margin-right:10px;
    	margin-top:5px;
    	word-spacing:0.1em;
    	line-height:130%;
    	font-size: 15px;
 		font-weight: light;
    	padding-left:15px;
    	padding-right:15px;
    }
	p.Article_Single_H{
    	font-weight:500;
    	position:relative;
    	margin-left:10px;
    	margin-right:10px;
    	margin-top:-20px;
    	word-spacing:0.1em;
    	line-height:130%;
    	font-size: 15px;
 		font-weight: light;
    	padding-left:15px;
    	padding-right:15px;
    }
	p.ArticleSingle_ImageInfo{
  		background-image: url('./images/image_info.png');
   		background-position: right bottom; /*Positioning*/
   		background-repeat: no-repeat; /*Prevent showing multiple background images*/
    	border: rgb(190,190,190) 1pt solid;
  		font-weight:500;
    	position:relative;
    	margin-left:25px;
    	margin-right:25px;
    	margin-top:-20px;
    	word-spacing:0.1em;
    	line-height:130%;
    	font-size: 15px;
 		font-weight: light;
    	padding-bottom:30px;
    	padding-top:5px;
  		padding-left:5px;
  		padding-right:5px;
    }
	p.ArticleSingle_RelatedInfo{
  		background-image: url('./images/related_posts.png');
   		background-position: right top; /*Positioning*/
   		background-repeat: no-repeat; /*Prevent showing multiple background images*/
    	border: rgb(190,190,190) 1pt solid;
  		font-weight:500;
    	position:relative;
    	margin-left:25px;
    	margin-right:25px;
    	margin-top:-10px;
    	word-spacing:0.1em;
    	line-height:130%;
    	font-size: 15px;
 		font-weight: light;
    	padding-bottom:15px;
    	padding-top:30px;
  		padding-left:5px;
  		padding-right:5px;
    }
		p.ArticleSingle_Tags{
  		background-image: url('./images/tags.png');
   		background-position: right top; /*Positioning*/
   		background-repeat: no-repeat; /*Prevent showing multiple background images*/
    	border: rgb(190,190,190) 1pt solid;
  		font-weight:500;
    	position:relative;
    	margin-left:25px;
    	margin-right:25px;
    	margin-top:-10px;
    	word-spacing:0.1em;
    	line-height:130%;
    	font-size: 15px;
 		font-weight: light;
    	padding-bottom:15px;
    	padding-top:30px;
  		padding-left:5px;
  		padding-right:5px;
    }
    p.Article_Single strong{
    	font-weight:600;
    	font-size: 14px;
    }
    /* -## Single Page single.php -## */
    div.indexFooter_MP_Single_S{
    	width: 100%;
    	height: 35px;
    	position: relative;
    	top:0px;
    	border-top: rgb(76,76,76) 1pt solid;
    	border-bottom: rgb(76,76,76) 1pt solid;
    	background: #f7f4de;	
    	
    }
    
    
/* --------------------------------------------------------- */
/* MEDIA QUERIES ------------------------------------------- */
/* --------------------------------------------------------- */
 
 
/* --------------------------------------------------------- */
/* INFORMATION --- Version 1.1 --- 2012-VII-05 ------------- */
/* --------------------------------------------------------- */
 
/* ###
 
1.) Use e.g. "Respond.js" by Scott Jehl to enable responsive web designs in browsers that don't support 
CSS3 Media Queries (e.g. Internet Explorer 6, 7, 8) --> https://github.com/scottjehl/Respond/
 
2.) In this case, I use stages for all sizes. Between 1001 pixel and 1249 pixel the browser uses your basic-CSS. 
You can always delete some stages. After check the stages and adjust some min/max widths. 
(e.g. If you want to use only one stage for smartphones up to 320 width and one stage for smartphones and devices 
up to 960 pixel, delete the stages between and set the two new stages for a larger range.)
 
3.) If you think "Oh, the iPhone 4 has a 640x960 pixel display, so my stage needs only to fit on this in portrait 
and landscape orientation", it's a trap. The iPhone 4 has this resolution, 
but it uses only 320x480 pixel device-width. Or the Samsung Galaxy S2. It has a 480x800 pixel display --> 
320x450 pixel and 320x508 pixel device-width in portrait orientation / 533x237 pixel in width and device-width in 
landscape orientation. // Quick Tip: "Tablet Computer - 150+ Display Measurements" --> 
http://www.designfalcon.com/#tablets
 
4.) Think about PNG-Fix for old IE (e.g. "jquery.pngFix.js" by Andreas Eberhard --> 
http://jquery.andreaseberhard.de/pngFix/), IE Background-Fix (e.g. "backgroundSize.js" by Louis Remi --> 
https://github.com/louisremi/jquery.backgroundSize.js) and last but noch least a emulator for 
CSS3 pseudo classes and attribut selectors for old IE (e.g. "Selectivizr.js" by Keith Clark --> 
http://selectivizr.com/).
 
5.) More information about "max-width" and "max-device-width": "max-width" refers to the actual viewport 
and can target specific sizes and orientations; "max-device-width" refers to the device viewport size, 
regardless of browser-scale, orientation or resizing. 
Shorthand: "max-width" (and "max-height") = target display area 
// "max-device-width" (and "max-device-height") = device entire rendering area. Same for "min" values.
 
6.) Thanks for your time! (: Andi "Licious" Wieser (Oh, you have some time left or further questions? --> 
andilicious.com // twitter.com/andiliciouscom // fb.com/andiliciouscom // pinterest.com/licious).
 
### */
 
 

 
/* --------------------------------------------------------- */
/* SMARTPHONES, TABLETS & TINY DESKTOPS -------------------- */
/* --------------------------------------------------------- */
 
/* Old Smartphones (portrait and landscape) ---------------- */
/*@media
only screen and (min-width: 240px) and (max-width: 319px) {
 
 
/* Old Smartphones (e.g. portrait) ------------------------- */
@media
only screen and (max-width: 550px) {
   /* -## only screen and (max-width: 550px) -## */
    /* YOUR STYLES */
    /* -## General Page Stuff -## */
    div {
	display: block;
    }	
 
    div.SiteWrap{
	  position:relative;
    	/*top:-40px;*/
    	width: 680px;
padding:0;
	margin:auto;
    	min-height:100%;
    	height: 100%;
	  /*padding-bottom:10px;*/
 
background: rgba(237, 246, 253,0.7);
   border: #2C2C2C 1px solid; 
	  /* -webkit-box-shadow: 0px 0px 12px #000000;	*/
      /* webkit browser -moz-box-shadow: 0px 0px 12px #000000;	
      /* firefox box-shadow: 0px 0px 12px #000000;*/
    	}
    
    div.PageWrap{
display:table;
    	width: 100%;
    	height:auto;
    	
    	margin: auto;	
    	margin-top: 50px;
	
    	
    }	
    div.PageList{
	  width:680px;
	  height:auto;
	  padding:0;
	margin:0;
	 
	}
 	
    	
    /* -## MenuBar -## */
    	
      div.MB_Bar{
      
        z-index: 100;
    	width: 100%;
    	min-width:680px;
    	height: 5px;
    	margin: auto;
        background: url('./images/MBar.png') repeat-x;  
        	
      }	
    	
      div.MenuBar_BG_G{
        z-index: 100;
        display:block;
    	width: 680px;
    	height: 65px;
    	position: relative;
    	
    	top: 40px;
    	background: #FFFFFF;
    	background: url('./images/MenuBar_BG.png') repeat-x; 
		
    	/*background-image: linear-gradient(bottom, #50dc28 33%, rgba(48,161,0,0.8) 66%, rgba(108,181,63,0.8) 100%);
		background-image: -o-linear-gradient(bottom, rgba(31,116,0,0.8) 33%, rgba(48,161,0,0.8) 66%, rgba(108,181,63,0.8) 100%);
		background-image: -moz-linear-gradient(bottom, rgba(31,116,0,0.8) 33%, rgba(48,161,0,0.8) 66%, rgba(108,181,63,0.8) 100%);
		background-image: -webkit-linear-gradient(bottom, rgba(31,116,0,0.8) 33%, rgba(48,161,0,0.8) 66%, rgba(108,181,63,0.8) 100%);
		background-image: -ms-linear-gradient(bottom, rgba(31,116,0,0.8) 33%, rgba(48,161,0,0.8) 66%, rgba(108,181,63,0.8) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.33, #378811 ),
			color-stop(0.66, #379b00 ),
			color-stop(1, #3dce00 )
    	);	*/
    /*  -webkit-box-shadow: 0px 0px 12px #000000;	
      /* webkit browser*/ /*-moz-box-shadow: 0px 0px 12px #000000;	
      /* firefox *//* box-shadow: 0px 0px 12px #000000;*/
  	border-bottom: rgb(76,76,76) 1pt solid;	
  	
    }	
    div.MenuBar_Logo{
    
    	background: url('./images/DD_logo.png'); 
    	background-repeat:no-repeat;
		background-position:center;
		width: 96px;
		height: 100%;
		float:left;
	  	border-right: rgb(76,76,76) 1pt solid;
    }	
     div.MenuBar_MBtn_G{
    	display:block;
    	background: #FFFFFF;
		width: 96px;
		height: 100%;
		left:96px;
		float:left;
		border-left: rgb(76,76,76) 1pt solid;
		border-right: rgb(76,76,76) 1pt solid;
    }
    div.MenuBar_MBtn{
		display:block;
    	background: #306F0C;
		width: 82px;
		height: 100%;
		margin: auto;
		border-left: rgb(76,76,76) 1pt solid;
		border-right: rgb(76,76,76) 1pt solid;
	
		background: url('./images/Menu_Btn_BG.png') repeat-x; 
	
		/*background: url('./images/Menu_Btn.png'); 
    	background-repeat:no-repeat;
		background-position:center;*/
    }
      div.MenuBar_MBtn:hover{	
		background: url('./images/Menu_Btn_BG_hit.png') repeat-x; 
    }
    
    img.MenuBtn{
    	display: block;
    	margin-left: auto;
   	 margin-right: auto;
   	 
    }
    
     div.MenuBar_SBG{
    
    	background: url('./images/MenuBar_H_Image.png'); 
    	background-repeat:no-repeat;
		background-position:center;
		border-right: rgb(76,76,76) 1pt solid;
		width: 450px;
		height: 100%;
		float:left;

    }
    
    
    div.MenuBar_SB_BG{
    
		/*width: 260px*/
		height: 100%;
		margin-left: 400px;
		/*float:right;*/
		/*border-right: #FFFFFF 10pt solid;*/
    }
    
    
    #searchwrapper {
	display:none;
	float:left;
    width:40px; /*follow your image's size*/
    height:70px;/*follow your image's size*/
	background-image:url('./images/searchBar.png');
    background-repeat:no-repeat; /*important*/
	padding:0px;
	margin:0px;
    position:relative; /*important*/
	overflow:hidden;
    	margin-left: auto;
   	 margin-right: auto;
    }
 
	#searchwrapper form { display:inline ; }
 
	.searchbox {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:15px;
	left:9px;
	width:170px;
	height:30px;
	}
 
	.searchbox_submit {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:15px;
	left:178px;
	width:60px;
	height:34px;
	}
    /* -##  - MenuList -## */
    
    div.MenuList{
    	z-index:99;
    	width: 680px;
  
    	display:none;
  
    	min-height:54px;  
    	height:54;  	
    	top:-20px;
    	left:-1px;
    	margin:auto;
    	padding-bottom:6px;
    	position:relative;
    	background: rgba(255, 255, 255, 0.95);	
    	border: #606060 1pt solid;
 
    /*	-webkit-box-shadow: 0px 0px 12px #4C4B4C;	
    /* webkit browser*//* -moz-box-shadow: 0px 0px 12px #4C4B4C;	
    /* firefox *//* box-shadow: 0px 0px 12px #4C4B4C;*/
    }
   /* div.menu{
    	background-image:url('./images/Menu_Btn_BG_li.png');
   	 background-repeat:repeat-x; 	
    	position:relative;
    	width:100%;
    	min-height:37px;
    	height:auto;
    	top:-8px;
    }*/
    /*#menu ul{
	  list-style-type:none;
	  list-style-image:none;
    	position:relative;
    	background-image:url('./images/Menu_Btn_BG_li.png');
   	 background-repeat:repeat-x; 
    	font-family: Gill Sans, sans-serif;
		list-style-type: none;
		padding-left: 0px;
		padding-top:3px;
		line-height:130%;
		width:100%;
		padding-bottom:5px;
	
		 color: #203E07;
 		font-size: 18px;
 		font-weight: light;
 
    }*/
#menu {
  background-image:url('./images/Menu_Btn_BG_li.png');
  	 background-size: 100% auto;
   	 /*background-repeat:repeat-x; */	
  background-color:rgb(0,146,196);
    	position:relative;
    	width:100%;
    	min-height:1350px;
    	height:auto;
    	top:20px;
   z-index: 501;
}

#menu ul {
  list-style-type:none;
  list-style-image:none;
  margin:0px;
  padding:0px;

    	font-family: Gill Sans, sans-serif;
		list-style-type: none;
		/*padding-left: 0px;*/
		padding-top:10px;
		/*line-height:130%;*/
		width:100%;
		/*padding-bottom:5px;*/
	 background-color:rgb(0,146,196);
		 color: #203E07;
 		font-size: 16px;
 		font-weight: light;
  z-index: 501;
}

#menu li.topmenu {
  float:left;
    z-index: 501;
   background-color:rgb(0,146,196);
}

.topmenu a {
  float:left;
  width:650px;
 text-align:left;
    z-index: 501;
  padding-left:25px;
  
}

.topmenu ul{
  display:block;
    z-index: 500;
}

.topmenu a{
  /*background-image:url('./images/Menu_Btn_BG_li.png');*/
	
   z-index: 500;
  padding:10px;

  color: #FFFFFF;
  font-family: Gill Sans, sans-serif;
  font-size:30px;
  font-weight:500;
  text-decoration:none;
  /*background-color:#FFFFFF;*/
  margin:0;  
}

.submenu a{
   z-index: 500;

font-size:25px;
  color: #FFFFFF;
  font-family: Gill Sans, sans-serif;
  font-weight:500;
  text-decoration:none;
  /*background-color:#FFFFFF;*/
  margin:0;  
}
.submenu a{
  z-index: 500;
 
  width:630px;
  /*position:absolute;*/
  clear:both; /* special IE6 */

 background-color:rgb(0,146,196);
  padding-top:10px;
  padding-bottom:10px;
  padding-left:25px;
}

#menu a:hover, .topmenu.on a {
 color: #E7FECE;
  background-color:rgb(0,146,196)	 !important;
	  background-image:url('./images/Menu_Btn_BG_li_hit.png');
   	 background-repeat:repeat-x; 
    z-index: 500;
}

.topmenu:hover ul {
  display:block;  
  z-index:500;
}
	
  /* -## ArticleList -## */
    div.PageList{
    	width: 680px;
    	height: auto;
    	min-height: 150px;
    	float: left;
  		/*background: #FFFFFF; /* The Fallback */
    	/*background: rgba(255, 255, 255, 0.8);*/
    	border-left: rgb(76,76,76) 1pt solid;
  		border-right: rgb(76,76,76) 1pt solid;
 		border-bottom: rgb(76,76,76) 1pt solid;
    /*	-webkit-box-shadow: 0px 0px 12px #4C4B4C;	
    /* webkit browser*/ /*-moz-box-shadow: 0px 0px 12px #4C4B4C;	
    /* firefox *//* box-shadow: 0px 0px 12px #4C4B4C;*/
    }   
 
   div.indexTitle_MP{
    	position: relative;
    	width: 100%;
    	height: 400px;
    	overflow:hidden;
    	background: rgba(255, 255, 255, 0.98);
    	border-top: rgb(76,76,76) 1pt solid;
    	border-bottom: rgb(76,76,76) 1pt solid;
    /*		-webkit-box-shadow: 0px 0px 12px #4C4B4C;	
    /* webkit browser*/ /*-moz-box-shadow: 0px 0px 12px #4C4B4C;	
    /* firefox */ /*box-shadow: 0px 0px 12px #4C4B4C;*/
    }	

  p.Article_Single{
    	font-weight:500;
    	position:relative;
    	margin-left:10px;
    	margin-right:10px;
    	margin-top:50px;
    	word-spacing:0.1em;
    	line-height:130%;
    	font-size: 20px;
 		font-weight: light;
    	padding-left:15px;
    	padding-right:15px;
    }
    p.Article_Single_X{
    	font-weight:500;
    	position:relative;
    	margin-left:10px;
    	margin-right:10px;
    	margin-top:5px;
    	word-spacing:0.1em;
    	line-height:130%;
    	font-size: 20px;
 		font-weight: light;
    	padding-left:15px;
    	padding-right:15px;
    }
	p.Article_Single_H{
    	font-weight:500;
    	position:relative;
    	margin-left:10px;
    	margin-right:10px;
    	margin-top:-20px;
    	word-spacing:0.1em;
    	line-height:130%;
    	font-size: 20px;
 		font-weight: light;
    	padding-left:15px;
    	padding-right:15px;
    }

	p.title_MP_Single{
 		position: relative;
 		color: #114411;
 		font-size: 1.6em;
 		
 		top: -10px;
 		left: 75px;
 		max-width: 550px;
 		min-height: 50px;
  		height: auto;

 		
 	}


 	p.titleStory_MP_Single{
 		color: #333333;
 		font-size: 25px;
 		font-weight: light;
 		top: 0px;
 		left: 15px;
		position:relative;
 		height:80px;
 		max-width: 500px;

 	} 

	p.title_MP{
 		position: relative;
 		color: #114411;
 		font-size: 25px;
 		
 		top: 5px;
 		left: 260px;
 		max-width: 400px;
 	
 	}
	p.title_NPMP{
 		position: relative;
 		color: #114411;
 		font-size: 25px;
 		
 		top: 5px;
 		left: 260px;
 		max-width: 490px;
 	
 	}
	p.title_MPNP{
 		position: relative;
 		color: #114411;
 		font-size: 25px;
 		padding-left:20px;
 		top: 5px;
 		left: 60px;
 		max-width: 590px;
 	
 	}

 	p.titleStory_MP{
 		color: #333333;
 		font-size: 20px;
 		font-weight: light;
 		top: 1px;
 		position: relative;
 		max-width: 400px;
 	} 
 	p.titleStory_MPNP{
 		color: #333333;
 		font-size: 20px;
 		font-weight: light;
 		top: 1px;
 		position: relative;
 		max-width: 500px;
 	}
 	p.titleBtnCont_MP{
 		position:relative;
 		color: #FFFFFF;
 		font-weight: light;
  		
 		font-style: normal;
 		text-align:center;
 		top: -7px;
 	}
 	p.titleFAuth_MP{
 		color: #7d2800;
 		font-size: 18;
 		font-style: normal;
 		float:left;
 		padding-right: 15px;
 	} 
 	p.titleFAuthDate_MP{

 		color: #463832;
 		font-size: 18;
 		font-style: normal;
 		padding-left: 15px;
 		float:left;
 		border-left: rgb(76,76,76) 1pt solid;
 	}
 	p.headline_SP{
 		color: #114411;
 		font-size: 16;
 		font-style: bold;
 	}
 	p.headlineU_SP{
 		color: #114411;
 		font-size: 16;
 		font-style: normal;
 	}
 	p.StorieText_SP{
 		color: #333333;
 		font-size: 14;
 		font-style: normal;
 	}
 	p.MenuBar_Header{
 		font-family: Gill Sans, sans-serif;
 		position: relative;
 		top: -20px;
 		right: 15px;
 		text-align:right;
 		color: #FFFFFF;
 		font-size: 34px;
 		font-style: normal;
 		/*text-outline: 2px 2px #333233; 
 	text-shadow: 0.7pt 0.7pt #ffffff;*/
 	}
 	p.SideInfoHead{
 		font-family: Gill Sans, sans-serif;
 		color: #6f4200;
 		font-size: 24px;
 		font-weight: light;
 		top: -24px;
 		padding-top: 15px;
 		padding-left:15px;
 		position:relative;
 		background: #f7f4de;
 	}
	p.SideInfoHead_B{
 		font-family: Gill Sans, sans-serif;
 		color: #6f4200;
 		font-size: 24px;
 		font-weight: light;
 		top: -24px;
 		padding-left:15px;
 		position:relative;
 		background: #f7f4de;
 	}
 	p.SideInfoText{
 		font-family: Gill Sans, sans-serif;
 		color: #333333;
 		font-size: 18px;
 		font-weight: light;
 		top: -245px;
 		width:140px;
 		padding-top: 15px;
 		padding-left:140px;
 		position:relative;
 	
 	}
 	p.SideInfoText_small{
 		font-family: Gill Sans, sans-serif;
 		color: #333333;
 		font-size: 18px;
 		font-weight: light;
 		top: -400px;
 		position:relative;
 	}

    /* -## SideBar -## */	
    div.SideBar{
    	width: 680px;
    	height: auto;
    	min-height: 150px;
    	float: right;
    	background: #FFFFFF;
    	border: rgb(76,76,76) 1px solid;
    	/*	-webkit-box-shadow: 0px 0px 12px #4C4B4C;	
    /* webkit browser*//* -moz-box-shadow: 0px 0px 12px #4C4B4C;	
    /* firefox *//* box-shadow: 0px 0px 12px #4C4B4C;*/
    }	
    div.SideBarHead{
  display:none;
    	background-image:url('./images/mit_Bild_und_Biss.png');
   	 background-repeat:no-repeat; 
    	height: 100px;
    	width: 100%;

    }	
    div.SideSep{
    	background-image:url('./images/SideSep.png');
   	 background-repeat:repeat-x; 
   	 width:100%;
    	height:13px;
    	border-bottom: rgb(76,76,76) 1pt solid;
    	
    }
     div.SideSepB{
    	width:100%;
    	height:13px;
    
    }
      div.SideSepC{
      	z-index:100;
       
   	 width:0px;
    	height:245px;
    	top: -15px;
    	left: 130px;
    	position: absolute;
    	border-right: rgb(76,76,76) 1pt solid;
  
    }
    div.SideAboutBox{
    	
    	display:none;
    }
    
    div.SideInfoBox{
    	
    	background: #f7f4de;
    	width: 100%;
    	height:auto;
    	min-height: 100px;
    	position:relative;	
    	border-bottom: rgb(76,76,76) 1pt solid;
    }
    div.SideInfoAva{
    	background-image:url('./images/dd_avatar_big.png');
   	 background-repeat:no-repeat; 
   	 background-position:center;
    	position:relative;
    	width: 110px;
    	height:135px;
    	border: rgb(76,76,76) 1pt solid;
    	top: -35px;
    	left: 10px;
    }
    
    
    div.InfoBtn{
    	background-image:url('./images/InfoBtn_BG.png');
   	 background-repeat:repeat-x; 
    	-moz-border-radius: 4px;
		border-radius: 4px;	
		border: rgb(76,76,76) 1pt solid;
    	width: 110px;
    	height: 25px;
    	top: -230px;
    	left: 10px;
    	position:relative;
    	color: #333333;
		font-family: Gill Sans, sans-serif;
		text-align:center;
		padding-top:5px;
		-webkit-box-shadow: 0px 0px 5px #4C4B4C;	
    /* webkit browser*/ -moz-box-shadow: 0px 0px 5px #4C4B4C;	
    /* firefox */ box-shadow: 0px 0px 5px #4C4B4C;
    }
     div.InfoBtn:hover{
    	background-image:url('./images/InfoBtn_BG_hit.png');
   	 background-repeat:repeat-x; 
    }
    div.SideSepD{
    	
    	z-index:100;
   	 width:280px;
    	height:1px;
    	margin:auto;
    	border-top: rgb(76,76,76) 1pt solid;	
    	position:relative;
    	top: -40px;
    }
    ul.Side{
    	font-family: Gill Sans, sans-serif;
		list-style-type: none;
		padding-left: 5px;
	
		
		 color: #6f4200;
 		font-size: 16px;
 		font-weight: light;
 		position:relative;
 		top: -45px;
    }
	ul.Side li{
		
		text-decoration: underline;
		padding-left: 14px; 
	}
    
    
    /* -## Footer -## */
     div.Footer{
     	
    	position: relative;
    	width: 100%;
    	height: 250px;
  margin-bottom:25px;
    	overflow:hidden;
    	background: rgba(255, 255, 255, 0.98);
    	border-top: rgb(76,76,76) 1pt solid;
    	/*border-bottom: rgb(76,76,76) 1pt solid;
    	/*-webkit-box-shadow: 0px 0px 12px #4C4B4C;	
     /* webkit browser*/ /*-moz-box-shadow: 0px 0px 12px #4C4B4C;	
     /* firefox *//* box-shadow: 0px 0px 12px #4C4B4C;*/
    	
     }	
    div.FBanner{
    	background: #f7f4de;
    	height: 115px;
    	width:100%;
    	border-bottom: rgb(76,76,76) 1pt solid;
    	
    }
    div.paericslogo{
    	background-image:url('./images/paerics_logo.png');
   	 background-repeat:no-repeat; 
   	 background-position:center;
    	width:150px;
    	height:100px;
    	position:absolute;
    	bottom: 15px;
    	left: 15px;
    	
    }	
     div.ddbanner{
    	background-image:url('./images/dd_vor_ort_banner.png');
   	 background-repeat:no-repeat; 
   	 background-position:center;
    	width:255px;
    	height:50px;
    	position:absolute;
    	bottom: 25px;
    	right: 25px;
    	
    }	
    p.SiteNotice{
 		font-family: Gill Sans, sans-serif;
 		text-decoration: underline;
 		color: #c06f00;
 		font-size: 18px; 
 		font-weight: light;
 		margin-top: 25px;
 		margin-left:440px;
 
 	}
	 p.SiteNotice_B{
 		font-family: Gill Sans, sans-serif;
 		text-decoration: underline;
 		color: #c06f00;
 		font-size: 18px; 
 		font-weight: light;
  		float:right;
 
 	}
 	div.BtnList{
 		
 		padding-top: 45px;
 		width: 350px;
 		height:40px;
 
 		margin:auto;
 	/*border: rgb(76,76,76) 1pt solid;*/

 		
 		}	
 		
 		
    div.FwBBtn{
    	background-image:url('./images/InfoBtn_BG.png');
   	 background-repeat:repeat-x; 
    	-moz-border-radius: 4px;
		border-radius: 4px;	
		border: rgb(76,76,76) 1pt solid;
    	width: 150px;
    	height: 25px;
    	padding-top:5px;
    	
    	float: left;
    	margin-left:15px;
    	color: #333333;
		font-family: Gill Sans, sans-serif;
		text-align:center;
		-webkit-box-shadow: 0px 0px 5px #4C4B4C;	
    /* webkit browser*/ -moz-box-shadow: 0px 0px 5px #4C4B4C;	
    /* firefox */ box-shadow: 0px 0px 5px #4C4B4C;
    }
     div.FwBBtn:hover{
    	background-image:url('./images/InfoBtn_BG_hit.png');
  background-repeat:repeat-x; }

  div.Single_Head{
    	width:100%;
    	min-height: 60px;
    	height: auto;
    	position:relative;
		top:0px;
    }



/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

   p.Article_Single{
    	font-weight:500;
    	position:relative;
    	margin-left:10px;
    	margin-right:10px;
    	margin-top:50px;
    	word-spacing:0.1em;
    	line-height:130%;
    	font-size: 22px;
 		font-weight: light;
    	padding-left:15px;
    	padding-right:15px;
    }
    p.Article_Single_X{
    	font-weight:500;
    	position:relative;
    	margin-left:10px;
    	margin-right:10px;
    	margin-top:5px;
    	word-spacing:0.1em;
    	line-height:130%;
    	font-size: 22px;
 		font-weight: light;
    	padding-left:15px;
    	padding-right:15px;
    }
	p.Article_Single_H{
    	font-weight:500;
    	position:relative;
    	margin-left:10px;
    	margin-right:10px;
    	margin-top:-20px;
    	word-spacing:0.1em;
    	line-height:130%;
    	font-size: 22px;
 		font-weight: light;
    	padding-left:15px;
    	padding-right:15px;
    }



 	p.titleStory_MP_Single{
 		color: #333333;
 		font-size: 28px;
 		font-weight: light;
 		top: 0px;
 		left: 15px;
		position:relative;
 		height:80px;
 		max-width: 500px;
 	} 

p.title_MP{
 		position: relative;
 		color: #114411;
 		font-size: 25px;
 		
 		top: 5px;
 		left: 260px;
 		max-width: 400px;
 	
 	}
 	p.titleStory_MP{
 		color: #333333;
 		font-size: 25px;
 		font-weight: light;
 		top: 1px;
 		position: relative;
 		max-width: 400px;
 	} 
  	p.headline_SP{
 		color: #114411;
 		font-size: 20;
 		font-style: bold;
 	}
 	p.headlineU_SP{
 		color: #114411;
 		font-size: 20;
 		font-style: normal;
 	}
 	p.StorieText_SP{
 		color: #333333;
 		font-size: 18;
 		font-style: normal;
 	}
  
}



/* Smartphones (portrait and landscape) -------------------- */
@media
only screen and (min-width: 551px) and (max-width: 800px) {

 
}