html{ background-color:black}

body{
    background-image:url(../template/websitelogo.jpg);
    margin:0;   padding:0;
    font-family:arial;
    font-size:11px;
    background-repeat:repeat;
}

h1{font-size:20px;  font-weight:bold;   color:white;    margin:0px 0px 10px 0px;}
h2{font-size:14px;  font-weight:bold;   color:white;    margin:0px 0px 5px 0px;}
h3{font-size:13px;  font-weight:normal; color:white;    margin:0px 0px 5px 0px;}
p{ font-size:15px; font-weight:bold; margin:0px 0px 0px 0px; color:#ffffff}
a img{border:0px;}
f1{font-size:10px;  font-weight:bold;   color:white;    margin:0px 0px 0px 0px;}

div#container{
    position:relative; 
    width:100%;
    text-align:center;
}

.logo{
    width:300px; height:220px; float:left;
}
.product{
	left:780px; top:50px; width:300px; height:220px; float:left;
}

div#cont
{
    position:relative; 
    width:780px;
    overflow:hidden;
    clear:both;
    background-repeat:no-repeat;
    margin:0; padding:0;
    color:white;
}

.col1{
    float:left;
    text-align:center;
    margin-top:50px;
    height:50px;
    width:780px;
}

.cont h1 {color:white;}
.cont h2 {color:white;}
.cont h3 {color:white;}
.cont h4 {color:white;}
.cont h5 {color:white;}
.cont h6 {color:white;}
.cont p {color:white;}

.col2
{
    top:200px; left:100px;
    width:780px;
    float:left;
    background-repeat:no-repeat;
    margin:0px 0px 0px 0px; padding:0px;
    text-align:left;
    clear:both;
}
.left {margin-left:0px; float:left; width:350px;}
.right {margin:0; padding:0; float:left; width:350px;overflow:hidden;}
.col2 .img{
    width:0px;    height:320px;
    float:left;
    background-repeat:no-repeat;
    margin:0;   padding:0px 21px 11px 21px;
}
.col2 .cont{
    width:476px;
    float:left;
    margin:0;   padding:0px 21px 0px 20px;
    display:block;
    background-repeat:no-repeat;
    text-align:left;
}

.pictures
{
	margin-left:0px; float:left; width:700px;
}

.footer{
    width:780px;    height:150px;
    clear:both;
    padding-top:20px;background-repeat:no-repeat;
}
.footer p{
    width:600px; text-align:center; color:#ca2614;}
    

/* start NAVIGATION */
ul.nav1st{margin:0px 0px 0px 20px; padding:0;} 
.nav1st li{font-family:arial; font-style: italic; font-weight: bold; font-size:15px;  margin:0px 0px 10px 0px; list-style-type:none; float:left;}
.nav1st li a{color:white;   text-decoration:none;}
.nav1st li a:hover{color:white; text-decoration:underline;}
.nav1st li.active{font-size:12px;   margin:0px; padding:0px; list-style-type:none;}
.nav1st li.active a{color:#bfc8d8;  text-decoration:none;}
.nav1st li.active a:hover{color:white;  text-decoration:underline;}
.nav1st li.current{font-size:12px;  margin:0px 0px 10px 0px;    padding:0px; list-style-type:none;}
.nav1st li.current a{color:#bfc8d8; text-decoration:none;}
.nav1st li.current a:hover{color:white; text-decoration:underline;}
.nav1st li.current ul{margin:0px;   padding:0px 0px 0px 18px;}
.nav1st li.current ul li.current{margin:0px;    padding:0px;}
.nav1st li.current ul li a{margin:0px;  padding:0px; color:white;}
.nav1st li.current ul li.current a{margin:0px;  padding:0px; color:#bfc8d8;}
/* ende NAVIGATION */


div#containerPinball
{
    position:relative; 
    width:100%;
    text-align:center;
}

div#contPinball
{
    position:relative; 
    width:800px;
    overflow:hidden;
    clear:both;
    background-repeat:no-repeat;
    margin:0; padding:0;
    color:white;
}

.col1Pinball{
    float:left;
    text-align:left;
    margin-top:0px;
    height:400px;
    width:160px;    
}

.contPinball h1 {color:white;}
.contPinball h2 {color:white;}
.contPinball h3 {color:white;}
.contPinball h4 {color:white;}
.contPinball h5 {color:white;}
.contPinball h6 {color:white;}
.contPinball p {color:white;}

.col2Pinball
{
	float:right;
    width:640px;
    background-repeat:no-repeat;
    text-align:left;
    font-family:Arial;
    font-size:15px;
    min-height:400px;
}
.col2Pinball .left
{
	width:300;
}
.col2Pinball .right
{
	width:300;
}
.col2Pinball .img{
    width:0px;    height:400px;
    float:left;
    background-repeat:no-repeat;
    margin:0;   padding:0px 21px 11px 21px;
}
.col2Pinball1 .cont{
    width:500px;
    float:left;
    margin:0;   padding:0px 0px 0px 0px;
    display:block;
    background-repeat:no-repeat;
    text-align:left;
}

.footerPinball{
    width:780px;    height:150px;
    clear:both;
    padding-top:20px;background-repeat:no-repeat;
}
.footerPinball p{
    width:600px; text-align:center; color:#ca2614;}

/* start NAVIGATION Pinball */
ul.navPinball{margin:0px 0px 0px 20px; padding:0;} 
.navPinball li{font-family:arial; font-style: italic; font-weight: bold; font-size:18px;  margin:0px 0px 10px 0px; list-style-type:none; text-align:left; float:left; }
.navPinball li a{color:white; text-decoration:none;}
.navPinball li a:hover{color:white; text-decoration:underline;}
.navPinball li.active{font-size:12px;   margin:0px; padding:0px; list-style-type:none;}
.navPinball li.active a{color:#bfc8d8;  text-decoration:none;}
.navPinball li.active a:hover{color:white;  text-decoration:underline;}
.navPinball li.current{font-size:12px;  margin:0px 0px 10px 0px;    padding:0px; list-style-type:none;}
.navPinball li.current a{color:#bfc8d8; text-decoration:none;}
.navPinball li.current a:hover{color:white; text-decoration:underline;}
.navPinball li.current ul{margin:0px;   padding:0px 0px 0px 18px;}
.navPinball li.current ul li.current{margin:0px;    padding:0px;}
.navPinball li.current ul li a{margin:0px;  padding:0px; color:white;}
.navPinball li.current ul li.current a{margin:0px;  padding:0px; color:#bfc8d8;}
/* ende NAVIGATION Pinball */




/* start KONTAKTFORMULAR */
fieldset{
    border:0px;
}
.element{
    margin:0px; padding:0px;
}

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor:pointer;   
}

label {
    font-family: Arial, Helvetica, sans-serif;
    width: 120px;
    clear: left;
    float: left;
    height: 15px;
    padding: 0px;
}
form
{
    line-height:120%;
    width: 350px;
}

form br{
    clear:both;
}

.textarea{   
    width:220px; height:100px;
    margin-top: 4px;
    float:left;
}
.label-textarea{   
    width:120px;
    margin-top: 4px;
}
.text{
    margin-top: 4px;   
}
legend {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #333333;
    border:0px;
}
fieldset {
    width: 345px;
    margin:0px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    border: 0px solid #5D81A3;
}
.submit{
    margin-top:4px;
    margin-left:120px;
}

/* ende KONTAKTFORMULAR */

p {color:white; font-weight:normal;}