* {
	margin: 0;
	padding: 0;
	border: 0;	
}

html {
    height: 100%;	
	background:url("../basics/pattern.jpg") #232527;
}

body {
	font:12px Helvetica, Verdana, normal;
	line-height:17px;
	min-width:900px;
	background:url("../basics/bg_cont.jpg") top center no-repeat;
	border-top:17px solid #d23600;
	color:#d9d9d9;
}

h1 {
    position:absolute;
    margin-top:-666em;
}

h2 {
	width:400px;
    float:left;
    font-weight:normal;
    font-size:2.5em;
    background:url("../basics/title.png") top left no-repeat;
    height:135px;
}

h2 span {
    visibility:hidden;
}

h3 {
    background-repeat:no-repeat;
    height:60px;
	width:400px;
	float:left;
}

h4 {
	color:#d23600;
	padding:20px 5px 5px 5px;
	text-shadow: black 0.1em 0.1em 0.2em;	
}

.cont {
	padding:20px 5px 0px 10px;
}

h5 {
	color:#d23600;
	padding:10px 5px 5px 5px;
	text-shadow: black 0.1em 0.1em 0.2em;	
}

/*all*/

a{
	color:#d23600;
	text-decoration:none;
	text-shadow: black 0.1em 0.1em 0.2em;
	
}

a:hover{
	color:#d9d9d9;
	text-decoration:none;
}

li.blue {
	font-size:14px;
	color:#d23600;
	text-transform:uppercase;
	margin-bottom:16px;
	text-shadow: black 0.1em 0.1em 0.2em;
	
}

hr {
	height:4px;
	width:820px;
	margin:auto;
	background: url("../basics/hr.jpg") center no-repeat;
	border:0px;
}

p {
	line-height:1.6em;
	padding:20px 10px;
	text-shadow: black 0.1em 0.1em 0.2em;	
}

.imp {
	padding:10px 5px;
}

.hide {
	visibility:hidden;
}

.top {
	background-image:url("../basics/top.jpg");
	margin:12px;
	height:36px;
	width:31px;
	float:right;
	text-decoration:none;
}

.bottom {
	background-image:url("../basics/bottom.jpg");
	margin:0 12px;
	height:36px;
	width:31px;
	float:right;
	text-decoration:none;
}

#text_bg {
	margin:40px auto; 
	width:806px;
	height:465px;
	background-image:url("../basics/text_bg.png");
}

#center{
	width:820px;
	margin:auto;
}

.orange {
	color:#d23600;
	text-transform:uppercase;
	text-shadow: black 0.1em 0.1em 0.2em;
}

.yellow {
	font-size:12px;
}

/*content*/
#content {
	background:url("../basics/bg_cont.jpg") top center no-repeat;
}

/*head*/
#head {
	width:900px;
	margin:0px auto;
}

/*video*/
#video{
	width:820px;
	margin:20px auto;
}

#movie {
	background-color:black;
	width:790px;
	height:444px;
	margin:0 auto 20px auto;
}

/*info*/
#info {
	width:814px;
	margin:30px auto;	
	height:100px;
	background:url("../basics/zitat.png") top left no-repeat;
}


/*angebot*/
#angebot{
	position:relative;	
	padding-top:150px;
	width:820px;
	margin:-150px auto 15px auto;
	background:url("../basics/light.jpg") bottom center no-repeat;
}

h3.angebot {
	background-image:url("../basics/angebot.jpg");
}

ul.listangeb{
	padding:10px 10px;	
	float:left;
	width:140px;
	list-style:none;
	text-shadow: black 0.1em 0.1em 0.2em;	
}

/*referenzen*/
#referenzen {
	position:relative;	
	padding-top:150px;
	width:820px;
	margin:-150px auto 15px auto;
	background: url("../basics/light.jpg") bottom center no-repeat;
}

h3.refs {
	background-image:url("../basics/refer.jpg");
}

ul.listrefs{
	padding:20px 10px;	
	float:left;
	width:185px;
	list-style:none;
	text-shadow: black 0.1em 0.1em 0.2em;
}

/*kontakt*/

#kontakt {
	position:relative;	
	padding-top:150px;
	width:820px;
	margin:-150px auto 10px auto;
	background:url("../basics/light.jpg") bottom center no-repeat;
}

h3.contact {
	background-image:url("../basics/kontakt.jpg");
}

#kontakt p {
	padding:0px 10px;
}

#right {
	float:right;
	padding:20px 0;
}

/*footer*/

#footer {
	position:relative;	
	width:800px;
	padding-top:150px;
	margin:-150px auto 0 auto;
	font-size:11px;
	text-align: center;
}

/* impressum */
#impressum {
	width:900px;
	margin:0px auto;
}

/*menu*/

.menu {
    float:right;
	position:relative;
    height: 30px;
    padding: 30px 40px;
    margin: 48px 0 0 0;
    overflow: hidden;
}

.menu li {
    float: left;
    list-style: none;
}
 
.menu li.back {
	background: url("../basics/slide.png") right -60px no-repeat;
	width: 9px; 
	height: 60px;
    z-index: 8;
    position: absolute;
}

.menu li.back .left {
    background: url("../basics/slide.png") top left no-repeat;
	height: 60px;
	margin-right: 13px; /* 7px is the width of the rounded shape */
}
            
.menu li a {
	text-decoration: none;
	color: #fff;
	outline: none;
	text-align: center;
	top: 7px;
	text-transform: uppercase;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
 	position: relative;
	overflow: hidden;
	margin: auto 10px;    
}
	
.menu li a:hover, .menu li a:active, .menu li a:visited {
 	border: none;
}
              
/* Slideshow */

#slideshow {
    position:relative;
    height:241px;
	float:left;
	margin:25px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 211px;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 211px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

.bildinfo {
	margin:-10px 0 20px 0;
	background-color:#c23200;
	width:337px;
	padding:5px 10px;
	
}

/* maps */
#map_canvas {
	width: 585px; 
	height: 250px; 
	float:left; 
	margin:20px;
}