@font-face {
font-family:myfont;
src:url('myfont.woff') format('woff');
}

body, html {
font-family:Verdana;
font-size:14px;
color:#424242;
margin:0;
background-color:#E6E6E6;
}

#headOut {
position:fixed;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:url(bg_head.jpg) repeat-x;
width:100%;
height:120px;
z-index:2;
}

#head {
position:absolute;
width:1000px;
left:50%;
margin-left:-500px;
}

#logo {
margin:10px 0px 0px 10px;
}

#titel1 {
font-family:myfont;
margin:-95px 0px -19px 115px;
font-size:40px;
font-weight:bold;
}

#titel1 a {
color:#2E2E2E;
text-decoration:none;
}

#titel2 {
font-family:myfont;
margin:2px 0px 0px 110px;
font-size:25px;
}

#titel2 a {
color:#2E2E2E;
text-decoration:none;
}

#bread {
color:#424242;
float:right;
margin:-7px 0px 0px 0px;
font-size:12px;
width:auto;
}

#bread a {
color:#424242;
}

#conOut {
border:1px solid #ccc;
position:absolute;
width:960px;
height:auto;
left:50%;
margin-left:-500px;
margin-top:165px;
background:#fff;
box-shadow:3px 3px 3px #848484;
z-index:1;
padding: 30px 20px 30px 20px;
}

#con {
width:auto;
}

#box1 {
border:1px solid #ccc;
width:200px;
float:left;
}

#boxIn1 {
font-weight:bold;
background:url(bg_nav.jpg) repeat-x;
padding:3px 6px 3px 6px;
}

#boxIn2 {
border-top:1px solid #ccc;
padding:6px 6px 6px 6px;
}

#foot {
font-size:11px;
color:#848484;
position:absolute;
bottom:-40px;
margin-left:-50px;
width:100%;
height:30px;
background-color:#E6E6E6;
text-align:center;
z-index:1;
}