body{
width:100%;
margin:0;
padding:0;
}

#con {
width : 850px;
text-align : left;
margin-left : auto;
margin-right : auto;
}
#nav {
padding : 0;
margin : 0;
list-style : none;
font : 11px arial, verdana, sans-serif;
font-weight : bold;
position : absolute;
top : 0;
border : none;
z-index : 100;
}
#nav {
height : 26px;
width : 850px;
background : #000;
}
#nav li {
float : left;
}
#a1 a {
color : #fff;
padding : 0 24px 0 8px;
line-height : 26px;
text-decoration : none;
white-space : nowrap;
}
#a2 a {
color : #fff;
padding : 0 24px 0 8px;
line-height : 26px;
text-decoration : none;
white-space : nowrap;
}
#a3 a {
color : #fff;
padding : 0 24px 0 8px;
line-height : 26px;
text-decoration : none;
white-space : nowrap;
}
#a4 a {
color : #fff;
padding : 0 24px 0 8px;
line-height : 26px;
text-decoration : none;
white-space : nowrap;
}
#a5 a {
color : #fff;
padding : 0 24px 0 8px;
line-height : 26px;
text-decoration : none;
white-space : nowrap;
}
#a6 a {
color : #fff;
padding : 0 24px 0 8px;
line-height : 26px;
text-decoration : none;
white-space : nowrap;
}
#a7 a {
color : #fff;
padding : 0 24px 0 8px;
line-height : 26px;
text-decoration : none;
white-space : nowrap;
}
#a8 a {
color : #fff;
padding : 0 24px 0 8px;
line-height : 26px;
text-decoration : none;
white-space : nowrap;
}
#a1 a:hover {
color : #9cc8d8;
}
#a2 a:hover {
color : #f5c322;
}
#a3 a:hover {
color : #0091d2;
}
#a4 a:hover {
color : #9301ff;
}
#a5 a:hover {
color : #5dac43;
}
#a6 a:hover {
color : #247473;
}
#a7 a:hover {
color : #ee5e2a;
}
#a8 a:hover {
color : #ff0202;
}
a.lan1 {
position : absolute;
left : 817px;
top : 3px;
}
a.lan2 {
position : absolute;
left : 784px;
top : 3px;
}

#head {
position : relative;
left : 0px;
top : 15px;
width:850px;
}

#container {
position:relative;
width:850px;
height:424px;
margin-top:21px;
margin-left:auto;
margin-right:auto;
}


a.box1 {
position : absolute;
left : 0px;
top : 0px;
float : left;
width : 266px;
height : 204px;
text-decoration : none;
border-width : 1px;
border-style : solid;
border-color : #858585;
background : url(bilder/back1.jpg);
background-repeat : no-repeat;
}
a.box1 b {
position : relative;
left : 10px;
top : 3px;
text-align : left;
font : 13px arial, verdana, sans-serif;
font-weight : bold;
color : #fff;
}
a.box1 p {
position : relative;
left : 10px;
top : 4px;
width: 250px;
background-color : #ffffff;
font : 12px arial, verdana, sans-serif;
font-weight : normal;
color : #000;
}
a.box2 {
position : absolute;
left : 291px;
top : 0px;
float : left;
width : 266px;
height : 204px;
text-decoration : none;
border-width : 1px;
border-style : solid;
border-color : #858585;
background : url(bilder/back2.jpg);
background-repeat : no-repeat;
}
a.box2 b {
position : relative;
left : 10px;
top : 3px;
text-align : left;
font : 13px arial, verdana, sans-serif;
font-weight : bold;
color : #fff;
}
a.box2 p {
position : relative;
left : 10px;
top : 4px;
width: 200px;
background-color : #ffffff;
font : 12px arial, verdana, sans-serif;
font-weight : normal;
color : #000;
}
a.box3 {
position : absolute;
left : 582px;
top : 0px;
float : left;
width : 266px;
height : 204px;
text-decoration : none;
border-width : 1px;
border-style : solid;
border-color : #858585;
background : url(bilder/back3.jpg);
background-repeat : no-repeat;
}
a.box3 b {
position : relative;
left : 10px;
top : 3px;
text-align : left;
font : 13px arial, verdana, sans-serif;
font-weight : bold;
color : #fff;
}
a.box3 p {
position : relative;
left : 10px;
top : 4px;
width: 250px;
background-color : #ffffff;
font : 12px arial, verdana, sans-serif;
font-weight : normal;
color : #000;
}
a.box4 {
position : absolute;
left : 0px;
top : 216px;
float : left;
width : 266px;
height : 204px;
text-decoration : none;
border-width : 1px;
border-style : solid;
border-color : #858585;
background : url(bilder/back4.jpg);
background-repeat : no-repeat;
}
a.box4 b {
position : relative;
left : 10px;
top : 3px;
text-align : left;
font : 13px arial, verdana, sans-serif;
font-weight : bold;
color : #fff;
}
a.box4 p {
position : relative;
left : 10px;
top : 4px;
width: 250px;
background-color : #ffffff;
font : 12px arial, verdana, sans-serif;
font-weight : normal;
color : #000;
}
a.box5 {
position : absolute;
left : 291px;
top : 216px;
float : left;
width : 266px;
height : 204px;
text-decoration : none;
border-width : 1px;
border-style : solid;
border-color : #858585;
background : url(bilder/back5.jpg);
background-repeat : no-repeat;
}
a.box5 b {
position : relative;
left : 10px;
top : 3px;
text-align : left;
font : 13px arial, verdana, sans-serif;
font-weight : bold;
color : #fff;
}
a.box5 p {
position : relative;
left : 10px;
top : 4px;
width: 250px;
background-color : #ffffff;
font : 12px arial, verdana, sans-serif;
font-weight : normal;
color : #000;
}
a.box6 {
position : absolute;
left : 582px;
top : 216px;
float : left;
width : 266px;
height : 204px;
text-decoration : none;
border-width : 1px;
border-style : solid;
border-color : #858585;
background : url(bilder/back6.jpg);
background-repeat : no-repeat;
}
a.box6 b {
position : relative;
left : 10px;
top : 3px;
text-align : left;
font : 13px arial, verdana, sans-serif;
font-weight : bold;
color : #fff;
}
a.box6 p {
position : relative;
left : 10px;
top : 4px;
width: 220px;
background-color : #ffffff;
font : 12px arial, verdana, sans-serif;
font-weight : normal;
color : #000;
background : #fff;
}
a.box1:hover {
border : 1px solid #000;
}
a.box2:hover {
border : 1px solid #000;
}
a.box3:hover {
border : 1px solid #000;
}
a.box4:hover {
border : 1px solid #000;
}
a.box5:hover {
border : 1px solid #000;
}
a.box6:hover {
border : 1px solid #000;
}
#copy {
width: 850px;
text-align : center;
margin-top : 4px;
font : 11px arial, verdana, sans-serif;
color : #858585;
}
#copy a {
text-decoration : none;
color : #858585;
}
#copy a:hover {
color : #ff0202;
}
#copy a, a:visited {
color : #858585;
}