/* CSS Document for natotigers.org */
/* Version 1.0 */
/* Designed by DAGO */

/* PAGE */
/* Hoofdblok van 900px breedt gesentreerd op de pagina */

.page{
	position: relative;
	width: 900px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
}

/* HEADER */
/* tekent de header blok, relatief aan de PAGE blok */

.header {
	position: relative;
	width: 100%;
	height: 60px;
	padding-top: 5px;
}

/* definitie voor htbh logo */
.header img {
	margin-top: 5px;
	margin-right: 12px;
	margin-bottom: 5px;
	margin-left: 5px;
	float: left;
}

/* definitie voor de titel v/d website */
.header h1 {
	font-size: 175%;
}

/* definitie voor de subtitel v/d website */
.header h2 {
	font-size: 125%;
	margin-top: -10px;
}

/* tekent het blok voor het headermenu binnen het HEADER blok */
.headermenu {
	font-size: 90%;
	position:relative;
	width: 30%;
	height: 22px;
	float: right;
	text-align: right;
	padding-right: 8px;
	padding-top: 13px;
	padding-left: 5px;
	top: 28px;
	color: #666666
}

/* wijzigt de a tag binnen het header-menu (link en visited) */
a.headerlink:link, a.headerlink:visited {
	text-decoration: none;
	color: #666666;
}

/* wijzigt de a tag binnen het header-menu (hover) */
a.headerlink:hover {
	text-decoration: underline;
}

/* BANNER */
/* tekent de banner blok, relatief aan de PAGE blok */

.banner {
	position: relative;
	width: 100%;
	height: 190px;
	top: 3px;
}

/* positiebepaling voor de img tag binnen de banner */
.element img {
	position: absolute;
	width: 900px;
	height: 190px;
}

/* positie en font bepaling voor de span tag binnen de banner*/
.element span {
	position: relative;
	width: 880px;
	height: 65px;
	font-size: 450%;
	font-weight: bold;
	color:#FFFFFF;
	text-align: right;
	float: right;
	padding-right: 10px;
	top: 120px;
}

/* transparantie instelling voor de tigerstripen */
#Bannerstripes {
	filter: alpha(opacity=20);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	-moz-opacity: .20;
	-khtml-opacity: .20;
	opacity: .20;
	z-index: 1;
}

/* transparantie instelling voor de foto */
#BannerImage {
	filter: alpha(opacity=65);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
	-moz-opacity: .65;
	-khtml-opacity: .65;
	opacity: .65;
	z-index: 2;
}

/* transparantie instelling voor de tekst */
#BannerText {
	filter:alpha(opacity=50);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity:.50;
	-khtml-opacity: .50;
	opacity:.50;
	z-index: 3;
}

/* MENU */
/* tekent de menu blok, relatief aan de PAGE blok */
.menu {
	position: relative;
	width: 885px;
	background-color: #FFCC00;
	text-align: right;
	font-size: 120%;
	color:#000000;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 15px;
	top: 3px;
}

/* geeft de algemene blokgegevens voor de menutekst */
.menulink {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #333333;
	padding-left: 5px;
	padding-right: 5px;
}

/* wijzigt de a tag binnen het menu (link en visited) */
a.menulink:link, a.menulink:visited {
	text-decoration: none;
	color: #333333;
}

/* wijzigt de a tag binnen het menu (hover) */
a.menulink:hover {
	text-decoration: underline;
	color: #333333;
}

/* BREADCRUMB*/
/* tekent de breadcrumb blok, relatief aan de PAGE blok */
.breadcrumb {
	position: relative;
	width: 100%;
	top: 3px;
	padding-top: 8px;
	padding-bottom: 2px;
	font-variant: normal;
	text-indent: 5px;
	height: 25px;
	text-transform: lowercase;
}

/* wijzigt de a tag binnen de breadcrumb (link en visited) */
a.crumblink:link, a.crumblink:visited {
	color:#666666;
	font-variant: normal;
	text-decoration: none;
}

/* wijzigt de a tag binnen de breadcrumb (hover) */
a.crumblink:hover {
	text-decoration:underline;
}

/*INHOUD*/
/* tekent de inhoud blok, relatief aan de PAGE blok*/
.inhoud {
	position: relative;
	width: 100%;
	height: auto;
	/*min-height: 300;*/
	top: 3px;
}

/*FOOTER*/
/* tekent de footer blok, relatief aan de PAGE blok*/
.footer {
	position: relative;
	width: 100%;
	height: 35px;
	top: 3px;
	color: #333333;
	background-position: center;
}

.footermenu {
	font-size: 90%;
	position:relative;
	width: 40%;
	float: right;
	text-align: right;
	padding-right: 8px;
	padding-top: 2px;
	color: #666666
}

.footer P {
	margin-left: 10px;
}

.rightcolomn {
	float:right;
	width: 600px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.leftcolomn {
	float: left;
	width: 280px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.singlecolomn {
	width: 890px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}