* 
{
  margin: 0;  
  padding: 0;
}

/* Meyer's Reset */  
html, body, div, h1, h2, h4, p, a, img, ul, li  
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}  

/* remember to define focus styles! */  
:focus 
{
	outline: 0;
}
  
/* END Meyer's Reset */

body
{
	background-color: black;
	background-image: url(../images/bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: 	'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

html > body
{
	font-size: 14px;
}

a, a:focus, a:active, a:visited
{
	border: none;
	text-decoration: none;
	color: #cccccc;
}

p
{
	font: 1em/1.21em 	'Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
    margin-bottom: .57em;
}

#gesamt
{
	width: 960px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

* html #gesamt
{
	position: absolute;
	left: 50%;
	margin-left: -480px;
}

#header
{
	margin-top: 20px;
}

#logo
{
	width: 730px;
	height: 117px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	float: left;
}

#header_nav
{
	float: left;
	color: #ffffff;
	margin-top: 81px;
	margin-left: 98px;
	color: #ffffff;
	font-size: 12px;
}

#header_nav a, #header_nav a:focus, #header_nav a:active, #header_nav a:focus, #header_nav a:visited
{
	text-decoration: none;
	color: #ffffff;
}

#navigation
{
	clear:both;
	width: 940px;
	margin-left: 10px;
	margin-bottom: 30px;
	!margin-bottom: 0;
}

*  html #naviagtion
{
	margin-bottom: 30px;
}
.nav_elements
{
     list-style-type: none;
     list-style-position:outside;
     position: relative;
     margin: 0;
     padding: 0;
}

.nav_elements li
{
    display: block;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    float: left;
    width: 188px;
    height: 80px;
    margin-right: 0px;
}

.nav_elements a
{
	display:block;
	height:80px;
	text-indent:-9999px;
	outline:none;
}

#navi2 a
{
	background-image: url(../images/navi.png);
	background-position:0px 0px;
}
#navi3 a
{
	background-image:url(../images/navi.png);
	background-position:-188px 0px;
}
#navi4 a
{
	background-image:url(../images/navi.png);
	background-position:-376px 0px;
}
#navi6 a
{
	background-image:url(../images/navi.png);
	background-position:-564px 0px;
}
#navi7 a 
{
	background-image:url(../images/navi.png);
	background-position:-752px 0px;
}

#navi2 a:hover , #navi2 a.hover 
{
	background-image:url(../images/navi.png);
	background-position:0 -80px;
}
#navi3 a:hover, #navi3 a.hover 
{
	background-image:url(../images/navi.png);
	background-position:-188px -80px;
}
#navi4 a:hover, #navi4 a.hover 
{
	background-image:url(../images/navi.png);
	background-position:-376px -80px;
}
#navi6 a:hover, #navi6 a.hover 
{
	background-image:url(../images/navi.png);
	background-position:-564px -80px;
}
#navi7 a:hover, #navi7 a.hover 
{
	background-image:url(../images/navi.png);
	background-position:-752px -80px;
}

#navi2.active 
{
	background-image:url(../images/navi.png);
	background-position:0 bottom;
}
#navi3.active 
{
	background-image:url(../images/navi.png);
	background-position:-188px bottom;
}
#navi4.active 
{
	background-image:url(../images/navi.png);
	background-position:-376px bottom;
}
#navi6.active 
{
	background-image:url(../images/navi.png);
	background-position:-564px bottom;
}
#navi7.active 
{
	background-image:url(../images/navi.png);
	background-position:-752px bottom;
}

.modal 
{ 
    display:none; 
    width:350px;
	height: 240px;	
	background:  transparent url(../images/modal_bg.png) no-repeat 0 0;
    padding:15px; 
    text-align:left; 
	font-size: 1em;
} 

.modal label
{
	text-align: right;
	width: 80px;
	height: 20px;
	display: block;
	float: left;
	margin-right: 10px;
	height: 20px;
}

.modal button
{
	width: 100px;
	margin-right: 20px;
}
 
.modal h2 
 {
    background:url(../images/key.png) 0 50% no-repeat; 
    margin:0px; 
    padding:10px 0 10px 45px; 
    border-bottom:1px solid #333; 
    font-size: 1.43em; 
}

#content_top
{
	clear:both;
	height: 10px;
	width: 940px;
	margin-left: 10px;
	background: url(../images/content_top.png) no-repeat top left;
	border-top: 30px solid transparent;
}

* html #content_top
{
	border: none;
	margin-bottom: -9px;
	margin-top: 30px;
}


#content_bottom
{
	padding-bottom: 10px;
	margin-left: 10px;
	background: url(../images/content_bottom.png) no-repeat bottom left;
	!background-position: 0px 1px;	
	color: #222222;
	margin-bottom: 15px;
	width: 940px;
}

#content_bottom a, #content_bottom a:focus, #content_bottom a:active, #content_bottom a:visited
{
	
}

#text_top_s
{
	margin-left: 20px;
	height: 20px;
	background: url(../images/text_top_s.png) no-repeat top left;
}

#text_top
{
	margin-left: 20px;
	height: 20px;
	width: 620px;
	background: url(../images/text_top.png) no-repeat top left;
}

#text_bottom_s
{
	margin-left: 20px;
	background: url(../images/text_bottom_s.png) no-repeat bottom left;
	!background-position: 0px 1px;
}

#text
{
	float: left;
}

#text_bottom
{
	margin-left: 20px;
	padding-bottom: 20px;
	width: 620px;
	background: url(../images/text_bottom.png) no-repeat bottom left;
	!background-position: 0px 1px;
}

#text_welcome_s
{
	float:left;
	width: 400px;
	margin-left: 20px;
	display: inline;
}

#text_normal
{
	width: 580px;
	margin-left: 20px;
}

#text_normal ul
{
	margin-left: 50px;
}

#text_normal li
{
	margin-bottom: 8px;
}

h1
{
	font-size: 1.71em;
	margin-bottom: 20px;
}

#spacer_s
{
	float: left;
	width: 3px;
	height: 228px;
	background-image: url(../images/spacer.png);
	margin-left: 29px;
}

#text_wussten_s
{
	float: left;
	width: 400px;
	margin-left: 28px;
}

#neben
{
	float: left;
}

#neben_top
{
	margin-left: 20px;
	height: 20px;
	width:260px;
	background: url(../images/neben_top.png) no-repeat bottom left;
}

#neben_bottom
{
	margin-left: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	width: 220px;
	color: #e9d6b7;
	background: url(../images/neben_bottom.png) no-repeat bottom left;
	!background-position: 0px 1px;
}

#projekte_container 
{
	position: relative;
	margin-left: 20px;
}

#projekte_container #banner 
{
	position: absolute;
	right: 17px;
	top: -3px;
	height: 114px;
	width: 150px;
	background: url(../images/banner3.png) no-repeat top left;
}

#projekte_top
{
	clear: both;
	height: 20px;
	margin-top: 20px;
	background: url(../images/projekte_top.png) no-repeat top left;
}

#projekte_bottom
{
	background: url(../images/projekte_bottom.png) no-repeat bottom left;
	!background-position: 0px 1px;
	padding: 10px;
}

#projekte_screenshot
{
	margin-left: 20px;
	float: left;
	margin-bottom: 20px;
	display: inline;
}

#projekte_beschreibung
{
	float: left;
	margin-left:  30px;
	color: #ffe8c3;
	width: 540px;
	font-size: 1em;
	margin-top: 0px;
}

#projekte_beschreibung h1
{
	font-weight: bold;
	font-size: 1.43em;
}

#projekte_beschreibung a, #projekte_beschreibung a:focus, #projekte_beschreibung a:active, #projekte_beschreibung a:visited, .slide a, .slide a:focus, .slide a:active, .slide a:visited
{
	border: none;
	text-decoration: none;
	color: #cccccc;
}

#referenzen_webdesign
{
	margin: 0 auto;
	width: 802px;
	height: 22px;
	background: transparent url(../images/referenz_webdesign.png) no-repeat 0 0;
	font-size: 1.57em;
	color: #222222;
	margin-bottom: 10px;
	padding: 9px;
	padding-left: 10px;
}

#referenzen_printmedien
{
	margin: 0 auto;
	margin-top: 30px;
	width: 802px;
	height: 22px;
	background: transparent url(../images/referenz_webdesign.png) no-repeat 0 0;
	font-size: 1.57em;
	color: #222222;
	margin-bottom: 10px;
	padding: 9px;
	padding-left: 10px;
}

#slideshow , #slideshow2{
	margin:0 auto;
	width: 900px;
	/*height: 223px;
	background:transparent url(../images/bg_slideshow.png) no-repeat 0 0;*/
}


#slideshow #slidesContainer , #slideshow2 #slidesContainer2 
{
  margin:0 auto;
  width: 820px;
  /*height: 223px;*/
  overflow:auto; /* allow scrollbar */
  position:relative;
}

#slideshow #slidesContainer .slide, #slideshow2 #slidesContainer2 .slide
{
  margin:0 auto;
  width: 800px; /* reduce by 20 pixels to avoid horizontal scroll */
  height: 223px;
}

/**
 * Slideshow controls style rules.
 */
#slideshow .control, #slideshow2 .control2
{
  display:block;
  width: 39px;
  height: 223px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl
{
	top: 286px;
	!top: 0px;
	left: 21px;
	!left: -10px;
	background:transparent url(../images/control_left.png) no-repeat 0 0;
}

*  html #leftControl
{
	top: 0px;
	left: -10px;
}

#leftControl2
{
	top: 590px;
	!top: 0px;
	left: 21px;
	!left: -10px;
	background:transparent url(../images/control_left.png) no-repeat 0 0;
}

*  html #leftControl2
{
	top: 0px;
	left: -10px;
}

#rightControl
{
	top: 286px;
	!top: 0px;
	right:21px;
	!right:-10px;
	background:transparent url(../images/control_right.png) no-repeat 0 0;
}

* html #rightControl
{
	top: 0px;
	right:-10px;
}

#rightControl2
{
	top: 590px;
	!top: 0px;
	right:21px;
	!right:-10px;
	background:transparent url(../images/control_right.png) no-repeat 0 0;
}

*  html #rightControl2
{
	top: 0px;
	right:-10px;
}

.slide h2, .slide p 
{
  margin:15px;
  color: #ffe8c3;
}

.slide h2 
{
  font-size: 1.43em;
}

.slide p
{
	font-size: 1em;
}

.slide img 
{
  float:right;
  margin: 0px 20px 20px;
}

#map_canvas {
	overflow: hidden;
}