/* CSS Document */

html, body {
	scrollbar-arrow-color: #BB8A67;
	scrollbar-3dlight-color: #c0c0c0;
	scrollbar-higlight-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #COCOCO;
	scrollbar-darkshadow-color: #c0c0c0;
	scrollbar-track-color: #DDCAB0;
	background-color:#BB8A67;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: normal;
   	color: #474747;
   	text-align:justify;
   	-moz-box-sizing:border-box;
	box-sizing : border-box;

}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: normal;
   	color: #474747;
   	text-align:justify;
   	-moz-box-sizing:border-box;
	box-sizing : border-box;

}


/* 
########################################################
Definition Container
visibility:visible;
########################################################
*/

table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align:justify;
	margin: 0px 0px 0px 0px;
   	color: #474747;
}

#container-site {
	position:absolute;
	top: 50%;
	left: 50%;
	width:800px;
	height:600px;
	margin-left: -400;
	margin-top: -300;
	background-color: #DDCAB0;
	border-style:solid;
	border-width:1px;
	border-color:#FFFFFF; 
	}

#container-top {
	position:absolute;
	top:0px;
	left:0px;
	width:799px;
	height:30px;
	}
#container-top-left {
	position:absolute;
	top:0px;
	left:25px;
	width:150px;
	height:30px;
	background-color:#511E1D;
	}
#container-top-cafe-amadeo {
	position:absolute;
	top:0px;
	left:200px;
	width:598px;
	height:20px;
	background-color: #DDCAB0;
	}
#container-logo {
	position:absolute;
	top:30px;
	left:0px;
	width:200px;
	height:60px;
	background-color: #DDCAB0;
	}
	
#container-hauptmenu {
	position:absolute;
	top:90px;
	left:25px;
	width:150px;
	height:508px;
	background-color:#511E1D;
	-moz-box-sizing:border-box;
	box-sizing : border-box;
	}

#container-cafe-image{
	position:absolute;
	top:20px;
	left:200px;
	width:598px;
	height:80px;
	background:url(../images/background-container-cafe-images.jpg);
	}
#container-cafe-eisspezialitaeten-image{
	position:absolute;
	top:20px;
	left:200px;
	width:598px;
	height:80px;
	background:url(../images/background-container-cafe-eisspezialitaeten.jpg);
	}

#container-leer {
	position:absolute;
	top:60px;
	left:210px;
	width:550px;
	height:20px;
	background-color: #FFFFE6;
	}

#container-image-tags {
	position:absolute;
	top:80px;
	left:250px;
	width:550px;
	height:150px;
	background-color: #FFFFE6;
	}


#container-image-content {
	position:absolute;
	top:50px;
	left:200px;
	width:580px;
	height:150px;
	background-color: #FFFFFF;
	}

#container-content {
	position:absolute;
	top:128px;
	left:230px;
	width:555px;
	height:455px;
	background-color: #DDCAB0;
	-moz-box-sizing:border-box;
	box-sizing : border-box;
	}
#container-lemma {
	position:absolute;
	top:0px;
	left:0px;
	width:250px;
	height:25px;
	background-color: #DDCAB0;
	-moz-box-sizing:border-box;
	box-sizing : border-box;
	}

#container-footer {
	position:absolute;
	top:580px;
	left:0px;
	width:625px;
	height:20px;
	background-color: #4D504D;
	}
#container-webdesign {
	position:absolute;
	top:580px;
	left:625px;
	width:175px;
	height:20px;
	background-color: #4D504D;
	}

#scrollbar-content { 
	position: absolute; 
	top: 25px;
	left: 0px;
	width: 565;
	height: 440;
	text-align:left;
   	padding:0px 15px 15px 0px;
   	-moz-box-sizing:border-box;
	box-sizing : border-box; 
	overflow: auto; 
	visibility: visible; 
	clip: rect(0px 565px 440px 0px) 
}
.top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: normal;
   	color: #4C5961;
   	text-align:left;
   	letter-spacing:1px;
   	padding:0px 0px 0px 0px;
   	-moz-box-sizing:border-box;
	box-sizing : border-box;
}

.cover {
	border:1px solid #FFFFFF;
	padding:0;
	}

.headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: normal;
   	color: #F6F6F6;
   	text-align:right;
   	letter-spacing:1px;
   	padding:2px 1px 0px 0px;
   	-moz-box-sizing:border-box;
	box-sizing : border-box;
}

.navi-hauptmenu-home { /*Normal  Hauptmenue*/
	width:150px;
	height:24px;
	padding:2px 0 0 5px;
	display:block;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background-color:#511E1D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	-moz-box-sizing:border-box;
	box-sizing : border-box;
		}

.navi-hauptmenu-home:hover { /*Rollover  Hauptmenue*/
	width:150px;
	height:24px;
	padding:2px 0 0 5px;
	display:block;
	border-bottom:1px solid #FFFFFF;
	background-color:#F6F6F6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #474747;
	-moz-box-sizing:border-box;
	box-sizing : border-box;
}


.navi-hauptmenu { /*Normal  Hauptmenue*/
	width:150px;
	height:24px;
	padding:2px 0 0 5px;
	display:block;
	border-bottom:1px solid #FFFFFF;
	background-color:#511E1D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	-moz-box-sizing:border-box;
	box-sizing : border-box;
		}

.navi-hauptmenu:hover { /*Rollover  Hauptmenue*/
	width:150px;
	height:24px;
	padding:2px 0 0 5px;
	display:block;
	border-bottom:1px solid #FFFFFF;
	background-color:#F6F6F6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #474747;
	-moz-box-sizing:border-box;
	box-sizing : border-box;
}

.navi-hauptmenu_aktive { /*Geklicktes  Hauptmenue*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #F05514;
	}

.footer {
	padding:2px 0 0 5px;
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	-moz-box-sizing:border-box;
	box-sizing : border-box;
		}
a.footer {
	padding:0px 0 0 0px;
	display:inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	-moz-box-sizing:border-box;
	box-sizing : border-box;
	}
a.webdesign {
	padding:2px 0 0 10px;
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	-moz-box-sizing:border-box;
	box-sizing : border-box;
		}
.formfield {
	background-color: #FFFFFF;
	border: 1px solid #511E1D;
	}

.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: normal;
   	color: #474747;
   	text-align:justify;
   	padding:30px 15px 15px 0px;
   	-moz-box-sizing:border-box;
	box-sizing : border-box;
}
.top-cafe-amadeo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: normal;
   	color: #511E1D;
   	text-align:left;
   	letter-spacing:1px;
   	padding:3px 0px 0px 27px;
   	-moz-box-sizing:border-box;
	box-sizing : border-box;
}
.lemma {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: normal;
   	color: #511E1D;
   	text-align:justify;
   	padding:5px 0px 0px 0px;
   	-moz-box-sizing:border-box;
	box-sizing : border-box;
}

.dienstleistung {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-style: normal;
	font-weight: normal;
	text-decoration: normal;
   	color: #4C5961;
   	text-align:left;
   	padding:15px 15px 15px 15px;
   	-moz-box-sizing:border-box;
	box-sizing : border-box;
}