html,body{
	margin : 0;
	padding : 0;
	background-color : #c5c6c8;
	height : 100%;
}

html,body {
	line-height : 19px;
	font-family : Arial;
	font-size : 12px;
	color : #565657;
}

a:link, a:visited, a:active {
	color : #000000; 
	text-decoration :  underline;
}
a:hover{
	color : #000000; 
	text-decoration : none;
}

hr {
	background-color :#dedede;
	color : #dedede;
	border : 0;
	margin : 15px 0 15px 0;
	height : 1px;
}

input, textarea {
	position : relative;
}

h1 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-family : Arial;
	font-weight :  bold;
	font-size : 19px;
	color : #000000;
	line-height : normal;
}

h2 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-family : Arial;
	font-weight :  bold;
	font-size : 15px;
	color : #000000;
	line-height : normal;
}

h3 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-family : Arial;
	font-weight : normal;
	font-size : 14px;
	color : #000000;
	line-height : normal;
}

h4 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-family : Arial;
	font-weight : normal;
	font-size : 12px;
	color : #000000;
	line-height : normal;
}

h5 {
	padding : 0 0 0 0;
	margin :  0 0 4px 0;
	font-family : Arial;
	font-weight : normal;
	font-size : 11px;
	color : #000000;
	line-height : normal;
}

h6 {
	padding : 0 0 0 0;
	margin :  0 0 6px 0;
	font-family : Arial;
	font-weight :  bold;
	font-size : 12px;
	color : #E44A42;
	line-height : normal;
}

/* //////////////////// LAYOUT \\\\\\\\\\\\\\\\\\\\ */


.container {
	position : relative;
	margin : 0 auto;
	width : 950px;
}

.holder {
	float : left;
	background-image : url(http://www.alpine.nl/gfx/achter.gif);
	background-position : left top;
	background-repeat : repeat-y;
	padding : 0 10px;
	width : 950px;
}

.header {
	float : left;
	position : relative;
	overflow : hidden;
	width : 950px;
	height : 160px;
}

.logo{
	position : absolute;
	z-index : 999;
	left : 0;
	width : 305px;
	height : 160px;
}

.taal{
	position : absolute;
	background-image : url(http://www.alpine.nl/gfx/taal.png);
	background-position : left top;
	background-repeat : no-repeat;
	color : #e44a42;
	z-index : 1001;
	top : 15px;
	right : 0;
	line-height : normal;
	text-align : right;
	padding : 6px 6px 0 0;
	width : 244px;
	height : 24px;
}

.moodbar {
	float: right;
	overflow : hidden;
	text-align : right;
	width: 645px;
	height : 160px;
	overflow : hidden;
}

.gradient {
	position: absolute;
	left: 305px;
	top: 0;
	width: 645px;
	height: 160px;
	display: block;
	overflow: hidden;
	z-index: 1000;
}

.icons{
	position : absolute;
	left : 357px;
	bottom: 0;
	z-index: 1005;
}

div.color_button {
	float:left;
	background-position:0 0;
	background-repeat:no-repeat;
	text-align:left;
	line-height : 0;
	font-size : 0;
	width:67px;
}

.main {
	float : left;
	width : 950px;
}

.linkerkolom {
	float : left;
	padding : 0 15px 15px;
	width : 114px;
}

.linkerkolom_text {
	float : left;
	padding : 15px 0 0;
	color : #e44a42;
	width : 114px;
}

.menu {
	float : left;
	padding : 15px 0 0;
	width : 114px;
}

.menu ul {
	float : left;
	border-top : 1px solid #FFFFFF;
	margin : 0;
	padding : 0;
	list-style-type : none;
}

.menu ul li {
	float : left;
	position : relative;
	border-bottom : 1px solid #FFFFFF;
	padding : 7px 0;
	line-height : normal;
	font-weight : bold;
	text-align : right;
	font-family : Arial;
	font-size : 12px;
	text-transform : uppercase;
	width : 114px;
}

.menu ul li a, .menu ul li a:link, .menu ul li a:active, .menu ul li a:visited {
	text-decoration : none;
	color : #e44a42;
}

.menu ul li a:hover {
	text-decoration : underline;
	color : #e44a42;
}

.menu ul li.select a, .menu ul li.select a:link, .menu ul li.select a:active, .menu ul li.select a:visited, .menu ul li.select a:hover{
	text-decoration : underline;
	color : #e44a42;
}

.midden {
	float : left;
	padding : 25px;
	width : 565px;
}

.rechterkolom {
	float : left;
	padding : 0 0  15px 15px;
	width : 176px;
}

.shadow {
	float : left;
	background-image : url(http://www.alpine.nl/gfx/shadow.gif);
	background-position : left bottom;
	background-repeat : no-repeat;
	line-height : 0;
	font-size : 0;
	width : 176px;
	height : 10px;
}

.hoofdmenu {
	float : left;
	position : relative;
	margin : 20px 0 0;
	background-color : #014e94;
	width : 186px;
}

.hoofdmenu_hoek {
	position : absolute;
	background-image : url(http://www.alpine.nl/gfx/hoofdmenu_hoek.gif);
	background-position : left top;
	background-repeat : no-repeat;
	right : 0;
	top : -7px;
	line-height : 0;
	font-size : 0;
	width : 10px;
	height : 7px;
}

.hoofdmenu ul {
	float : left;
	background-image : url(http://www.alpine.nl/gfx/hoofdmenu.gif);
	background-position : left top;
	background-repeat : no-repeat;
	margin : 15px 0 0;
	padding : 0 0 15px;
	list-style-type : none;
}

.hoofdmenu ul li {
	float : left;
	position : relative;
	background-image : url(http://www.alpine.nl/gfx/hoofdmenu.gif);
	background-position : left bottom;
	background-repeat : no-repeat;
	padding : 7px 0 7px 15px;
	line-height : normal;
	font-weight : normal;
	text-align : left;
	font-family : Arial;
	font-size : 12px;
	width : 146px;
}

.hoofdmenu ul li a, .hoofdmenu ul li a:link, .hoofdmenu ul li a:active, .hoofdmenu ul li a:visited {
	text-decoration : none;
	color : #FFFFFF;
}

.hoofdmenu ul li a:hover {
	text-decoration : underline;
	color : #FFFFFF;
}

.hoofdmenu ul li.select a, .hoofdmenu ul li.select a:link, .hoofdmenu ul li.select a:active, .hoofdmenu ul li.select a:visited, .hoofdmenu ul li.select a:hover{
	text-decoration : none;
	font-weight : bold;
	color : #FFFFFF;
}

.hoofdmenu ul.subsub {
	float : left;
	background-image : none;
	margin : 0;
	padding : 0;
	list-style-type : none;
}

.hoofdmenu ul.subsub li {
	float : left;
	position : relative;
	background-image : none;
	padding : 7px 0 0 25px;
	line-height : normal;
	font-weight : normal;
	text-align : left;
	font-family : Arial;
	font-size : 12px;
	color : #FFFFFF;
	width : 136px;
}

.hoofdmenu ul.subsub li a, .hoofdmenu ul.subsub li a:link, .hoofdmenu ul.subsub li a:active, .hoofdmenu ul.subsub li a:visited {
	text-decoration : none;
	font-weight : 100;
	color : #FFFFFF;
}

.hoofdmenu ul.subsub li a:hover {
	text-decoration : underline;
	font-weight : 100;
	color : #FFFFFF;
}

.hoofdmenu ul.subsub li.select a, .hoofdmenu ul.subsub li.select a:link, .hoofdmenu ul.subsub li.select a:active, .hoofdmenu ul.subsub li.select a:visited, .hoofdmenu ul.subsub li.select a:hover{
	text-decoration : none;
	font-weight : bold;
	color : #FFFFFF;
}

.rechterkolom_text {
	float : left;
	position : relative;
	background-color : #0788ff;
	margin : 10px 0 0;
	padding : 15px;
	color : #FFFFFF;
	width : 156px;
}

.rechterkolom_text_hoek {
	position : absolute;
	background-image : url(http://www.alpine.nl/gfx/rechterkolom_text_hoek.gif);
	background-position : left top;
	background-repeat : no-repeat;
	right : 0;
	top : -7px;
	line-height : 0;
	font-size : 0;
	width : 10px;
	height : 7px;
}

.footer {
	float : left;
	background-image : url(http://www.alpine.nl/gfx/bottom.gif);
	background-position : left top;
	background-repeat : no-repeat;
	padding : 15px 10px;
	font-size : 11px;
	color : #FFFFFF;
	width : 950px;
}

.footer a, .footer a:link, .footer a:active, .footer a:visited {
	color : #FFFFFF;
	text-decoration : underline;
}

.footer a:hover {
	color : #FFFFFF;
	text-decoration : none;
}