@charset "utf-8";
/* CSS Document */

/* ----------------- HTML-Tag Formatierungen ---------------------- */

html {
width:100%;
height:100%;
margin:0;
padding:0;
}
body {
font-family:Tahoma, Geneva, sans-serif;
font-size:small;
background:#fff url("../images/bg_body.jpg") repeat-x top left;
}
h1 {
text-indent:-9999px;
margin:24px 0 0 20px;
width:192px;
height:49px;
background:transparent url("../images/logo_happich.jpg") no-repeat top left;
}


/* ----------------- ID Formatierungen ---------------------- */

#container {
width:996px;
margin:0 auto;
}
#header {
width:100%;
height:184px;
background:transparent url("../images/bg_header.jpg") no-repeat top left;
}
#main {
width:100%;
margin:0 auto;
padding:0 17px 0 17px;
overflow:hidden;
height:1%;
background:transparent url("../images/bg_container.jpg") repeat-y top left;
}
#column {
width:250px;
float:left;
}
#nav {
width:244px;
list-style-type:none;
padding:0;
margin:0;
background:url("../images/bg_menu.jpg") repeat-y top left;
}
#nav a, #nav a:active, #nav a:visited {
width:227px;
display:block;
padding:0 0 0 10px;
margin-left:3px;
height:20px;
text-decoration:none;
color:#06C;
}
#nav a:hover {
color:white;
background:#cccccc;
}
#nav h2 {
width:100%;
height:31px;
margin:0;
font-size:14px;
padding:8px 0 0 15px;
color:white;
background:url("../images/bg_menutop.jpg") no-repeat top left;
}
#nav #menuend {
width:100%;
height:16px;
background:url("../images/bg_menuend.jpg") no-repeat top left;
}


#content {
width:700px;
margin:0 0 0 265px;
/*height:1%;
overflow:hidden;*/
}
#content a {
text-decoration:none;
color:#999;	
}
#content a:hover {
color:red;	
}
#content .artikel {
width: 700px;
height: auto;
border: 1px solid #ccc;
margin-bottom: 15px;
TEXT-ALIGN: left;
background: #fff;
display:inherit;
height:1%;
overflow:hidden;
}
#content .artikel H3 {
PADDING: 0 0 0 5px;
FONT-SIZE: 90%;
BACKGROUND: url(../images/bg_link.jpg) #ddd no-repeat right top;
margin: 0;
MARGIN-BOTTOM: 2px;
COLOR: #000;
HEIGHT: auto;
}
#content .artikel P {
PADDING: 5px;
}
#content .artikel .zusatz {
font-size: 98%;
margin-bottom: 10px;
color: #979596;
display:block;
}
#content .schriftrot {
color:#FF0002;
}
#content .schriftgruen {
color:green;
}
#content .formularrot {
border:1px solid red;
border-color:red;
}
#seitenabschluss {
width:996px;
height:26px;
background:transparent url("../images/bg_footer.jpg") no-repeat top left;
}
#footer {
position:relative;
float:left;
width:100%;
height:30px;
margin-bottom:20px;
padding:0 0 20px 0;
}
#footer ul {
position:relative;
list-style-type:none;
}
#footer ul li {
float:left;
margin-right:15px;
}
#footer ul li a {
color:#000;
text-decoration:none;
}
#footer ul li a:hover {
text-decoration:underline;
}

#pokalauswahl li {
width:160px;
min-height:160px;
border:1px dotted #dfdfdf;
display:-moz-inline-stack;
display:inline-block;
vertical-align:top;
margin:0 15px 15px 0;
text-align:center;
}
#pokalauswahl li a {
font-weight:bold;
list-style-type:none;
}



/* ----------------- Klassen Formatierungen ---------------------- */

.icatcher_left {
width:350px;
float:left;
margin-bottom:8px;
}
.icatcher_left h2 {
height:25px;
margin:0;
padding:5px 0 0 15px;
color:#fff;
font-size:15px;
background:transparent url(../images/bg_h1icatcher.jpg) no-repeat top left;
}
.icatcher_right {
width:350px;
float:right;
margin-bottom:8px;
}
.icatcher_right h2 {
height:25px;
margin:0;
padding:5px 0 0 15px;
color:#fff;
font-size:15px;
background:transparent url(../images/bg_h1icatcher.jpg) no-repeat top left;
}

.foto {
float:left;
margin:0 10px 10px 0;
width:160px;
height:160px;
}