@charset 'utf-8';
@import url(reset.css);
@import url(fancybox.css);

* {
margin: 0;
padding: 0;
font size: 100%;
}

body {
font: normal 20px/21px tahoma,arial,verdana;
color: #00315e;

background-image: url(bg_stripe.jpg);
background-repeat: repeat-x;

}

#contentwrap {
width: 100%;
display: block;
padding-bottom: 0px;
overflow: hidden;
}

#wrapper {
width: 1024px;
margin: 0 auto;
}

#wrap {
margin: 0;
padding: 0;
font size: 100%;
}

#menubox {
display: block;
width:100%;
height: 136px;
overflow: hidden;
}

#gklogo {
float: left;
}

#menu {
width: 725px;
float: right;
}

#lpic {
clear: both;
float: left;
}

#txt {
width: 562px;
float: right;
}

#footerwrap {
width: 100%;
display: block;
overflow: hidden;
position: relative;
/*background-color: #00315e;*/
}

#footer {
clear: both;
float: right;
}

#contentwrap {
height: 623px;
}

/* ----------------------------------------------------- menu stuff */



#menu a:link,
#menu a:visited {
color: #00315e;
text-decoration: none;
}

#menu li.active a:link,
#menu li.active a:visited {
background-color: #00315e;
color: #f39400;
}

#menu li,
#menu ul {
float: right;
padding-left: 0px;
padding-right: 0px;
height: 135px;
}

#menu a {
margin-left: 5px;
background-color: #fafbfc;
padding-bottom: 110px;
padding-left: 13px;
padding-right: 13px;
}

#menu a:active,

#menu a:hover {
background-color: #00315e;
color: #f39400;
}

#subnav {
font: normal 13px/18px tahoma,arial,verdana;
padding-right: 20px;
padding-left: 450px;
padding-top: 20px;
}
#companylink {
font: normal 13px/18px tahoma,arial,verdana;
padding-right: 20px;
padding-left: 450px;
padding-top: 20px;
}
#subnav a {
background-color: #00315e;
color: #f39400;
padding: 3px;
text-decoration: none;
}

#sublink { font-weight:bold;}

/* ----------------------------------------------------- ie6_fix_menu */

* html #menu li,
* html #menu ul {
padding-bottom: 110px; 
}



/* ----------------------------------------------------- ie7_fix_menu */

*+html #menu a {
display: block;
background-color: #fafbfc;
padding-bottom: 0px;
height: 135px;
}

*+html #menu a:active,
*+html #menu a:hover {
display: block;
background-color: #00315e;
height: 135px;
}

/**+html #menu li,
*+html #menu ul {
float: right;
padding-left: 0px;
padding-right: 0px;
height: 135px;
}

*+html #menu {
float: right;
padding-left: 0px;
padding-right: 0px;
height: 135px;
}

*+html #menu li a
{
display:block;
height: 135px;
}
*/

/* ----------------------------------------------------- txt */

#txt {
font: normal 13px/18px tahoma,arial,verdana;
padding-top: 20px;
padding-right: 10px;
}

#txt h2 {
font: bold 18px/22px tahoma,arial,verdana;
}

/* ----------------------------------------------------- Footer */

#footer {
/*background-color: #00315e;*/
color: #fff;
font-size: 11px;
margin-top: 2px;
}

#footer a:link,
#footer a:visited {
/*background-color: #00315e;*/
color: #fff;
text-decoration: none;
}

#footer a:active,
#footer a:hover {
color: #f39400;
}

/* ----------------------------------------------------- accordion */

#AccordionDiv {
margin-left: 18px;
}

/* ----------------------------------------------------- kontakt */

#kontakt {
float: right;
font: normal 16px/21px tahoma,arial,verdana;
padding-top: 15px;
padding-right: 190px;
}

#kontakt a:link,
#kontakt a:visited {
color: #00315e;
}
/* ----------------------------------------------------- aktuelles */

#aktuelles {
float: right;
font: normal 17px/22px tahoma,arial,verdana;
padding-top: 15px;
padding-right: 40px;
}

#aktuelles h2{
font: bold 17px/22px tahoma,arial,verdana;
padding-top: 10px;
}

#aktuelles h3{
clear: both;
font: normal 15px/20px tahoma,arial,verdana;
}

/* ----------------------------------------------------- referenzen */


#maps{
	margin-top:20px;
	}

#mapssmall {
	font: normal 18px/19px tahoma,arial,verdana;
	color: #00315e;
	}

#legende {
	margin-top:20px;
	font: normal 18px/19px tahoma,arial,verdana;
	display: block;
	float: right;
}

#referenzen a:link,
#referenzen a:visited {
color: #00315e;
}

#karte {
display: block;
/*position: relative;*/
float: right;
/*left: 120px;*/
bottom: 38px;
}

#cont_left {
float: left;
width: 450px;
margin-top: 0px;
}

.gallery li {
float: left;
margin-right: 4px;
margin-bottom: 1px;
}

#cont_left h2{
font: bold 17px/22px tahoma,arial,verdana;
padding-top: 10px;
}

#cont_left h3{
clear: both;
font: normal 15px/20px tahoma,arial,verdana;
}

#cont_left h2{
clear: both;
}

#cont_left h4{
clear: both;
font: normal 10px/15px tahoma,arial,verdana;
}


/* ----------------------------------------------------- pic_gallery_style */

#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}

#preview{
        position:absolute;
        border:3px solid #012547;
        background:#d7d8da;
        padding:5px;
        display:none;
        font: normal 10px/14px tahoma,arial,verdana;
        color:#012547;
}

#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
}

/* ----------------------------------------------------- auswahl_industrieanstriche */

#lbindustrieauswahl {
clear: both;
float: left;
}

#industrietxt {
float: right;
font: normal 17px/22px tahoma,arial,verdana;
padding-top: 10px;
padding-right: 150px;
}

#industrietxt2 {
font: normal 13px/18px tahoma,arial,verdana;
padding-right: 200px;
padding-left: 450px;
padding-top: 40px;
}

#industrietxt2 h2 { font-size: 17px;}

#industrietxt a:link,
#industrietxt a:visited {
color: #00315e;
}

#industrietxt2 a:link,
#industrietxt2 a:visited {
color: #00315e;
}

/* ----------------------------------------------------- kraftwerk_bereich */

#kraftwerkauswahl {
clear: both;
float: left;
}

#kraftwerktxt2 {
font: normal 13px/18px tahoma,arial,verdana;
padding-right: 20px;
padding-left: 650px;
padding-top: 15px;
}

#kraftwerktxt2 h2 { font-size: 17px;}

#kraftwerktxt2 a:link,
#kraftwerktxt2 a:visited {
color: #00315e;
}

/* ----------------------------------------------------- hochspannung_bereich */

#hochspannungauswahl {
clear: both;
float: left;
}

#hochspannungtxt2 {
font: normal 13px/18px tahoma,arial,verdana;
padding-right: 20px;
padding-left: 500px;
padding-top: 15px;
}

#hochspannungtxt2 h2 { font-size: 17px;}

#hochspannungtxt2 a:link,
#hochspannungtxt2 a:visited {
color: #00315e;
}

/* ----------------------------------------------------- auswahl_malerarbeiten */

#lbmalerauswahl {
clear: both;
float: left;
}

#malerauswahltxt2 {
font: normal 13px/18px tahoma,arial,verdana;
padding-right: 200px;
padding-left: 450px;
padding-top: 40px;
}

#malerauswahltxt2 h2 { font-size: 17px;}

#malerauswahltxt2 a:link,
#malerauswahltxt2 a:visited {
color: #00315e;
}

/* ----------------------------------------------------- maler_bereich */

#malerauswahl {
clear: both;
float: left;
/*margin-bottom: 2px;*/
}

#malertxt2 {
font: normal 13px/18px tahoma,arial,verdana;
padding-right: 20px;
padding-left: 650px;
padding-top: 15px;
}

#malertxt2 h2 { font-size: 17px;}

#malertxt2 a:link,
#malertxt2 a:visited {
color: #00315e;
}

/* ----------------------------------------------------- warmeschutz_bereich */

#warmeauswahl {
clear: both;
float: left;
}

#warmetxt2 {
font: normal 13px/18px tahoma,arial,verdana;
padding-right: 20px;
padding-left: 650px;
padding-top: 15px;
}

#warmetxt2 h2 { font-size: 17px;}

#warmetxt2 a:link,
#warmetxt2 a:visited {
color: #00315e;
}

/* ----------------------------------------------------- beton_bereich */

#betonauswahl {
clear: both;
float: left;
}

#betontxt2 {
font: normal 13px/18px tahoma,arial,verdana;
padding-right: 20px;
padding-left: 650px;
padding-top: 15px;
}

#betontxt2 h2 { font-size: 17px;}

#betontxt2 a:link,
#betontxt2 a:visited {
color: #00315e;
}

/* ----------------------------------------------------- kompetenzen */

#kompetenzenauswahl {
clear: both;
float: left;
}

#kompetenzentxt2 {
font: normal 12px/14px tahoma,arial,verdana;
padding-right: 200px;
padding-left: 450px;
padding-top: 15px;
}

#kompetenzentxt2 h2 {
font-weight: bold;
}

#kompetenzentxt2 a:link,
#kompetenzentxt2 a:visited {
color: #00315e;
}

/* ----------------------------------------------------- introvideo */

#introvideo {
padding-top: 300px;
padding-left: 450px;
}

/* ----------------------------------------------------- impressum */

#impress {
float: right;
font: normal 15px/19px tahoma,arial,verdana;
padding-top: 15px;
padding-right: 190px;
}

#impress a:link,
#impress a:visited {
color: #00315e;
}

#impress h1 {
font: bold 17px/22px tahoma,arial,verdana;
}

#impress h3 {
font: bold 13px/20px tahoma,arial,verdana;
}

/* ----------------------------------------------------- Comment */

.js div { } /* apply only on JavaScript enabled browsers */
.ie7 div { } /* apply only on Internet Explorer 7 and below */
.ie6 div { } /* apply only on Internet Explorer 6 and below */