body { 
	font-family:Verdana, Arial, Helvetica;
	color:#ffffff;
	background-color:#000000;
	font-size:14px;
}

.main {
	position:absolute;
	top:20px;
	left:50%;
	margin-top:0;
	margin-left:-455px
}

.header {
	position:absolute;
	top:0px;
	width:910px;
	height:170px;
	background-image:url(../images/meilenstein-header2.png);
}

.menu {
	position:absolute;
	top:180px;
	width:910px;
	height:40px;
	padding:0;
}

.menu .link-1 {
	position:absolute;
	top:0px;
	left:0px;
	width:220px;
	height:40px;
	background-image:url(../images/navi/dkr-1.gif);
}

.menu .link-1:hover {
	background-image:url(../images/navi/dkr-2.gif);
}

.menu .link-2 {
	position:absolute;
	top:0px;
	left:230px;
	width:220px;
	height:40px;
	background-image:url(../images/navi/bg-1.gif);
}

.menu .link-2:hover {
	background-image:url(../images/navi/bg-2.gif);
}

.menu .link-3 {
	position:absolute;
	top:0px;
	left:460px;
	width:220px;
	height:40px;
	background-image:url(../images/navi/bw-1.gif);
}

.menu .link-3:hover {
	background-image:url(../images/navi/bw-2.gif);
}

.menu .link-4 {
	position:absolute;
	top:0px;
	left:690px;
	width:220px;
	height:40px;
	background-image:url(../images/navi/tr-1.gif);
}

.menu .link-4:hover {
	background-image:url(../images/navi/tr-2.gif);
}

/**
 * Definition für 2-spaltiges Layout (index.html)
 */

.content-2-1 {
	position:absolute;
	left:0;
	top:230px;
	width:340px;
	height:500px;
}

.content-2-1 img {
	width:340px;
	height:500px;
}

.content-2-2 {
	position:absolute;
	left:350px;
	top:230px;
	width:560px;
	height:500px;
	background-image:url(../images/meilenstein_eingang.jpg);
}

/**
 * Definition für 3-spaltiges Layout
 */

.content-3-1 {
	position:absolute;
	left:0;
	top:230px;
	width:340px;
	height:500px;
}

.content-3-1 img {
	width:340px;
	height:500px;
}

.content-3-2 {
	position:absolute;
	left:350px;
	top:230px;
	width:210px;
	height:500px;
	text-align:center;
	background-image:url(../images/hg-braun.jpg);
}

.content-3-2 div {
	width:95px;
	height:150px;
	padding:0;
	font-size:10px;
	text-align:center;
}

.content-3-2 div a img {
	width:95px;
	border:0;
}

.content-3-3-n {
	position:absolute;
	left:570px;
	top:230px;
	width:340px;
	height:340px;
	text-align:center;
	color:#ffffff;
	background-image:url(../images/hg-grau.jpg);
}

.content-3-3-s {
	position:absolute;
	left:570px;
	top:580px;
	width:340px;
	height:150px;
	text-align:center;
	color:#ffffff;
	background-image:url(../images/hg-grau.jpg);
}

.tb-link {
	position:absolute;
	left:330px;
	top:420px;
	width:230px;
	height:80px;
	background-image:url(../images/meilenstein_eingang_2_ur1.jpg);
}

.tb-link:hover {
	background-image:url(../images/meilenstein_eingang_2_ur2.jpg);
}

.aktuelles {
	width:100px;
	height:147px;
	background-image:url(../aktuelles-bg/aktuelles_a.jpg);
}
.aktuelles:hover {
	background-image:url(../aktuelles-bg/aktuelles_b.jpg);
}

.specials {
	width:100px;
	height:147px;
	background-image:url(../aktuelles-dkr/specials_1a.jpg);
}
.specials:hover {
	background-image:url(../aktuelles-dkr/specials_1b.jpg);
}

.specials-up {
	width:100px;
	height:147px;
	background-image:url(../aktuelles-dkr/specials_2a.jpg);
}
.specials-up:hover {
	background-image:url(../aktuelles-dkr/specials_2b.jpg);
}


.karte {
	width:100px;
	height:147px;
	background-image:url(../aktuelles-dkr/karte_1a.jpg);
}
.karte:hover {
	background-image:url(../aktuelles-dkr/karte_1b.jpg);
}

.brunch {
	width:100px;
	height:147px;
	background-image:url(../aktuelles-dkr/brunch_1a.jpg);
}
.brunch:hover {
	background-image:url(../aktuelles-dkr/brunch_1b.jpg);
}


.footer {
	position:absolute;
	padding-top:4px;
	font-size:11px;
	left:0px;
	top:740px;
	width:910px;
	height:20px;
	color:#330000;
	text-align:center;
	background-image:url(../images/hg-orange.jpg);
}

.footer b {
	color:#999999;
}

.subfooter {
	position:absolute;
	left:0px;
	top:765px;
	width:910px;
	height:20px;
	text-align:center;
}
	
a {
	color:#ffffff;
	text-decoration:none
}

a:hover {
	text-decoration:underline
}