/* wwww.pizza-mammamia.nl © 2007*/

/* Website */

/* achtergrond & standaard opmaak */

* {margin: 0; padding: 0;}

body {
	background: #a8a796;
	color: #222;
	font: normal 62.5% sans-serif;
	padding: 2% 0;
}

a {color: #642;}
a:hover {color: #963;}

big {font-size: 1.1em;}

h1,h2,h3 {color: #442; padding: 8px 0 2px;}

h1 {font: normal 2.4em serif,sans-serif;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font: normal 1.6em serif,sans-serif;}
h3 {font: bold 1.2em serif,sans-serif;}

/* banner (bovenkant) */

.banner {
	background: #DAD7C5 url(img/header.jpg) no-repeat left bottom;
	height: 220px;
}

/* contentarea */

#wrapper {
	background: #332 url(img/wrapper.gif) no-repeat left bottom;
	margin: 0 auto;
	width: 762px;
}
#contentArea {
	background: #FBF9F4;
	border-top: 6px solid #332;
	border: 1px solid color:#000000;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 auto;
	width: 750px;
	position:relative;
	z-index:1;
	font:Calibri;
}

.bgcontent {background: #FFF url(img/bgcontent.gif) repeat-y right;}

.clear,.clearer {clear: both;} 
.col2 .right {width: 64%;}
.col2 .left .content {background: #FFF;}
.col2 .left {width: 33%;}
.content {padding: 18px 20px;}
.left {float: left;}
.right {float: right;}
.left .content {padding: 18px 12px 12px;}

/* onderkant */

.onderkant {
	background: #DCDAC9 url(img/onderkant.gif) no-repeat left bottom;
	border-top: 1px solid #AA8;
	color: #444;
	padding: 14px 20px;
}

/* copyright */

.copyright {
	background: #332;
	color: #EED;
	padding: 10px;
	
}

.copyright a {
	color: #FFF;
	text-decoration: none;
}
.copyright a:hover {
	color: #FFF;
	text-decoration: underline;
}



/* attributen /*


/* menu */


/* Menu */
.menu {
	background: #DED9D0 url(img/nav.gif) repeat-x; height: 41px;
	border-top: 1px solid #996;
}
.menu a {
	background: #FFF url(img/nav.gif) repeat-x;
	border-right: 1px solid #C9C6B3;
	color: #553;
	float: left;
	font: bold 1em Tahoma,sans-serif;
	padding: 0 14px;
	line-height: 41px;
	text-align: center;
	text-decoration: none;
}
.menu a:hover,.navigation a#active {background-position: left bottom; color: #331;}

/* linker menu block menu */

/* streepjes boven */
ul.gmenu {
	border-top: 1px dashed #BCBAAC;
	margin: 4px 0;
	padding: 0;
	width: 90%;
}
/* streepjes onder */
.gmenu li {
	border-bottom: 1px dashed #BCBAAC;
	list-style: none;
}
/* button maken "block" */
.gmenu li a,.gmenu li em {
	color: #553;
	display: block;
}
.gmenu li em {
	font-size: 0.9em;
	font-style: normal;
}
/* links */
.gmenu li a {
	padding: 4px 3%;
	text-decoration: none;
	width: 94%;
}
/* on mouseover */ 
.gmenu li a:hover {
	background: #f39f7b;
	color: #1E4914;
}

.left .gmenu,.left .gmenu li {border-color: #DCDACC;}
.left .gmenu li a:hover {background: #F39F7;}