html {height: 100.5%; background: #181818; color:#ddd;}
* {margin: 0px; padding: 0px; border: 0px;}

/* font:
    italic [font-style]     small-caps [font-variant]     bold [font-weight]     12px / 120% [font-size / line-height]     Verdana, sans-serif [font-family] ; */

body, tbody         { font: normal 80% "Lucida Grande", Verdana, Geneva, sans-serif; color:#ddd; }

tbody         {  background-color:#343434; xfont-size: 80%;}
h1, h2, h3, h4, h5, h6, 	{  font-weight: normal;}
     
h1{		font-size: 2.8em;	}
h2{		font-size: 2.4em	font-weight: bold }
h3{		font-size: 2.0em;	}
h4{		font-size: 1.6em;	}
h5{		font-size: 1.4em;	}
h6{		font-size: 1.2em;	} 

a:link    {	color: #b7b7b7; padding:1px 4px; text-decoration:none; 
          font-weight: bold;-webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}
a:visited {	color: #cccccc;} 
a:hover   { background-color:#556; color:#eeeeee;  }
a:active  {	color: #FFFFFF; }
a.current { background:#444;}
a.imagelink:link,  a.imagelink:visited, a.imagelink:hover, a.imagelink:active   
            {background:none;} 

a.imagelink:link,  a.imagelink:visited, a.imagelink:hover, a.imagelink:active   
            {background:none; opacity:1.0;}
a.imagelink:hover{background:none; opacity:0.7;        -webkit-transition: all 0.4s ease-in-out; 
					-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;
                        -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}			
			
a.image:hover    {background:none;} 			
a.toplink { margin-left:20px;}	
#content img{ padding:5px; border:1px solid #555; background-color:transparent;}
#head img {margin:-0 0 0 -5px; xborder:1px solid #555;}
/* --- new divs * ---*/ 
 

#wrapper920    {width: 920px; margin:0px auto;margin-top:40px; background-color:#333; padding:0px 10px;  
-moz-box-shadow:4px 4px 5px 5px #222;  -webkit-box-shadow: 4px 4px 5px 5px #222;   box-shadow:4px 4px 5px 5px #222;  }

#head        {font-size: 2.4em ;	font-weight: bold;  height:120px; padding-top: 0px; xbackground-image:url(harry_logo_line920.png) }
#head h1 a:hover { background:none; color: #999; }
#head p { font-size:16px; padding-bottom:10px;}
#nav { text-align:right; margin-top:-30px;}
#content, #content_img     { font-size: 1.0em;    padding:10px 0; border-top: 1px solid #767676; border-bottom: 1px solid #767676;}
#content p { padding:5px 0; font-size:1.2em; line-height:1.6em; margin-bottom:10px;}
#content p.info { font-size:0.9em;}
#content p.copy, #content p.copy a, #foot p.copy, #foot p.copy a
 {font-size:9px; text-align:right; color: #777;}
#foot        { padding:10px; }
#foot a { margin:5px 20px;}

/* classes */
.absatz {padding: 5px; border-top: 1px solid #445;     clear:both;} 
.left {float:left; padding:5px; text-align:left;} 
.right {float:right; padding:5px; text-align:left;} 
.sub1 {float:left; width: 48%;   padding: 1%;  } 
.sub2 {float:right; width: 48%;   padding: 1%;  } 
.textleft { text-align:left} 
.center { text-align:center;}
.textright { text-align:right;}
.small { font-size:9px;}
.copy { font-size:9px; text-align:left; color: #777;}
.big { font-size:12px;}
.box { margin:5px 30px; padding: 5px 10px; border: 1px solid #555;}

.pad {padding:10px;  }
.pad a{margin: 0px 15px;}
.clear { clear:both;}
.hide { visibility: hidden;}
.hide2 {   display:none;}
.icon { xmargin-right: 10px; margin-bottom:-10px;}
.iconlink {margin:0 -30px -10px 10px; border:0; xbackground-color:#aaa;}
.noborder { border:0;}

.imgshadow		{  -moz-box-shadow: 3px 5px 5px #445; 	
               -webkit-box-shadow: 3px 5px 5px #445; box-shadow: 3px 5px 5px #445; }

/* prevnext styling */ 
a.next { color:#888; font-size:10px; margin:0 5px; padding:2px;
}
a.next:hover { color:#ccc; background-color: #333;}
.nextbox { margin:10px 0; xpadding:1px 4px 2px; width:100%;   
               color:#333; border-radius: 2px; clear:both; text-align:right;}  


/* ###### */
@media only screen and (min-device-width : 400px) and (max-width : 900px){
#wrapper920 {width:auto; min-width:400px; margin:0; padding:5px; xbackground:#634;}
#head img {width:100% height:35px;}
#head{height: auto; background:none; }
a:link { font-size:14px;}
#content img{ padding:1px; border:0px solid #555; max-width:100%; height:auto;}
img.full { max-width:100%; height:auto;}
}