/* TAMARA CUYPERS 2007 */

/* GENERAL */

* {
    font-size:100%;
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

body {
	text-align: center;
	background: #1a1a1a url(../images/bg.gif);
}

* html #container {
	height:100%;
}

* html #wrapper {
	height:478px;
}


.clearer {
    clear:both;
}

h1 
{
	position:relative;
	left:-10px;
	background: url(../images/arrow.gif) top left no-repeat;
	background-position:3px 6px;
	color:#b70a0a;
	font-size:22px;
	font-weight:normal;
	padding-left:15px;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
	text-align:left;
}

h2 
{
	margin-top:5px;
	margin-bottom:10px;
	font-size:21px;
	font-weight:normal;
	text-align:left;
}

h3
{
	margin-top:5px;
	margin-bottom:7px;
	font-size:18px;
	font-weight:normal;
	text-align:left;
}

h4
{
	margin-top:5px;
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;
	text-align:left;
}

h5
{
	margin-top:5px;
	margin-bottom:5px;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}

#myGallery h3
{
	font-size:12px;
}
	
#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#beheer #container {
	width: 300px;
	margin: 0 auto;
	text-align: left;
	font-family:Arial, Verdana, Sans-Serif;
}

#wrapper{
	position:relative;
	width:700px;
	float:left;
	background: url(../images/contentbg.gif) top right repeat-y;
	top:26px;
	min-height:448px;
	/*min-height:478px;*/
	padding-bottom:70px;
}

#backgroundimage
{
	position:absolute;
	top:0px;
	left:0px;
}

#content{
	position:relative;
	color:#dadada;
	top:70px;
	margin-left:270px;
	font-size:12px;
	font-family:Arial,Verdana, sans-serif;
	line-height:160%;
	text-align:justify;
	width:400px;
	padding-bottom:25px;
}

#content a{
	color:#F19806;
	text-decoration:none;
}

#content a:hover{
	color:#dadada;
	text-decoration:underline;
}

#content ul
{
	margin-left:30px;
}

/* MAIN MENU */

#menu{
 	width: 250px;
 	height: 458px;
 	background: url(../images/menu.gif) no-repeat; 
 	padding: 0;
 	position: relative;
 	margin-left:700px;
 	top:53px;
}


#menu li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#menu a {display: block; text-indent: -9999px; text-decoration: none;}


#tamara {left: 3px; top: 3px; width: 123px; height: 137px;}

#aram {left: 127px; top: 3px; width: 123px; height: 137px;}

#taman {left: 3px; top: 142px; width: 123px; height: 137px;}

#fotogalerij {left: 127px; top: 142px; width: 123px; height: 137px;}

#contact {left: 3px; top: 280px; width: 123px; height: 70px;}

#links {left: 127px; top: 280px; width: 123px; height: 70px;}

#edu {left: 83px; top: 371px; width: 80px; height: 60px;}


#tamara a {height: 137px;}

#aram a {height: 137px;}

#taman a {height: 137px;}

#fotogalerij a {height: 137px;}

#contact a {height: 70px;}

#links a {height: 70px;}

#edu a {height: 60px;}


#tamara a:hover {background: url(../images/menu.gif) -3px -460px no-repeat;}

#aram a:hover {background: url(../images/menu.gif) -127px -460px no-repeat;}

#taman a:hover {background: url(../images/menu.gif) -3px -599px no-repeat;}

#fotogalerij a:hover {background: url(../images/menu.gif) -127px -599px no-repeat;}

#contact a:hover {background: url(../images/menu.gif) -3px -737px no-repeat;}

#links a:hover {background: url(../images/menu.gif) -127px -737px no-repeat;}

#edu a:hover {background: url(../images/menu.gif) -83px -828px no-repeat;}


/* SUBMENU */

.submenu{
	float:left;
	list-style-type:none;
	position:relative;
	left:100px;
	top:65px;
	width:130px;
	color:#dadada;
	font-family:Arial,Verdana, sans-serif;
	font-size:12px;
}

.submenu li{
	background:url(../images/arrow.gif) top left no-repeat;
	background-position:1px 3px;
	padding-left:15px;	
}

.submenu li a{
	color:#F19806;
	text-decoration:none;
}

.submenu li a:hover{
	color:#dadada;
	text-decoration:none;
}

.submenu li .active
{
	color:#dadada;
}

/* FOOTER */

#footer {
	clear:both;
	position:relative;
	height:52px;
	text-align:right;
	background:url(../images/footer.gif) top left no-repeat;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	width:700px;
}

/* NIEUWS */

.nieuws 
{
	margin-bottom:20px;
}

.nieuws .titel 
{
	font-weight:bold;
	color:#FF9900;
	width:320px;
	float:left;
}

.nieuws .titel img 
{
	margin-right:5px;
}

.nieuws .datum 
{
	color:#FF9900;
	width:75px;
	margin-left:322px;
	text-align:right;
	font-size:10px;
}

.nieuws .inhoud
{
	padding-top:5px;
}

.scheidingslijn
{
	background:url(../images/scheidingslijn.gif) no-repeat;
	background-position:center;
	height:5px;
	margin-bottom:10px;

}

.leftmargin
{
	margin-left:10px;
}

.rightmargin
{
	margin-right:10px;
}

.topmargin
{
	margin-top:10px;
}

.bottommargin
{
	margin-bottom:10px;
}

.textbox
{
	color:#dadada;
	background-color:#000000;
	border:1px solid #dadada;
	padding:2px;
}