/* ========== Algemene instellingen ========== */


/* breedte van de pagina */
#breite  {
width : 920px;
}

/* breedte van het linker gedeelte */
#nav_breite {
width : 200px;
}


body {
margin-top : 20px;
margin-left : 0;
margin-right : 0;
margin-bottom : 20px;
background-color : #323232;
}

h2 {
	color : #CCCCCC;
	margin-bottom : 30px;
	letter-spacing : 2px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 22px;
}

#haupt {
border : 20px solid #444444;
}

/* ========== Bovengedeelte ========== */

#top1  {
height : 140px;
background-color : #454545;
color : #56686d;
width : 100%;
vertical-align : middle;
text-align : center;
font-family : georgia, arial, tahoma, verdana, helvetica, sans-serif;
font-size : 17px;
line-height : 20px;
padding-left : 20px;
background-image : url(images/schatten_ob.jpg);
background-repeat : repeat-x;
background-position : 50% 0%;
border-top : 1px solid red;
border-left : 1px solid #5a5556;
border-right : 1px solid #5a5556;
}

#top2 {
height : 80px;
background-color : #444444;
color : #56686d;
width : 100%;
vertical-align : middle;
padding-left : 0;
border-bottom : 1px solid #000;
background-image : url(images/schatten_ob.jpg);
background-repeat : repeat-x;
background-position : 50% 100%;
border-top : 1px solid #000;
border-bottom : 1px solid #000;
border-left : 1px solid #000;
border-right : 1px solid #000;
}

#top3 {
	background-color : #3a3a3a;
	color : #333333;
	height : 200px;
	vertical-align : top;
	text-align : left;
	font-family : georgia, arial, helvetica, tahoma, verdana, sans-serif;
	font-size : 12px;
	line-height : 20px;
	font-variant : small-caps;
	vertical-align : top;
	text-align : left;
	background-image : url(images/logo.jpg);
	background-repeat : no-repeat;
	background-position : 70% 100%;
	border-top : 1px solid #5a5556;
	border-left : 1px solid #000;
	border-right : 1px solid #000;
	border-bottom : 1px solid #000;
	
}


/* ========== middengedeelte ========== */



#nav  {
padding : 0 0 0 0;
text-align : center;
vertical-align : top;
background-color : #282828;
background-image : url(images/xschatten_ob.jpg);
background-repeat : repeat-x;
background-position : 50% 100%;
border-top : 1px solid #5a5556;
border-left : 1px solid #000;
border-right : 1px solid #000;
border-bottom : 1px solid #000;
}

.nav_ob {
height : 45px;
padding : 0 0 0 0;
text-align : center;
vertical-align : top;
background-color : #454545;
background-image : url(images/schatten_un.jpg);
background-repeat : repeat-x;
background-position : 50% 100%;
border-bottom : 1px solid #000;
margin : 0;
}

#nav_logo {
text-align : center;
vertical-align : middle;
height : 186px;
background-color : #444444;
color : #7d7d7d;
background-image : url(images/xname_logo.gif);
background-repeat : repeat-x;
background-position : 50% 50%;
}

.nav_un {
height : 45px;
padding : 0 0 0 0;
text-align : center;
vertical-align : top;
background-color : #454545;
background-image : url(images/schatten_ob.jpg);
background-repeat : repeat-x;
background-position : 50% 0%;
margin : 0;
}



#textbox {
height : 500px;
background-color : #454545;
text-align : justify;
font-size : 15px;
line-height : 20px;
font-family : arial, tahoma, verdana, helvetica, sans-serif;
color : #CCCCCC;
padding-top : 60px;
padding-bottom : 80px;
padding-left : 20px;
padding-right : 20px;
letter-spacing : 0;
width : 100%;
vertical-align : top;
background-image : url(images/schatten_ob.jpg);
background-repeat : repeat-x;
background-position : 50% 0%;
border-top : 1px solid #5a5556;
border-bottom : 1px solid #000;
border-left : 1px solid #5a5556;
border-right : 1px solid #000;
}



/* ========== footergedeelte ========== */

#fuss_ob  {
height : 45px;
background-color : #282828;
width : 100%;
background-image : url(images/schatten_un.jpg);
background-repeat : repeat-x;
background-position : 50% 0%;
border-left : 1px solid #000;
border-right : 1px solid #000;
border-top : 1px solid #5a5556;
}

#fuss_mitte {
height : 20px;
color : #CCCCCC;
background-color : #282828;
font-family : georgia, arial, helvetica, tahoma, verdana, sans-serif;
font-size : 14px;
line-height : 20px;
text-align : center;
width : 100%;
vertical-align : middle;
border-left : 1px solid #000;
border-right : 1px solid #000;
}

#fuss_un {
height : 45px;
background-color : #282828;
width : 100%;
vertical-align : middle;
text-align : center;
background-image : url(images/xschatten_un.jpg);
background-repeat : repeat-x;
background-position : 50% 0%;
border-bottom : 1px solid #000;
border-left : 1px solid #000;
border-right : 1px solid #000;
}

/* ========== Schaduw in het hoofdgedeelte ========== */
#s1  {
background-image : url(images/s1.jpg);
background-repeat : no-repeat;
background-position : 100% 0%;
height : 22px;
line-height : 22px;
width : 22px;
}
#s2 {
background-image : url(images/s2.jpg);
background-repeat : repeat-x;
background-position : 0% 0%;
height : 22px;
line-height : 22px;
width : 100%;
}
#s3 {
background-image : url(images/s3.jpg);
background-repeat : repeat-x;
background-position : 0% 0%;
height : 22px;
line-height : 22px;
width : 22px;
}
#s4 {
background-image : url(images/s4.jpg);
background-repeat : repeat-y;
background-position : 100% 0%;
height : 100%;
width : 22px;
}
#s4back {
background-image : url(images/s4back.jpg);
background-repeat : repeat-y;
background-position : 100% 0%;
height : 100%;
width : 22px;
vertical-align : top;
}
#s6 {
background-image : url(images/s6.jpg);
background-repeat : repeat-y;
background-position : 0% 0%;
height : 100%;
width : 22px;
}
#s6back {
background-image : url(images/s6back.jpg);
background-repeat : repeat-y;
background-position : 0% 0%;
height : 100%;
width : 22px;
vertical-align : top;
}
#s7 {
background-image : url(images/s7.jpg);
background-repeat : no-repeat;
background-position : 100% 0%;
height : 22px;
line-height : 22px;
width : 22px;
}
#s8 {
background-image : url(images/s8.jpg);
background-repeat : repeat-x;
background-position : 0% 0%;
height : 22px;
line-height : 22px;
width : 100%;
}
#s9 {
background-image : url(images/s9.jpg);
background-repeat : no-repeat;
background-position : 0% 0%;
height : 22px;
line-height : 22px;
width : 22px;
}