@media screen and (max-width:799px) {
	#HGtop2, #HG_galerie, div.Bild {width:90%;}
}

body {
        background-color:#555555;
        color:#999999;

        font-family:Arial,sans-serif;
        text-align:left;
        font-size:13px;
}
#HGtop2 {
        max-width:766px;
        position:relative;
        z-index:10;
        margin-top: 8px;
        min-height:50px;
        /* position: absolute;
        top: 0%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, 0%); */
}
#LogoName {
	position:absolute;
	top:0px;
	left:0px;
	text-align:left;
	width:215px;
}
#KopfMitte {
	position:absolute;
	/* top:8px; */
	left:215px;
	text-align:left;
	width:350px;
	vertical-align:middle;
	margin-top: 3px;
}

#Knoepfe {
	/* position:absolute;
	top:0px;
	left:100%;
	transform: translate(-100%, 0%); */
	/* left:566px; */
	width:180px;
	text-align:right;
	float:right;
}
#HG_galerie, #HG_start {
        width:766px;
        height:380px;
        overflow:hidden;
}
.raum {
	padding-left:10px;
	padding-right:10px;
}
/* HG */
#HG_start {
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#444444;
	border-top:1px;
	border-top-style:solid;
	border-top-color:#444444;
}
#HG_galerie {
        background-color:#8F8F8F;
        /* background-color:#555555; */
        color:#B3B3B3;
        width:767px;
        -moz-box-shadow:-5px 5px 10px rgba(0,0,0,0.2), 5px 5px 5px rgba(0,0,0,0.3),;
        -webkit-box-shadow:-5px 5px 10px rgba(0,0,0,0.2), 5px 5px 5px rgba(0,0,0,0.3);
        box-shadow:-5px 5px 10px rgba(0,0,0,0.2), 5px 5px 5px rgba(0,0,0,0.3);
        position:relative;
        z-index:9;
}
#HG_links, #HG_rechts {
        height:100%;
        width:50px;
        position:absolute;
        top:0%;
}
#HG_links p, #HG_rechts p {
        font-size:50px;
        /* color:#555555; */
        margin: 0;
        text-align:center;
        position:absolute;
        top:50%;
        left:50%;
        transform: translate(-50%, -50%);
}
a.divlink:link, a.divlink:visited, a.divlink:active {
	color:#8F8F8F;
}
a.divlink:hover{
	color:#AFAFAF;
}
#HG_links {
        float:left;
}
#HG_rechts {
        /* float:right; */
        /* background-color:#FFFFFF; */
        left:100%;
        transform: translate(-100%, 0%);
}
.Bild {
		  position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
}
/* ------------- Indexseiten --------------- */

div.HGinfo {
        width:766px;
        overflow:hidden;
        background-color:#8F8F8F;
        color:#000000;
}

#HGindex2 {
        width:700px;
        background-color:#8F8F8F;
        padding-top:20px;
        padding-bottom:20px;
        z-index:2;
        position:relative;
}
#HGindex2 {
        text-align:left;
}
div.order, div.orderfooter {
        text-align:left;
        border-top:1px;
        border-left:0px;
        border-right:0px;
        border-bottom:0px;
        border-color:#555555;
        border-style:solid;
        padding-top:20px;
        padding-bottom:20px;
		  clear:both;
}
div.orderfooter {
	text-align:right;
	padding-bottom:0px;
}
.spaltelinks {
	float:left;
	width:210px; 
	margin:0px 10px 20px 0px;
}
.spaltelinks p {
	margin-bottom:3px;
}
.spaltelinksleer {
	float:left;
	width:210px; 
	margin:0px 10px 8px 0px;
}
.spalterechts {
	float:right;
	width:460px; 
	margin:0px 0px 10px 0px;
}
/* ------------- Indexseiten Ende----------- */

/* img 	*/

img {
        border-width:1px;
        border-color:white;
        border-style:none;
        margin:8px;
}
.thumb {
	border: 1px solid black;
	position: relative;
	margin: 0px;
}
img.large {
	border: 5px solid white;
	margin:0px;
	-moz-box-shadow:-5px 5px 10px rgba(0,0,0,0.2), 5px 5px 5px rgba(0,0,0,0.3),;
	-webkit-box-shadow:-5px 5px 10px rgba(0,0,0,0.2), 5px 5px 5px rgba(0,0,0,0.3);
	box-shadow:-4px 4px 8px rgba(0,0,0,0.2), 4px 4px 8px rgba(0,0,0,0.3);
	position:relative;
	z-index:9;
}
img.blank {
	border-style:none;
	margin:0px;
}
img.index {
	margin:8px 0px 0px 0px;
	border: 1px solid black;
}
img.inline {
	margin:0px 0px 0px 6px;
}
img.zone {
        border-style:none;
        margin:0px;
}
/* div */
div.captiondiv {
		  position: absolute;
        top: 100%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -20px);
}



/* span */
/* Tabellen */
table {
	border-collapse:collapse;
	border-spacing:0px;
	border-width:0px;
	font-size:13px;
}
tr.kopf_l {
	vertical-align:top;
	text-align:center;
}
tr.kopf_l {
	height:10px;
}
tr.fuss {
	height:35px;
	vertical-align:bottom;
	text-align:center;
}
table.list {
                font-family:Arial,sans-serif;
                text-align:left;
                vertical-align:top;
                color:#000000;
					 margin:0px;
					 border-color:#BFBFBF;
					 table-layout:fixed;
					 overflow:hidden;
					 width:100%;
}
table.list a {
        white-space:normal;
}
th {
   vertical-align:top;
   padding:10px 10px 10px 0px;
   /*background-color:#555555;*/
}
td.list {
   width:18%;
   vertical-align:top;
   padding:0px 10px 10px 0px;
}
td.list a {
        white-space:normal;
}
th {
   font-weight:bold;
}
/* Text */

h1,h2,h3,h4,p,ul,li,b {
        font-family:Arial,sans-serif;
        text-align:left;
}

h1 {
        font-size:21px;
        margin-bottom:18px;
}
.logo2 {
        font-weight:normal;
        font-size:21px;
        margin-top:0px;
        color:#999999;


        margin-bottom:8px;
}
.big {
	font-size:16px;
}

h1 a:link, h1 a:visited, h1 a:active {
        color:#999999;


        text-decoration:none;
}
h1 a:hover {
        color:#FFFFFF;
		  text-decoration:none;
}
.name {
        font-size:13px;
}

h2 {
        font-size:16px;
        margin-top:8px;
}

h3 {
        font-size:13px;
        font-weight:bold;
		  margin:16px 0px 3px 0px;
}
h4 {
        font-size:13px;
        font-weight:bold;
		  margin:8px 0px 0px;
}

p,ul,li,div {
        font-size:13px;
}
p {
        margin-bottom:13px;
        margin-top:3px;
}
p.einzug {
        white-space:nowrap;
        margin-left:20px;
        margin-bottom:10px;
        margin-top:10px;
}
.Hinweis {
	font-style:italic;
}
li {
   margin-top:3px;
   margin-bottom:3px;
}
a {
        white-space:nowrap;
        text-decoration:none;
}
a.external {
    background: url(../img/Icon_External_Link.png) center right no-repeat;
    padding-right: 15px;
    font-style:italic;
}
a:link {
        color:#222222;
        text-decoration:none;
}
a:visited {
        color:#3F3F3F;
        text-decoration:none;
}
a:active {
        color:#EFEFEF;
        text-decoration:none;
}
a:hover {
        color:#FFFFFF;
        text-decoration:none;
}
.thumbnail a:link, .thumbnail a:visited, .thumbnail a:hover, .thumbnail a:active {
	color:#a1a1a1;
	text-decoration:none;
}
.copyright, .pagiNavi {
        /* color:#999999;

 */
        text-align:center;
}
.copyright {
	width:766px;
}
.copyright {
        margin-top:4px;
        margin-bottom: 8px;
	border-top:1px solid #444444; 
	padding-top:6px; 
}
.copyright a:link, .name a:link, .pagiNavi a:link {
        color:#999999;


        text-decoration:none;
}
.copyright a:visited, .caption a:visited, .name a:visited, .pagiNavi a:visited {
        color:#999999;


        text-decoration:none;
}
.copyright a:active, .caption a:active, .name a:active, .pagiNavi a:active {
        color:#999999;


        text-decoration:none;
}
.copyright a:hover, .caption a:hover, .name a:hover, .pagiNavi a:hover, .menu a:hover {
        color:#FFFFFF;
        text-decoration:none;
}
.kontakt a:link, .kontakt a:visited, .kontakt a:active, .kontakt a:hover {
        text-decoration:none;
}
/* PAGINATION */
.pagiNavi {
	width: 766px;
	height:35px;
	/*padding-left: 15px;
	padding-right: 15px;*/
}
.pagiLeft {
	float: left;
	padding: 0;
}
.pagination {
	float: right;
	padding: 0;
}
.pagination ul, .pagiLeft ul {
	margin: 0;
	padding: 0;
}
.pagiLeft li, .pagination li {
	float: left;
	list-style: none;
	padding: 5px;
}
.pagiLeft li {
	padding-left:0px;
	padding-right:10px;
}
.pagination .previous {
	font-weight: bold;
	margin-left: 25px;
}
.pagination .next {
	font-weight: bold;
	padding-right:0px;
}
.pagination .readout {
	font-weight: bold;
}
.pagination .current {
	border: solid 1px #7f7f7f;
    /*color:#333333;
    font-weight:bold;*/
}
/* MISC */
.clear {
	clear: both;
}
.borderTopLeft {
	border-top: 1px solid #949494;
	border-left: 1px solid #949494;
}
.borderBottom {
	border-bottom: 1px solid #949494;
}
.borderRight {
	border-right: 1px solid #949494;
}

/* INDEX - GRID */
.thumbnail {
	float: left;
	position: relative;
	color:inherit;
	background-color: #949494;
	width: 152px;
	height: 152px;
	overflow: hidden;
}
.thumbnail:hover {
	color:inherit;
	background-color: #a1a1a1;
}
.itemNumber {
	z-index: 0;
	position: absolute;
	top: 2px;
	left: 2px;
	background-color:inherit;
	/* color: #9c9c9c; */
	color: #949494;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: -1px;
}