@charset "utf-8";
/* CSS Document */

/* ******************************************************************** */ 
/*                  Generated by: http://csscreator.com                 */
/* ******************************************************************** */
body, html { margin:0; padding:0;  }
body { 
overflow:hidden; background:black;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}


#horizon {
			position: absolute;
			top: 50%;
			left: 0px;
			width: 100%;
			height: 1px;
			overflow: visible;
			visibility: visible;
			display: block;
		}
#content{
			position: absolute;
			height: 480px;
			top: -240px;
		}
#adresse { margin-top:242px; color:white; font-size:12px;   }

#menu{
			position:absolute;
			width: 353px;
			height: 102px;
			top:140px;
			left:0px;
			z-index:200;
			background:url(../gfx/GHA.png) top left no-repeat;
			
		}
#menu h1{
color:white; 
margin:0; padding:0;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
/* IE 5-7 */
filter: alpha(opacity=0);
/* Netscape/FireFox */
-moz-opacity: 0;
/* Safari 1.x */
-khtml-opacity: 0;
/* aktuelle Browser */
opacity: 0;		
}

#jumpMenu {
	position:absolute; bottom:8px; right:8px;	width:212px; overflow:hidden; 
	opacity:0.8;
	text-align:right;
	font-size:10px;
}
.alignright { text-align:right; padding-right:18px; font-size:10px; }


.fontbold { font-weight:bold; }


img:-moz-broken
{
	-moz-force-broken-image-icon : 1;
	width : 24px;
	height : 24px;
}

/* ***********************************************************  
@font-face {
    font-family: 'Exo';
    src: url('exo/exo-semibold-webfont.eot');
    src: url('exo/exo-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('exo/exo-semibold-webfont.woff') format('woff'),
         url('exo/exo-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*/ 
a:link { font-weight:bold; color:#000000; text-decoration:none; border:0;  }
a:visited { font-weight:bold; color:#000000; text-decoration:none; }
a:focus { font-weight:bold; color:#646464; text-decoration:underline; -moz-outline: none; }
a:hover { font-weight:bold; color:#646464; text-decoration:underline; }
a:active { font-weight:bold; color:#646464; text-decoration:underline; -moz-outline: none; }

.blau { color:#646464; }

h1,h2,h3,h4 { margin:0 0 0.5em 0; line-height:1.2em; }
h1 { font-size:24px; font-weight:bold; }
h2 { font-size:22px; }
h3 { font-size:18px; }
h4 { font-size:14px; }


a img { border:0;  -moz-outline: none; }


/* ############################################################################################ */
#draggable {position:absolute; z-index:1; height:480px; top:0; left:0;  margin:0; padding:0;   border-top: 1px solid white; border-bottom: 1px solid white; cursor:move;}
#draggable img { margin-right:10px; }
/*#draggable div{ float:left; }*/
.kastenschwarz { background-color:#000000; color:#FFFFFF; }
.kastenschwarztransparent { 
background-color:#000000; color:#FFFFFF;
-moz-opacity: 0.50;
-khtml-opacity: 0.50;
opacity: 0.50;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
filter:alpha(opacity=50);
}
.kastenweiss { background-color:#FFFFFF; color:#000000; }
.kastenweisstransparent { 
background-color:#FFFFFF; color:#000000; 
-moz-opacity: 0.50;
-khtml-opacity: 0.50;
opacity: 0.50;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
filter:alpha(opacity=50);
}

/* ############################################################################################ */
#standardseite { 
position:absolute; z-index:4; width:600px; height:460px; top:10px; left:400px;
background:url(../gfx/trans.png) repeat;
}
/* ############################################################################################ */


.layout1 { float:left; width:800px;  margin-right:0px; }
.layout2 { float:left; width:390px;  margin-right:20px; }
.layout3 { float:left; width:260px;  margin-right:10px; }
.layout4 { float:left; width:192px;  margin-right:10px; }
.layout1 img { width:100%; }
.layout2 img { width:100%; }
.layout3 img { width:100%; }
.layout4 img { width:100%; }

.layout110 { clear:both; width:800px; }
.layout110_image { float:right; width:260px; }
.layout110_text { float:left; width:530px; }

.layout111 { clear:both; width:800px; }
.layout111_image { float:left; width:260px; }
.layout111_text { float:right; width:530px; }

.layout101{ clear:both; }

.layout102 { clear:both; background:black; color:white; height:120px; width:800px; }
.layout102_image { float:right; width:500px; }
.layout102_text { float:left; width:260px; height:80px; padding:15px 20px 15px 20px; position:relative;  }
.layout102_text h1 { font-size:16px;}
.layout102_text h3.prodate { font-size:12px; }
.layout102 a{ text-decoration:none; height:120px; width:800px; background-color:#black; color:white; display:block;}
/*
.layout102 a:hover{ color:silver; text-decoration:none;}
*/
.layout102 .prodate{ position:absolute; bottom:0px; left:20px; }


.layout104 { clear:both;  width:800px; }
.layout104_text { float:left; width:300px;   }
.layout104_image { float:left; margin:0px 10px 10px 0px; width:150px; height:150px; }

.layout105_text { float:left; width:250px; }
.layout105_boxen { float:right; width:545px;  }
.layout105_box {  float:left; width:150px; height:100px; margin:0 10px 10px 0; padding:10px; }


.layout12 { margin:0 10px 0 0;}
.layout12 p { margin:0 0 8px 0; padding:0;}



/* ############################################################################################ */