body {
    background-color:#beedff;
    padding:10px;
    font-family:Helvetica, Arial, Verdana, sans-serif;
    font-variant: normal;
}

/*######################## classes ############################*/

.stuff {
    margin:15px; 
    float:left; 
    background-color:#ddd; 
    padding: 5px;
}

.kategorie {
    clear:both;
    background-color:#ffbeed;
}

.feldbezeichnung {
    width:220px;
    padding-top:6px;
    padding-right: 3px;
    float:left;
    text-align:right;
}

.eingabefeld {
    left:220px;
}

.drop {
    font-size:16px;
    width:80px;
    height:22px;
    background-color:#fefefe;
    font-family:Helvetica, Arial, Verdana, sans-serif;
}


.dd {
    background-color:#fefefe;
    font-family:Helvetica, Arial, Verdana, sans-serif;
    font-size:16px
}

.bild {
    height:130px;
    margin:5px;
}

.image {
    height:100%;
}

/*######################## h's ############################*/

h1 {
    font-size: 1.5em;
}

h2 {
    padding-left: 5px;
    padding-top: 5px;
    margin-bottom: 0px;
    cursor: pointer;

}

h4 {
    margin-top:5px;
    font-size:smaller;
    margin-top:5px;
    margin-bottom:5px;
}

hr {
    margin-top: 2px;
}

/*######################## divs ############################*/

#content {
    position: absolute;
    top: 68px;
    bottom: 20px;
    margin: 0px 20px 0px 5px;
    padding: 5px;
}

#schriftgros {
    margin-right:15px;
    float:right;
    text-decoration:underline;
    cursor:pointer;
}

#schriftback {
    margin-right:15px;
    float:right;
    text-decoration:underline;
    cursor:pointer;
}

#kopf {
    margin-bottom:15px;
    padding:5px;
    height:20px;
}

#angaben {
    clear:both;
    margin-bottom:0px;
    padding-bottom:20px;
    padding-left:10px;
    padding-right:10px;
    border: 2px solid black;
}

#info {
    float:left;
    text-align:left;
}

#news_title {
    left:0;
    right:0;
    color:red;
    text-align: center;
}

#news {
    left:0;
    right:0;
    border: 4px solid red;
    padding: 10px;
    background-color: #eee;
}

#fussnote {
    position:relative;
    font-size:smaller;
}

#security {
    float:left;
    padding-top:5px;
    margin-right:5px;
}

#captcha {
    float:left;
    margin-right:15px;
}

#bestellen {
    padding-top:5px;
}

/*######################## links ############################*/

a:link{ color:black; text-decoration:underline; display:block }
a:hover{ color:black; text-decoration:underline; display:block }
a:visited{ color:black; text-decoration:underline; display:block }

/*################## ARC costum checkbox ####################*/

/* Off state for a ARC checkbox */
.altCheckboxOff {
	display: inline;
	padding: 20px 2px; /* NS 6 problem */
	padding-left: 40px;
	color: #666;
	line-height: 60px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.2em;
	background-image: url(../off.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border: 0px;
	cursor: pointer;
}
/* On state for a ARC checkbox */
.altCheckboxOn {
	display: inline;
	padding: 20px 2px; /* NS 6 problem */
	padding-left: 40px;
	color: #000;
	line-height: 60px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	background-image: url(../on.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border: 0px;
}

