/*CSS Copyright 2008 - Michael Schmid - zioko.de - info@zioko.de
DO NOT MODIFY UNDER ANY CIRCUMSTANCES!!!*/
/*==================== misc ====================*/
*{margin:0; padding:0; border:0;}
html,body{
background:#595754;
margin:0;
padding:5px 0 20px;
font-family:"palatino linotype", "trebuchet ms", "times new roman", Arial, Helvetica, sans-serif;
font-size:12px;
color:#595754;
}
a, a:link, a:visited{text-decoration:none;color:#595754;font-weight:bold;}
a:hover{text-decoration:none;color:#E2C68C;font-weight:bold;}
a:active{text-decoration:none;color:#595754;font-weight:bold;}
p, h1, h2{padding:0;margin:0;font-weight:normal;}
img{border:0;}
li, ul{list-style-type:none;}
form,input{margin:0;padding:0;display:inline;}
.spacer{line-height:0;clear:both; font-size:0;}
/*==================== headers ====================*/
h1{
font-size:28px;
font-weight:normal;
letter-spacing:-1px;
color:#595754;
float:left;
border-bottom:2px solid #E2C68C;
text-shadow:#cfcfcf 2px 2px 2px;
}
h2{
width:320px;
font-size:22px;
font-weight:bold;
letter-spacing:-1px;
color:#595754;
float:left;
text-shadow:#cfcfcf 2px 2px 2px;
}
h2.red{
padding-left:10px;
border-left:8px solid #E2C68C;
text-shadow:#dfdfdf 2px 2px 2px;
}
h2.padding{
padding-bottom:5px;
}
p.list{
padding-left:8px;
background:url(images/dot.gif) 0 9px no-repeat;
line-height:20px;
}
p.copy{
text-align:center;
color:#D9D8D7;
}
/*==================== wrapper ====================*/
#wrapper{
width:720px;
height:auto;
margin:0 auto;
position:relative;
}
#wrapper-top{
background:url(images/page_top.gif) no-repeat;
height:340px;
padding:20px 20px 0;
}
#wrapper-bottom{
background:url(images/page_bottom.gif) no-repeat;
height:340px;
padding:0 20px 20px;
}
#wrapper-copy{
width:720px;
height:20px;
}
/*==================== content ====================*/
#content-top{
background:url(images/grad_top.gif) bottom repeat-x;
width:640px;
height:300px;
padding:20px;
}
#content-bottom{
background:#EFEEEC url(images/grad_bottom.gif) top repeat-x;
width:640px;
height:300px;
padding:20px;
}
/*==================== top ====================*/
#page-logo{
background:url(images/page_logo.gif) top no-repeat;
width:240px;
height:220px;
position:absolute;
left:0;
top:0;
}
#page-text{
width:340px;
height:180px;
padding-left:220px;
float:left;
overflow:hidden;
}
#page-menu{
width:640px;
height:120px;
float:left;
}
/*==================== menu ====================*/
ul.menu{
width:636px;
height:120px;
padding:0 2px;
}
ul.menu li{
float:left;
}
ul.menu li.aktuell a{
background:url(images/menu_button_aktuell.gif) no-repeat;
width:104px;
height:120px;
letter-spacing:1px;
font-weight:bold;
text-align:center;
color:#FCFCFA;
display:block;
border:1px solid #D9D8D7;
}
ul.menu li.aktuell a:hover{
background:url(images/menu_button_aktuell_over.gif) no-repeat;
color:#EFEEEC;
}
ul.menu li.service a{
background:url(images/menu_button_service.gif) no-repeat;
width:104px;
height:120px;
letter-spacing:1px;
font-weight:bold;
text-align:center;
color:#FCFCFA;
display:block;
border:1px solid #D9D8D7;
}
ul.menu li.service a:hover{
background:url(images/menu_button_service_over.gif) no-repeat;
color:#EFEEEC;
}
ul.menu li.angebote a{
background:url(images/menu_button_angebote.gif) no-repeat;
width:104px;
height:120px;
letter-spacing:1px;
font-weight:bold;
text-align:center;
color:#FCFCFA;
display:block;
border:1px solid #D9D8D7;
}
ul.menu li.angebote a:hover{
background:url(images/menu_button_angebote_over.gif) no-repeat;
color:#EFEEEC;
}
ul.menu li.team a{
background:url(images/menu_button_team.gif) no-repeat;
width:104px;
height:120px;
letter-spacing:1px;
font-weight:bold;
text-align:center;
color:#FCFCFA;
display:block;
border:1px solid #D9D8D7;
}
ul.menu li.team a:hover{
background:url(images/menu_button_team_over.gif) no-repeat;
color:#EFEEEC;
}
ul.menu li.galerie a{
background:url(images/menu_button_galerie.gif) no-repeat;
width:104px;
height:120px;
letter-spacing:1px;
font-weight:bold;
text-align:center;
color:#FCFCFA;
display:block;
border:1px solid #D9D8D7;
}
ul.menu li.galerie a:hover{
background:url(images/menu_button_galerie_over.gif) no-repeat;
color:#EFEEEC;
}
ul.menu li.impressum a{
background:url(images/menu_button_impressum.gif) no-repeat;
width:104px;
height:120px;
letter-spacing:1px;
font-weight:bold;
text-align:center;
color:#FCFCFA;
display:block;
border:1px solid #D9D8D7;
}
ul.menu li.impressum a:hover{
background:url(images/menu_button_impressum_over.gif) no-repeat;
color:#EFEEEC;
}
/*==================== bottom ====================*/
#content-title{
width:600px;
height:40px;
padding:0 20px 20px;
}
#content-box{
background:#FCFCFA;
width:600px;
height:200px;
padding:18px;
border:2px solid #D9D8D7;
}
#content-pic{
background:#EFEEEC;
width:230px;
height:185px;
padding:5px;
float:left;
}
#content-text{
width:320px;
height:195px;
padding:0 20px;
float:left;
overflow:auto;
overflow-x:hidden;
}
ul.shop{
width:60px;
height:25px;
float:right;
margin-top:12px;
}
ul.shop li a{
background:url(images/button_shop.gif) no-repeat;
width:60px;
height:25px;
display:block;
position:relative;
text-indent:-200000px;
border:0;
}
/*==================== sub/jump menu ====================*/
ul.sub{
float:left;
}
ul.sub li{
float:left;
}
ul.sub li.jump a{
padding:14px 5px 0;
font-size:14px;
font-weight:bold;
letter-spacing:-1px;
color:#595754;
float:left;
display:block;
}
ul.sub li.jump a:hover{
color:#E2C68C;
}
/*==================== kontaktform ====================*/
input, textarea{
background:#E2C68C;
padding:2px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight:bold;
line-height:10pt;
color:#ffffff;
border:1px solid #ffffff;
}
input#submit, input#reset{
width:auto;
padding:5px;
margin:0 10px;
letter-spacing:-1px;
float:none;
color:ffffff;
}