body {
padding : 0px ;
margin : 0px ;
}

#container {
position : relative ;
margin-left : auto ;
margin-right : auto ;
padding : 0px ;
top	 : 10px ;
width : 1000px ;
height : 853px ;
border-left : 10px solid #3570ac ;
border-bottom : 10px solid #3570ac ;
border-top : 10px solid #99ccff ;
border-right : 10px solid #99ccff ;
}

#logo-space {
position : absolute ;
border : none ;
padding : 0px ;
top	 : 0px ;
left : 0px ;
width : 200px ;
height : 160px ;
background-image : url( ../bilder/wms.jpg ) ;
background-position : center ;
background-repeat : no-repeat ;
}

#heading {
position: absolute ;
border	 : 0px solid blue ;
border-right : 0px solid white ;
padding : 0px ;
top : 0px ;
left : 200px ;
width : 800px ;
height : 160px ;
background-color : #99ccff ;
}

#heading-menu {
position : absolute ;
top : 80px ;
left : 130px ;
}

#heading-menu a img {
margin	 : 0px ;
border	 : 0px ;
padding : 0px ;
padding-right : 25px ;
height : 50px ;
width : 50px ;
text-decoration : none ;
}

#content-menu { 
position	: absolute ;
background-image : url( ../bilder/channel.jpg ) ;
background-position : top left ;
background-repeat : no-repeat ;
background-color : #3570ac ;
border-left : 0px ;
border-right : 0px ;
border-bottom : 0px ;
padding : 0px ;
left : 0px ;
top	 : 160px ;
width : 200px ;
height : 693px ;
}

#menu-space {
position : absolute ;
left : 18px ;
top	 : 130px ;
width : 112px ;
padding : 0px ;
}

#menu-space p {
font-size : 27px ;
}

#menu-space a img {
margin : 0px ;
border : 0px ;
padding : 0px ;
padding-bottom : 20px ;
text-decoration : none ;
}

li {
list-style-type : none ;
}

#content {
position : absolute ;
border				: 0px ;
padding			: 0px ;
left				: 200px ;
top					: 160px ;
height				: 100% ;
width			 	: 800px ;
}

#content p {
color				: black;
font-family     : Verdana, Arial, Helvetica, sans-serif ;
font-size			: 90% ;
}

#blank-left {
position			: absolute ;
top				: 853px ;
left			        : 0px ;
width				: 200px ;
height				: 50% ;
background-color		: #3570ac ;
}

#footer {
padding			: 0px ;
border				: 0px ;
margin				: 0px ;
}

a:link {
font				: 100%, arial, sans-serif ;
color				: #003366 ;
margin				: 0px ;
border				: 0px ;
padding			: 0px ;
}

a:visited {
font				: 100%, arial, sans-serif ;
color				: #003366 ;
margin				: 0px ;
border				: 0px ;
padding			: 0px ;
}

a:active {
font				: 100%, arial, sans-serif ;
color				: #003366 ;
margin				: 0px ;
border				: 0px ;
padding			: 0px ;
}

#text-space {
position			: absolute ;
left				: 130px ;
top					: 125px ;
width				: 540px ;
}

#text-space h1 {
text-align			: center ;
}

#text-space a {
margin-bottom :			: 20px ;
}

/**********************************************/

#technology-script {
position			: absolute ;
left				: 130px ;
top				: 130px ;
width				: 170px ;
padding-left			: 14px ;
background-color		: #99ccff ;
}

#technology-browser {
position			: absolute ;
left				: 320px ;
top				: 130px ;
width				: 170px ;
padding-left			: 14px ;
background-color		: #99ccff ;
}

#technology-os {
position			: absolute ;
left				: 510px ;
top				: 130px ;
width				: 170px ;
padding-left			: 14px ;
background-color		: #99ccff ;
}

.empty pre {
color				: #99ccff ;
}

pre {
font-family		: Verdana, Arial, Helvetica, sans-serif ;
font-size			: 90% ;
}

/**************************************/

#kontakt-space {
position			: absolute ;
left				: 100px ;
top				: 130px ;
width				: 580px ;
height				: 430px ;
padding-left			: 20px ;
padding-bottom			: 7px ;
background-color		: #99ccff ;
}

#kontakt-space p, label {
font-family			: Verdana, Arial, Helvetica, sans-serif ;
font-size			: 90% ;
}

#kontakt-fields {
position			: absolute ;
left				: 20px ;
top				: 35px ;
width				: 300px ;
height				: 200px ;
}

#kontakt-text {
position			: absolute ;
left				: 300px ;
top				: 35px ;
width				: 480px ;
}

/**************************************/

#text-centre-top { 
position			: absolute ;
top				: 0px ;
left				: 0px ;
width				: 500px ;
height				: 70px ;
border				: 0px ;
border-spacing			: 0px ;
padding				: 0px ;
}

#text-centre-left { 
position			: absolute ;
top				: 80px ;
left				: 0px ;
width				: 60px ;
height				: 200px ;
border				: 0px ;
border-spacing			: 0px ;
padding				: 0px ;
}

#text-centre-right { 
position			: absolute ;
top				: 80px ;
left				: 80px ;
width				: 440px ;
height				: 200px ;
border				: 0px ;
border-spacing			: 0px ;
padding				: 0px ;
}

#text-centre-bottom { 
position			: absolute ;
top				: 230px ;
left				: 0px ;
width				: 500px ;
height				: 80px ;
border				: 0px ;
border-spacing			: 0px ;
padding				: 0px ;
}

/**************************************/

#impressum-space {
position			: absolute ;
left				: 150px ;
top				: 130px ;
width				: 480px ;
height				: 250px ;
border				: red 2px ;
padding-left			: 2px ;
padding-right			: 2px ;
}

#haftungsausschluss-space {
position			: absolute ;
top				: 280px ;
left				: 0px ;
width				: 530px ;
height				: 180px ;
padding				: 20px ;
padding-top			: 5px ;
border				: #99ccff 1px solid ;
overflow-x			: hidden ;
overflow-y			: scroll ;
}

/**************************************/

#actual-sites {
position			: absolute ;
left				: 160px ;
top				: 150px ;
}

#demo-sites {
position			: absolute ;
left				: 460px ;
top				: 150px ;
}

.button-menu-bar {
font-family      		: Verdana, Arial, Helvetica, sans-serif ;
font-size			: 90% ;
}

.button-menu-bar p {
font-family   		  	: Verdana, Arial, Helvetica, sans-serif ;
font-size			: 90% ;
}

.button-menu-bar b {
color		: #003366 ;
padding-left 		: 2px ;
}

.button-menu-bar a {
display			: block ;
background		: #99ccff ;
text-decoration	: none ;
width				: 160px ;
margin				: 2px ;
padding-left		: 2px ;
padding-right	: 3px ;
border				: 2px outset #003366 ;
}

.button-menu-bar a:hover {
background			: #6ec6f1 ;
text-decoration			: none ;
border				: 2px outset #003366 ;
}

/**************************************/

#picture-box {
position			: absolute ;
left				: 280px ;
top				: 35px ;
height				: 23px ;
width				: 130px ;
margin				: 0px ;
padding				: 0px ;
border				: 0px ;
}

#picture-box p {
font-family			: Verdana, Arial, Helvetica, sans-serif ;
font-size			: 90% ;
}

#picture-box img {
height				: 46px ;
width				: 62px ;
}

#picture-box img:hover {
height				: 138px ;
width				: 186px ;
}

#flip-image {
position			: absolute ;
left				: 60px ;
top				: 240px ;
width				: 160px ;
height				: 60px ;
}

#form-space {
position			: absolute ;
left				: 280px ;
top				: 240px ;
}

#form-space input {
margin-bottom			: 3px ;
}

#form-space label {
font-family			: Verdana, Arial, Helvetica, sans-serif ;
font-size			: 90% ;
}

#client-space {
position			: absolute ;
width				: 120px ;
left				: 500px ;
top				: 35px ;
}

#javascript-space {
position			: absolute ;
left				: 120px ;
top				: 220px ;
width				: 410px ;
height				: 20px ;
}

label {
font				: 90%, arial, sans-serif ;
}

#sitemaker-text1 {
position			: absolute ;
left				: 570px ;
top				: 100px ;
width				: 300px ;
}

#sitemaker-image1 {
position			: absolute ;
left				: 120px ;
top				: 100px ;
}

#sitemaker-text2 {
position			: absolute ;
left				: 120px ;
top				: 500px ;
width				: 300px ;
}

#sitemaker-image2 {
position			: absolute ;
left				: 500px ;
top				: 500px ;
}