body {
    background: url("images/background.gif");
    background-repeat: repeat;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    font-family: Verdana, sans-serif;
    font-weight: normal;
}

#page {
	margin: 31px auto 0px auto;
    text-align: center;
    width: 100%;
}

#frame {
    text-align: left;
    width: 850px;
    margin: 0px auto 0px auto;
}

#flash {
    background-color: #FFF;
    padding: 0; 
    width: 850px;
    height: 180px;
    text-align: left;
}

#navbar {
	padding: 0px; 
	margin: 0px;
	border: 0px;
	width: 780px;
	height: 20px;
	text-align: left;
}

#nav {
	margin: 0;
	padding: 0;
	height: 20px;
	list-style: none;
	display: inline;
	overflow: hidden;
}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
}

#nav li a {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
}

#homepage a {
	width: 156px;
	background: url("images/homepage.gif") top left no-repeat;
}

#unternehmen a {
	width: 156px;
	background: url("images/unternehmen.gif") top left no-repeat;
}

#store a {
	width: 156px;
	background: url("images/store.gif") top left no-repeat;
}

#leistungen a {
	width: 156px;
	background: url("images/leistungen.gif") top left no-repeat;
}

#kontakt a {
	width: 156px;
	background: url("images/kontakt.gif") top left no-repeat;
}
	

#nav a:hover {
	background-position: 0 -20px;
}


#nav a:active, #nav a.aktiv, #nav a.aktiv:hover {
	background-position: 0 -40px;
}

.content {
    background-color: #FFF;
    padding-top: 70px;
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 10; 
    width: 780px;
}

.content .boxes {
	text-align: center;
	padding-left: 70px;
	
	font-size: 14px;
	line-height: 26px;
}

.content .leftbox {
	float: left;
	text-align: left;
	width: 420px;
	
	margin: 0;
	padding: 0;
	border: 0;
}

.content .leftbox img {
	margin: 0;
	padding: 0;
	border: 0;
	margin-bottom: 14px;
	margin-top: 4px;
}

.content .leftbox a.thumbnail img {
	margin: 0;
	padding: 0;
	border: 0;
	margin-bottom: 14px;
	margin-right: 14px;
}

.content .leftbox p {
	line-height: 22px;
	margin: 0;
	padding: 0;
	border: 0;

	padding-bottom: 12px;
	padding-right: 20px;
}

.content .leftbox p.small {
	font-size: 10px;
}

.content .leftbox table.leistungen {
	font-size: 12px;
	margin: 0;
	padding: 0;
	border: 1px solid #58595b;
	margin-bottom: 12px;
	width: 380px;
}

.content .leftbox table.leistungen tr.even {
	background-color: #eef5fe;
}

.content .leftbox table.leistungen tr.odd {
	background-color: #ffffff;
}

.content .leftbox table.leistungen tr td {
	margin: 0;
	padding: 8px;
	border: 0;
}

.content .leftbox h2 {
	font-size: 14px;
	padding: 0;
	margin: 0;
	border: 0;
	margin-top: 16px;
}

.content .leftbox ul.kreuz {
	list-style-image: url("images/kreuz.gif");
	list-style-position: outside;
	margin: 0;
	padding: 0;
	border: 0;
	
	margin-left: 26;
	padding-left: 0;
	border-left: 0;
	
	margin-bottom: 15;
}

.content .leftbox ul.kreuz li {
	margin-left: 0;
	padding-left: 6;
	border-left: 10;
}


.content .rightbox {
	float: left;
	text-align: left;
	margin-left: 0;
	width: 214px;
	display: inline;
	/* font-size: 70%; */
}

.content .rightbox .header {
	width: 216px;
	height: 43px;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
}

.content .rightbox .bottom {
	background: url("images/homepage_rightbox_bot-l.gif") top left no-repeat;
	width: 216px;
	/* height: 174px; */
	text-align: center;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	border: 0;
}

.content .rightbox .bottom .bottomtext {
	line-height: 140%;
	text-align: left;
	width: 188px;
	margin: 0 auto 0 auto;
}

.content .rightbox .bottom .bottomtext p {
	margin: 0;
	padding: 0;
	border: 0;
	margin-top: 9px;
	margin-left: 5px;
	font-size: 12px;
	text-align: left;
}

.content .rightbox .rightCol {
	text-align: left;
	margin-top: 30px;
}

.content .rightbox .rightCol h2 {
	font-size: 14px;
	padding: 0;
	margin: 0;
	border: 0;
	margin-top: 16px;
}

.content .rightbox .rightCol p {
	line-height: 22px;
	margin: 0;
	padding: 0;
	border: 0;

	padding-bottom: 12px;
	padding-right: 20px;
}

.content .rightbox .rightCol .right {
	float: right; clear: right; margin-right: 2px;
	width: 66%;
}

.content .rightbox .rightCol .left {
	float: left; clear: left; margin-left: 2px;
}

.content .rightbox .rightCol .clear {
	float: left; clear: both;
}

.copyright {
	padding-top: 40px;
	clear: both;
	float: clear;
	font-size: 12px;
	color: #222222;
}

.copyright a {
	color: #ffffff;
	text-decoration: none;
}


.footer {
    background: url("images/footer.gif");
    background-repeat: no-repeat;
    
    padding: 0; 
    width: 780px;
    height: 20px;
}