/*
    Document   : common.css
    Author     : PureDutch.nl | Martijn van der Hulst
*/

@import url(menu.css);
@import url(sidebar.css);
@import url(content.css);
@import url(splash.css);

html, body {
    padding         : 0;
    margin          : 0;
    text-align      : center;
}

body {
    background  : rgb(93,134,178) url("../images/body.png") left top repeat-x;
}

/*bodyBackground*/
#bodyBackground{
    background	: url("../images/body.jpg") left top no-repeat;
    position	: absolute;
    left		: 0px;
    top			: 0px;
    width       : 945px;
	height		: 500px;
}

/* wrapper. */
#wrapper {
    margin      : 0 auto;
	padding-top	: 55px;
    width       : 945px;
    text-align  : left;
}

/*logo*/
#logo{
    background  : url("../images/logo.png") left top no-repeat;
    width		: 210px;
    height      : 116px;
    position	: absolute;
    left		: -180px;
    top			: -55px;
	z-index		: 20;
}

/* header topMenu */
#header{
    background  : url("../images/menu.png") left top no-repeat;
    width		: 763px;
    height      : 45px;
    position	: relative;
    left		: 182px;
	z-index		: 2;
}

/*breadcrumb*/
#breadcrumb{
	background	: url("../images/breadcrumb.png") left top no-repeat;
    width		: 763px;
    height      : 30px;
    position	: relative;
    left		: 182px;
}

#breadcrumb ul{
	margin:  0 0 0 30px;
	padding: 5px 0;
}

#breadcrumb li{
	margin:  0;
	padding: 0;
	float: left;
	list-style: none;
}

/* Content wrapper. */
#contentWrapper {
	background	: rgb(175,9,40) url("../images/content.png") left top repeat-y;
    width		: 763px;
    position	: relative;
    float		: right;
	min-height	: 300px;
}

/*content*/
#content{
    /*background	: rgb(210,220,231) url("../images/content.png") left top no-repeat;*/
	width		: 533px;
    position	: relative;
    float		: left;
	min-height	: 300px;
}

/*footer*/
#footer{
	background	: url("../images/footer.png") left top no-repeat;
    height		: 20px;
	width		: 763px;
    position	: relative;
	float		: right;
}

#adress{
    height		: 100px;
	width		: 166px;
	position	: relative;
	left		: -175px;
	top			: -80px;
	text-align	: right;
    color		: white;
}

#adress2{
    height		: 100px;
	width		: 200px;
	text-align	: right;
    color		: white;
}

#adress a, #adress2 a{
	color		: #FFFFFF;
	text-decoration:none;
}

/*trademark*/
#trademark{
    height		: 15px;
	width		: 763px;
	position	: relative;
	text-align	: right;
	float		: right;
	margin		: 5px 9px 0 0;
}

/*iconFooter*/
#iconFooter ul{
	margin	: 0px;
	float	: right;
	padding	: 15px 0;
	position: relative;
}

#iconFooter li{
	margin: 0 30px;
	padding: 0px;
	float: left;
	list-style: none;
}

#iconFooter li a{
	opacity:0.4;
	filter:alpha(opacity=40)
}

#iconFooter li a:hover{
	opacity:1;
	filter:alpha(opacity=100)
}


/* Clears. */
.clear {
    clear       : both;
}
.clearLeft {
    clear       : left;
}
.clearRight {
    clear       : right;
}

/* Accessibility div. */
.accessibility {
    display     : none;
}

/* img border */
a img{
    border		: none;
}

a:hover{
	text-decoration	: none;
	cursor			: pointer;
}