* { 
margin : 0; 
padding : 0; 
}

body { 
background : url('images/bg-body.jpg') repeat-x left top;
background-color: #E7E7E7;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
margin : 0; 
padding : 0; 
}

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

/*------------------------------------------- header ----------------------------------------*/

#header {
width: 970px;
height: 200px;
}

#header ul { 
float: right; 
margin: 16px 20px 0 0;
}

#header ul li { 
display : inline; 
margin-left : 5px; 
}

#header ul li a { 
font-family: 'Archivo Narrow', sans-serif;
font-size : 14px; 
font-weight: 400;
text-transform: uppercase;
text-decoration : none; 
color : #092202; 
}

#header ul li a:hover {
color: #6A930A;
text-decoration : underline; 
} 

#logo { 
position : absolute; 
margin-top : 30px; 
margin-left : 20px; 
z-index : 2; 
}

#logo span { 
display : none; 
}

#logo a { 
display : block; 
background-image : url('images/gobusbau-logo.png'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 280px; 
height : 140px; 
}

/*------------------------------------------- menue ----------------------------------------*/

#menue { 
width : 970px; 
height : 32px; 
margin : 0 0 40px 0; 
padding : 0; 
font-family: 'Archivo Narrow', sans-serif;
font-size : 18px; 
font-weight: 700;
text-transform: uppercase;
z-index : 200;
} 

#menue ul { 
background-color: transparent; 
list-style : none; 
margin : 0; 
padding : 0; 
height : 28px; 
} 
#menue li { 
float : left; 
padding : 0; 
} 
#menue li a { 
background-color: transparent; 
color : #092202; 
display : block; 
font-weight : normal; 
margin : 0; 
text-align : center; 
text-decoration : none; 
padding-left : 20px; 
padding-right : 20px; 
padding-top : 5px; 
padding-bottom : 5px; 
} 
#menue li a:visited { 
font-style : italic; 
} 
#menue li a:hover { 
background-color : #6A930A; 
color : #fff; 
z-index : 200; 
text-decoration : none; 
} 
#menue li ul { 
background-color: #E7E7E7; 
display : none; 
height : auto; 
padding : 0; 
margin : 0; 
position : absolute; 
min-width : 250px; 
z-index : 200; 
} 
#menue li:hover ul { 
display : block; 
} 
#menue li li { 
display : block; 
float : none; 
margin : 0; 
padding : 0; 
width : 220px; 
} 
#menue li:hover li a { 
background : none; 
} 
#menue li ul a { 
color : #092202; 
min-width : 215px;
height : 28px; 
display : block; 
font-size : 14px; 
font-style : normal; 
margin : 0; 
padding : 11px 10px 0 25px; 
text-align : left; 
} 
#menue li ul a:hover, #menue li ul li:hover a { 
background-color : #6A930A; 
border : 0px none; 
color : #fff; 
text-decoration : none 
}

/*------------------------------------------- banner ----------------------------------------*/

#container {
width:950px;
padding: 10px;
margin:0 auto;
position:relative;
z-index:0;
}

#example {
width:970px;
height:440px;
position:relative;
}

#ribbon {
position:absolute;
top:-1px;
left:-10px;
z-index:500;
}

#frame {
position:absolute;
z-index:0;
width:970px;
height:440px;
top: 0;
left: -10px;
}

#slides {
position:absolute;
top:17px;
left: 8px;
z-index:100;
}

.slides_container {
width:934px;
overflow:hidden;
position:relative;
display:none;
}

.slides_container div.slide {
width:934px;
height:390px;
display:block;
}

div.slide a img {
border: 0px none;
}


#slides .next, #slides .prev {
position:absolute;
top:180px;
left:-39px;
width:24px;
height:43px;
display:block;
z-index:101;
}

#slides a.next img, #slides a.prev img {
border: 0px none;
}

#slides .next {
left:949px;
}

.pagination {
margin:26px auto 0;
width:100px;
}

.pagination li {
float:left;
margin:0 1px;
list-style:none;
}

.pagination li a {
display:block;
width:12px;
height:0;
padding-top:12px;
background-image:url('images/pagination.png');
background-position: 0 0;
float:left;
overflow:hidden
}

.pagination li.current a {
background-position:0 -12px;
}

.caption {
z-index:500;
position:absolute;
bottom:-35px;
left:0;
height:30px;
padding:5px 20px 0 20px;
background:#000;
background:rgba(0,0,0,.5);
width:940px;
font-size:1.3em;
line-height:1.33;
color:#fff;
border-top:1px solid #000;
text-shadow: 1px 1px 1px #000;
}

/*------------------------------------------- quickmenue ----------------------------------------*/

#quickmenue {
width: 970px;
height: 150px;
margin-top: 15px;
margin-bottom: 20px;
}

#quickmenue ul li {
float: left;
display: inline;
width: 316px;
height: 146px;
}

#quickmenue ul li p {
line-height: 18px;
margin: 2px 0 0 0;
}

#quickmenue h2 {
font-family: 'Archivo Narrow', sans-serif;
font-size : 18px; 
font-weight: 700;
text-transform: uppercase;
color: #092202; 
text-decoration: none;
text-shadow: 1px 1px 1px #ccc;
text-transform: uppercase;
}

/*------------------------------------------- quickmenue button ----------------------------------------*/

#quickmenue a.callback {
background-image: url('images/callback.png');
background-repeat: no-repeat;
font-family: Tahoma, Arial, sans-serif;
font-size: 13px;
color:#333;
text-decoration: none;
width: 276px;
height: 131px;
display: block;
padding: 15px 20px 0 20px;
}	
#quickmenue a.callback:visited {
font-style: italic;
}
#quickmenue a.callback:hover {
background-image: url('images/callback-on.png');
background-position: 0 1px;
color:#333;
}

.margin {
margin-left: 11px;
}

#quickmenue a.foerdermittel {
background-image: url('images/foerdermittel.png');
background-repeat: no-repeat;
font-family: Tahoma, Arial, sans-serif;
font-size: 13px;
color:#333;
text-decoration: none;
width: 276px;
height: 131px;
display: block;
padding: 15px 20px 0 20px;
}	
#quickmenue a.foerdermittel:visited {
font-style: italic;
}
#quickmenue a.foerdermittel:hover {
background-image: url('images/foerdermittel-on.png');
background-position: 0 1px;
color:#333;
}

#quickmenue a.referenzen {
background-image: url('images/referenzen.png');
background-repeat: no-repeat;
font-family: Tahoma, Arial, sans-serif;
font-size: 13px;
color:#333;
text-decoration: none;
width: 276px;
height: 131px;
display: block;
padding: 15px 20px 0 20px;
}	
#quickmenue a.referenzen:visited {
font-style: italic;
}
#quickmenue a.referenzen:hover {
background-image: url('images/referenzen-on.png');
background-position: 0 1px;
color:#333;
}

/*------------------------------------------- content ----------------------------------------*/

#content-top {
width: 970px;
height: 8px;
margin: 0px auto;
background : url('images/content-top.png') no-repeat top left;
}

#content-bottom {
width: 970px;
height: 8px;
margin: 0px auto;
background : url('images/content-bottom.png') no-repeat top left;
}

#content {
width: 930px;
margin: 0px auto;
padding: 0 20px 20px 20px;
background : url('images/content.png') repeat-y;
}

#content h1 {
font-family: 'Archivo Narrow', sans-serif;
font-size : 26px; 
font-weight: 700;
text-transform: uppercase;
color: #092202; 
text-decoration: none;
text-shadow: 1px 1px 1px #ccc;
text-transform: uppercase;
}

#content h2 {
font-family: 'Archivo Narrow', sans-serif;
font-size : 20px; 
font-weight: 700;
text-transform: uppercase;
color: #6A920B; 
text-decoration: none;
text-shadow: 1px 1px 1px #ccc;
text-transform: none;
margin: 0 0 5px 0;
}

#content h3 {
font-family: 'Archivo Narrow', sans-serif;
font-size : 20px; 
font-weight: 700;
text-transform: uppercase;
color: #092202; 
text-decoration: none;
text-shadow: 1px 1px 1px #ccc;
text-transform: none;
margin: 0 0 5px 0;
}

#content p {
line-height: 18px;
font-family: Tahoma, Arial, sans-serif;
font-weight: normal;
font-size: 14px;
color: #333;
margin: 0 0 10px 0;
}

#content a {
font-family: Tahoma, Arial, sans-serif;
font-weight: normal;
font-size: 14px;
color: #000;
text-decoration: underline;
}

#content a:hover {
font-family: Tahoma, Arial, sans-serif;
font-weight: normal;
font-size: 14px;
color: #6A930A;
text-decoration: none;
}

.list {
line-height: 18px;
font-family: Tahoma, Arial, sans-serif;
font-weight: normal;
font-size: 14px;
color: #333;
margin: 10px 0 10px 0;
padding: 0;
}

.list li {
list-style-type: square;
margin: 0 0 0 40px;
padding: 0;
line-height: 18px;
}

hr {
border: 0px none;
background: url('images/line.gif') repeat-x;
height: 11px;
width: 100%;
margin: 10px 0 10px 0;
}

.gallery {
width: 930px;
height: 300px;
background: #fff;
margin: 0 0 20px 0;
padding: 0; 
border: none; 
list-style: none; 

} 

.gallery li {
list-style-type: none;
margin: 14px 14px 0 0;
padding: 0;
width: 172px;
height: 132px;
float: left; 
} 

.gallery li img { 
padding: 1px; 
border: 1px solid #d9d9d9; 
}

/*------------------------------------------- lieferanten ----------------------------------------*/

#lieferanten {
width: 970px;
height: 80px;
margin: 25px 0 0 0;
}
#lieferanten ul li span {
display: none;
}
#lieferanten ul li {
float: left;
width: 242px;
height: 80px;
list-style-type: none;
}
li.maxit a { 
display : block; 
background-image : url('images/weber.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 243px; 
height : 80px; 
}
li.maxit a:hover { 
display : block; 
background-image : url('images/weber-on.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 243px; 
height : 80px; 
}
li.baumit a { 
display : block; 
background-image : url('images/baumit.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 242px; 
height : 80px; 
}
li.baumit a:hover { 
display : block; 
background-image : url('images/baumit-on.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 242px; 
height : 80px; 
}
li.acu a { 
display : block; 
background-image : url('images/acu.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 243px; 
height : 80px; 
}
li.acu a:hover { 
display : block; 
background-image : url('images/acu-on.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 243px; 
height : 80px; 
}
li.knauf a { 
display : block; 
background-image : url('images/knauf.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 242px; 
height : 80px; 
}
li.knauf a:hover { 
display : block; 
background-image : url('images/knauf-on.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 242px; 
height : 80px; 
}

/*------------------------------------------- footer ----------------------------------------*/

#footer {
background-color: #333;
width: 100%;
height: auto;
margin: 0;
padding: 0 0 20px 0;
}

.top-button {
background: url('images/footertop.png') repeat-x;
height: 41px;
margin-top: 00;
}

.top-button img {
float: right;
margin-right: 50px;
}

.top-button a img {
border: 0px none;
}

#footerwrapper {
width: 970px;
height: auto;
margin: 0px auto;
padding: 10px 0 0 20px;
}

#footer h1 {
font-family: 'Archivo Narrow', sans-serif;
font-size : 20px; 
font-weight: 700;
text-transform: uppercase;
color: #fff;
margin-bottom: 10px;
text-shadow: 1px 1px 1px #000;
}

#footer p {
font-family: Tahoma, Arial, sans-serif;
font-weight: normal;
font-size: 13px;
color: #fff;
line-height: 18px;
}

#footer ul {
float: none;
list-style-type: none;
font-size: 12px;
}

#footer ul li a {
font-family: Tahoma, Arial, sans-serif;
font-weight: normal;
font-size: 13px;
display: block;
color: #fff;
width: 330px;
padding: 6px 0 6px 5px;
border-bottom: 1px solid #696969;
text-decoration: none;
}

#footer ul li a:visited {
font-style: italic;
}

#footer ul li a:hover {
background-color: #6A930A;
display: block;
color: #fff;
width: 330px;
padding: 6px 0 6px 5px;
}

#footer a {
color: #fff;
text-decoration: underline;
}

#footer a:visited {
font-style: italic;
}

#footer a:hover {
text-decoration: none;
}

#footerbox01 {
float: left;
width: 220px;
height: auto;
padding: 10px;
}

#qr-code {
width : 180px; 
height : 180px;
margin-top: 15px;
}

#qr-code span { 
display : none; 
}

#qr-code a { 
display : block; 
background-image : url('images/qrcode.png'); 
background-repeat : no-repeat; 
background-color : transparent;
width : 180px; 
height : 180px;
}

#footerbox02 {
float: left;
width: 340px;
height: auto;
padding: 10px;
}

#footerbox03 {
float: left;
width: 340px;
height: auto;
padding: 10px;
}

#endline {
width: 970px;
margin: 0;
}

#agency {
margin-top: 10px;
}