html,body{
	margin : 0;
	padding : 0;
	background-color : #800000;
	height : 100%;
}

html,body {
	line-height : 18px;
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
}

a:link, a:visited, a:active {
	color : #FFCB5C; 
	text-decoration :  underline;
}
a:hover{
	color : #FFCB5C; 
	text-decoration : none;
}

hr {
	background-color : #FFFFFF;
	color : #FFFFFF;
	border : 0;
	margin : 0;
	height : 1px;
}

input, textarea {
	position : relative;
}

h1 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-family : Arial;
	font-weight : normal;
	font-size : 18px;
	color : #FFFFFF;
	line-height : normal;
}

h2 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-family : Arial;
	font-weight :  bold;
	font-size : 13px;
	color : #FFFFFF;
	line-height : normal;
}

h3 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-family : Arial;
	font-weight : normal;
	font-size : 16px;
	color : #FFFFFF;
	line-height : normal;
}

h4 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-family : Arial;
	font-weight : normal;
	font-size : 14px;
	color : #FFFFFF;
	line-height : normal;
}

h5 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-family : Arial;
	font-weight : normal;
	font-size : 13px;
	color : #FFFFFF;
	line-height : normal;
}

h6 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-family : Arial;
	font-weight : normal;
	font-size : 11px;
	color : #FFFFFF;
	line-height : normal;
}

/* //////////////////// LAYOUT \\\\\\\\\\\\\\\\\\\\ */

.container{
	margin : 0 auto;
	width : 980px;
}

.holder{
	float : left;
	background-image : url(http://www.kopkoffie.nl/gfx/achter.gif);
	background-repeat: repeat-x;
	background-position : left top;
	border-left : 1px solid #4f1010;
	border-right : 1px solid #4f1010;
	width : 980px;
}

.holder_links{
	float : left;
	background-image : url(http://www.kopkoffie.nl/gfx/links_holder.gif);
	background-repeat: repeat-y;
	background-position : 17px bottom;
	width : 980px;
}

.holder_content{
	float : left;
	background-image : url(http://www.kopkoffie.nl/gfx/background.gif);
	background-repeat: no-repeat;
	background-position : left bottom;
	width : 980px;
	min-height:500px;
	height:auto !important;
	height:500px;

}

.links{
	float : left;
	padding : 0 0 0 18px;
	width : 152px !important;
	width : 152px;
}

.logo{
	float : left;
	width : 151px;
}

.menu{
	float : left;
	width : 151px;
}

.menu ul{
	float : left;
	margin : 0;
	padding : 0;
	list-style-type : none;
}

.menu li a, .menu li a:link, .menu li a:active, .menu li a:visited{
	float : left;
	background-image : url(http://www.kopkoffie.nl/gfx/men_off.gif);
	background-repeat: no-repeat;
	background-position : left bottom;
	padding : 5px 0 0 26px;
	font-family : Arial;
	line-height : normal;
	color : #FFFFFF;
	font-size : 11px;
	font-weight : bold;
	text-transform : uppercase;
	text-decoration : none;
	width : 125px;
	height : 19px;
}

.menu li a:hover{
	float : left;
	background-image : url(http://www.kopkoffie.nl/gfx/men_roll.gif);
	background-repeat: no-repeat;
	background-position : left bottom;
	padding : 5px 0 0 26px;
	font-family : Arial;
	line-height : normal;
	color : #FFFFFF;
	font-size : 11px;
	font-weight : bold;
	text-transform : uppercase;
	text-decoration : none;
	width : 125px;
	height : 19px;
}

.menu li.select a, .menu li.select a:link, .menu li.select a:active, .menu li.select a:visited, .menu li.select li a:hover{
	float : left;
	background-image : url(http://www.kopkoffie.nl/gfx/men_on.gif);
	background-repeat: no-repeat;
	background-position : left bottom;
	padding : 5px 0 0 26px;
	font-family : Arial;
	line-height : normal;
	color : #FFFFFF;
	font-size : 11px;
	font-weight : bold;
	text-transform : uppercase;
	text-decoration : none;
	width : 125px;
	height : 19px;
}

.links_onder{
	float : left;
	color : #FFFFFF;
	padding : 15px;
	width : 121px;
}

.rechts{
	float : left;
	background-image : url(http://www.kopkoffie.nl/gfx/bg_content.gif);
	background-repeat: repeat-x;
	background-position : right top;
	width : 810px;
	min-height:400px;
	height:auto !important;
	height:400px;
}

.header{
	float : left;
	text-align : right;
	background-color : #620A09;
	line-height : 0;
	font-size : 0;
	width : 810px;
	height : 70px;
}

.submenu{
	float : left;
	border-top : 1px solid #D24E3C;
	border-bottom : 1px solid #D24E3C;
	background-color : #221E1F;
	font-family : Arial;
	line-height : normal;
	color : #FFFFFF;
	font-size : 11px;
	width : 810px;
	height : 22px;
}

.submenu ul{
	float : left;
	margin : 0;
	padding : 0;
	list-style-type : none;
	width : auto;
}

.submenu li a, .submenu li a:link, .submenu li a:active, .submenu li a:visited{
	float : left;
	border-right : 1px solid #D24E3C;
	padding : 4px 15px 0;
	font-family : Arial;
	line-height : normal;
	color : #FFFFFF;
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;
	height : 18px;
}

.submenu li a:hover{
	float : left;
	border-right : 1px solid #D24E3C;
	background-color : #D24E3C;
	padding : 4px 15px 0;
	font-family : Arial;
	line-height : normal;
	color : #FFFFFF;
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;
	height : 18px;
}

.submenuli.select a, .submenu li.select a:link, .submenu li.select a:active, .submenu.select a:visited, .submenu li.select li a:hover{
	float : left;
	border-right : 1px solid #D24E3C;
	background-color : #D24E3C;
	padding : 4px 15px 0;
	font-family : Arial;
	line-height : normal;
	color : #FFFFFF;
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;
	height : 18px;
}

.content{
	float : left;
	padding : 20px;
	width : 770px;
}

.trail{
	display : block;
	padding : 0 0 20px;
	font-size : 11px;
	color : #ff4f00;
}

.trail a:link { color : #FFCB5C; text-decoration : underline;}
.trail a:visited { color : #FFCB5C; text-decoration : underline;}
.trail a:active { color : #FFCB5C; text-decoration : underline;}
.trail a:hover { color : #FFFFFF; text-decoration : none;}

.footer{
	float : left;
	background-image : url(http://www.kopkoffie.nl/gfx/footer.gif);
	background-repeat: no-repeat;
	background-position : left top;
	text-align : right;
	padding : 11px 15px 0;
	font-size : 11px;
	width : 950px;
	height : 21px;
}