body {
	text-align: center;
	margin: 0px auto;
	font-family: Arial, Verdana, Tahoma;
	background-color: #577299;
	background-image: url(../include/bg.png);
	background-position: 0px 0px;	
	background-repeat: repeat-x;  	
}

#spacer-top {
	width: 950px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;	
}

#top {
	width: 950px;
	height: 109px;
	background-image: url(../include/top.png);
	background-position: 0px 0px;	
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#header {
	width: 300px;
	height: 109px;
	float: left;
}

#header a {
  width: 0px;
	display: block;
	height: 109px;
	padding-left: 300px;
	overflow: hidden;
}

#header h1 {
	margin: 0px;
	padding: 0px;
}

#menu {
	width: 650px;
	height: 109px;
	float: left;
	text-align: left;
	color: #6c6c6c;
  text-decoration: none;
	font-weight: bold;
	font-size: 7pt;
		
}

  #menu a {
  	color: #053375;
    text-decoration: none;
  	font-weight: bold;
  	font-size: 9pt;
  	display: inline;
  	margin-left: 13px;
  }
  
  #menu a:hover {
  	color: #f36300;
    text-decoration: none;
  	font-weight: bold;
  	font-size: 9pt;  
  }
  
  .menu-main {
  	margin: 37px 0px 0px 72px;
  	padding: 0px;
  }
  
    .menu-main .x1 {
      display: block;
    	float: left;
    	width: 150px;
    }
    .menu-main .x2 {
      display: block;
    	float: left;
    	width: 150px;
    }
    .menu-main .x3 {
      display: block;
    	float: left;
    	width: 150px;
    }
    .menu-main .x4 {
      display: block;
    	float: left;
    	width: 120px;
    }
  
  .menu-second {
  	margin: 17px 0px 0px 0px;
  	padding: 0px;
  }
  
  .menu-second li {
    display: block;
  }

#spacer-middle {
	width: 950px;
	height: 26px;
	margin-left: auto;
	margin-right: auto;	
	background-image: url(../include/middle.png);
	background-position: bottom center;	
	background-repeat: no-repeat;
}

#middle {
	width: 950px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
}

#left {
  float: left;
  width: 290px;
  text-align: left;
  padding-left: 18px;
}

.left-top {
  width: 268px;
  height: 52px;
	background-image: url(../include/block-top.png);
	background-position: 0px 0px;	
	background-repeat: no-repeat;
}

.firstword {
	color: #053375;
}

.left-top h2 {
  margin: 0px 0px 0px 0px;
  padding: 16px 0px 0px 40px;
	color: #f36300;
	font-weight: normal;
	font-size: 13pt;  
}

.left-middle {
  width: 268px;
	background-image: url(../include/block-middle.png);
	background-position: 0px 0px;	
	background-repeat: repeat-y;
}

.left-middle p {
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 40px;
	color: #6c6c6c;
  text-decoration: none;
	font-weight: normal;
	font-size: 8pt;
	text-align: left;
}

.left-middle ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 40px;
	list-style-type: none;
}

.left-middle li {
	color: #6c6c6c;
  text-decoration: none;
	font-weight: normal;
	font-size: 8pt;
}

.left-middle a {
  color: #053375;
  text-decoration: none;
  font-weight: normal;
  font-size: 8pt;
}
  
.left-middle a:hover {
  color: #f36300;
  text-decoration: none;
  font-weight: normal;
  font-size: 8pt;  
}

.left-bottom {
  width: 268px;
  height: 16px;
	background-image: url(../include/block-bottom.png);
	background-position: 0px 0px;	
	background-repeat: no-repeat;
}

.left-space {
  width: 268px;
  height: 16px;
}

#center {
  float: left;
  width: 352px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
}

#center h2 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
	color: #f36300;
	font-weight: normal;
	font-size: 20pt;
	display: block;
	text-align: right;
}

#center h3 {
	color: #f36300;
	font-weight: normal;
	font-size: 13pt;
	clear: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

#center h4 {
	color: #6c6c6c;
	font-weight: normal;
	font-size: 10pt;
	clear: left;	
}

#center p {
	color: #6c6c6c;
  text-decoration: none;
	font-weight: normal;
	font-size: 8pt;
  text-align: justify;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	clear: left;
}

#center li {
	color: #053375;
  text-decoration: none;
	font-weight: normal;
	font-size: 8pt;
}

#center table {
	color: #6c6c6c;
  text-decoration: none;
	font-weight: normal;
	font-size: 8pt;
	width: 100%;
}

#center td {
  border-bottom: 1px solid #6c6c6c;
}

.gallery {
	background-color: white;
	padding: 4px;
	margin: 0px 6px 6px 0px;
  border: 1px solid #7f7f7f;
  float: left;
}

.center ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 50px;
}

.center li {
	color: #6c6c6c;
  text-decoration: none;
	font-weight: normal;
	font-size: 8pt;
	text-align: justify;
	list-style-image: url(../include/li.png);
}

#center a {
  color: #053375;
  text-decoration: none;
  font-weight: normal;
  font-size: 8pt;
}
  
#center a:hover {
  color: #f36300;
  text-decoration: none;
  font-weight: normal;
  font-size: 8pt;  
}

#right {
  width: 290px;
  height: 400px;
	float: left;
}

.index {
	background-image: url(../include/index.png);
	background-position: 0px 60px;	
	background-repeat: no-repeat;
}

.reference {
	background-image: url(../include/reference.png);
	background-position: 0px 60px;	
	background-repeat: no-repeat;
}

.kontakt {
	background-image: url(../include/kontakt.png);
	background-position: 0px 60px;	
	background-repeat: no-repeat;
}

.s404 {
	background-image: url(../include/404.png);
	background-position: 0px 60px;	
	background-repeat: no-repeat;
}

.webdesign {
	background-image: url(../include/webdesign.png);
	background-position: 0px 60px;	
	background-repeat: no-repeat;
}

.webhosting {
	background-image: url(../include/webhosting.png);
	background-position: 0px 60px;	
	background-repeat: no-repeat;
}

#clear {
  clear: left;
}

#bottom {
	width: 950px;
	height: 80px;
	background-image: url(../include/bottom.png);
	background-position: 0px 0px;	
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#bottom p {
  padding-top: 46px;
  margin: 0px;
	color: #6c6c6c;
  text-decoration: none;
	font-weight: normal;
	font-size: 8pt;
}

#bottom a {
  color: #053375;
  text-decoration: none;
  font-weight: normal;
  font-size: 8pt;
}
  
#bottom a:hover {
  color: #f36300;
  text-decoration: none;
  font-weight: normal;
  font-size: 8pt;  
}

#spacer-bottom {
	width: 950px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;	
}