p {margin-top:0px; font-size: 10px;	line-height: 20px; font-family: "Lucida Console", Monaco, monospace; color: #FFF;}
img {border:none;}
body {margin: 0; background: #ee7f00;}
a {font-family: Lucida Console, Monaco, monospace; font-size: 10px;	color: #FFF;}
a:link, a:visited, a:hover, a:active, a:focus {outline: none} {text-decoration: none; color: #FFF; text-transform: uppercase;}

#superbgimage{display:none;background-color:#ee7f00; text-indent:-9999px;}
#superbgimage img{image-rendering: optimizeQuality;	-ms-interpolation-mode: bicubic;}

.main_box{ position:absolute; height:530px; width:990px; margin:-265px 0 0 -495px; top:50%; left:50%; background:rgb(164,28,44); background:rgba(164,28,44,0.95); z-index: 300; }

.header_index{ height:109px; width:970px; padding:20px 0 0 20px; position: relative; background: url(../pictures/GK/GK_Header_invert.png) no-repeat 20px 20px; overflow: hidden; visibility:hidden;}
.header{ height:109px; width:970px; padding:20px 0 0 20px; position: relative; background: url(../pictures/GK/GK_Header_invert.png) no-repeat 20px 20px; overflow: hidden;}

#navigation_wrapper{ height:371px; width:970px; padding:10px 0 0 20px;} 

.demo{overflow:auto;clear:both; visibility:hidden;}
.demo a{display:block;text-indent:-9999px;width:190px;height:371px;float:left;background-image:url(../pictures/GK/GK_Navigation.jpg);background-repeat:no-repeat; cursor:pointer;}
#demo_grafik{background-position:0 0;}
#demo_grafik:hover,#demo_grafik.hover{background-position:0 -371px;}
#demo_web{background-position:-190px 0;}
#demo_web:hover,#demo_web.hover{background-position:-190px -371px;}
#demo_foto{background-position:-380px 0;}
#demo_foto:hover,#demo_foto.hover{background-position:-380px -371px;}
#demo_konzept{background-position:-570px 0;}
#demo_konzept:hover,#demo_konzept.hover{background-position:-570px -371px;}
#demo_werbe{background-position:-760px 0;}
#demo_werbe:hover,#demo_werbe.hover{background-position:-760px -371px;}

.boxcaption {float: left; position: absolute; height: 109px; width: 700px;}
.captionfull .boxcaption {top: 129px; left: 20px; background-color:#FFF;}

ul#navigation_holder {margin:0; padding:0; list-style:none; clear:both;}
#navigation_holder li {overflow:hidden; text-indent:-9999px; display:inline; float:left; margin: 0 0 0 20px;}
#navigation_holder li a{ background: url(../pictures/GK_Buttons/GK_Navigation.png) no-repeat; width:100%; height:100%; display:block;}

#navigation_holder li.grafikdesign {width: 109px; height:190px;}
#navigation_holder li.grafikdesign a {background-position: 0px -69px;}
#navigation_holder li.grafikdesign a:hover {background-position: 0px 0px;}
#navigation_holder li.grafikdesign a:active {background-position: 0px 2px;}
#navigation_holder li.grafikdesign a.selected {background-position: 0px 0px; cursor:default;}

#navigation_holder li.webdesign {width: 91px; height:190px;}
#navigation_holder li.webdesign a {background-position: -120px -69px;}
#navigation_holder li.webdesign a:hover {background-position: -120px 0px;}
#navigation_holder li.webdesign a:active {background-position: -120px 1px;}
#navigation_holder li.webdesign a.selected {background-position: -120px 0px; cursor:default;}

#navigation_holder li.fotodesign {width: 93px; height:190px;}
#navigation_holder li.fotodesign a {background-position: -223px -69px;}
#navigation_holder li.fotodesign a:hover {background-position: -223px 0px;}
#navigation_holder li.fotodesign a:active {background-position: -223px 1px;}
#navigation_holder li.fotodesign a.selected {background-position: -223px 0px; cursor:default;}

#navigation_holder li.konzeptidee {width: 98px; height:190px;}
#navigation_holder li.konzeptidee a {background-position: -328px -69px;}
#navigation_holder li.konzeptidee a:hover {background-position: -328px 0px;}
#navigation_holder li.konzeptidee a:active {background-position: -328px 1px;}
#navigation_holder li.konzeptidee a.selected {background-position: -328px 0px; cursor:default;}

#navigation_holder li.werbemittel {width: 105px; height:190px;}
#navigation_holder li.werbemittel a {background-position: -436px -69px;}
#navigation_holder li.werbemittel a:hover {background-position: -436px 0px;}
#navigation_holder li.werbemittel a:active {background-position: -436px 1px;}
#navigation_holder li.werbemittel a.selected {background-position: -436px 0px; cursor:default;}

.content_holder{background:url(../pictures/GK_BG/GK_Outline.gif);height:364px;width:990px;}
.left_content{float:left;height:331px;width:433px;padding: 30px 20px 0 41px;}
.right_content{float:left;height:332px;width:433px;margin-left:1px;padding:25px 41px 0 21px;}

#reference_holder{height:37px;width:885px;padding-left:105px;background: url(../pictures/GK/referenz_bg.png) no-repeat 20px 0px;}
#reference_kontakt{height:37px;width: 885px;padding-left:105px;}
#reference_holder ul{margin: 0;padding:0;list-style-type:none;text-align:left;}
#reference_holder ul li{float:left;}
#reference_holder ul li a{text-decoration:none;text-indent:-999em;background:url(../pictures/GK/referenz_box.gif);float:left;margin:7px 7px 0 0;height:21px;width: 21px; padding:0px;}
#reference_holder li a:hover{background-image:url(../pictures/GK/referenz_box_over.gif);}

.navigation_footer {position:absolute;height:50px;width:990px;margin: -50px 0 0 -495px;top:100%;left:50%;z-index: 300;}

ul#navlist{margin:0 0 0 0;padding-left:0;white-space:nowrap;width:100%;text-align:center;}
#navlist li{display:inline;list-style-type:none;}
#navlist a{padding:2px 8px 2px 8px;margin-right:15px;}
#navlist a:link, #navlist a:visited{ color:#FFF; text-decoration:none; text-shadow:1px 1px 2px #000000; text-transform:uppercase; font-size:13px; -webkit-transition-duration: 0.5s;}
#navlist a:hover{background-color:#FFF;color:#a41c2c;text-decoration:none;text-shadow:1px 1px 2px #999;}
#active a:link, #active a:visited, #active a:hover{color:#a41c2c;text-decoration:none;text-shadow:1px 1px 2px #999;}