@charset "UTF-8";
/* CSS Document */

html, body, div, img, table, td, ul, li, p, h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
}

body {
	background-color:#fff;
}


h1{
	font-family:Verdana, Geneva, sans-serif;
	color:#E6B048;
	font-weight:bold;
	font-size:18px;
}

h2{
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	font-weight:bold;
	font-size:13px;
}

h3{
	font-weight:400;
	font-style:italic;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	font-size:12px;
}

h4, h5 {
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color:#aa8a61;
}

p{
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:11px;	   
	line-height: 17px;
	padding: 12px 0; 
}

p a{
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:11px;	   
	line-height: 17px;
	padding: 12px 0; 
}
p a:link, ul a:link,p a:active, ul a:active,p a:visited, ul a:visited{
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:11px;	   
}

p a:hover, ul a:hover{
	color:#E6B048;
}



div#outer-wrapper{		
	background-color:#fadd99;
	
	width:970px;
	height:669px;
	/*margin:0px auto 0px 0px; */
	text-align: left;
	/* position: absolute; */
	position: relative;
	/* margin-left: -450px; */
}

div#inner-wrapper {
	background-color:#FFFFFF;
	width:958px;
	height:670px;
	position:relative;
	margin-left:12px;
}

div#header {
	width:702px;
	float: left;
}
/*
div#inner-wrapper {
	background: url(../images/rupako-header.jpg) no-repeat;
}
*/

div#logo{
	width:226px;
	height:185px;
	float:left;
	padding-left: 10px;
	background:url(../images/rupako_rood_3.jpg) no-repeat bottom left;
}

div#logo-balk{
	background-color:#002E60;
	width:236px;
	height:43px;
}

div#navigatie{
	color:#fff;
	width:281px;
	height:440px;
	float:left;
	padding-top:32px;
}


#navigatie ul,
#navigatie ul li {
	list-style-position: inside;
}

#navigatie li {
	list-style-type:square;
	padding-top:4px;
	padding-left: 10px;
}

#navigatie li.sub {
	list-style-type:none;
	margin-top:0px;
	margin-left: 20px;
}

#navigatie ul li ul {
  margin-top: 0px;
}

#navigatie ul li a {
	letter-spacing:0.05em;
	padding:0px 0px 0px -1px;
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}

#navigatie ul li a.active{
	color:#002E60;
	font-weight:bold;
	font-size:11px;
}

#navigatie ul li a:hover{
	font-size:11px;
	color:#002E60;
}

#navigatie ul li li{
	padding:1px 0px 0px 12px;	
	list-style-type:none;
}

#navigatie ul li li a{
	font-size:10px;
	height:17px;
}

#navigatie ul li li a:hover{
	color:#002E60;
}

#navigatie ul li li a.active{
	font-size:10px;
	color:#002E60;
}

#navigatie li.spacing {
	padding-top: 12px;
}

div#content-main{
	background-color:#cd051f;
	width:655px;
	height:450px;
	float:left;
	padding:22px 0px 0px 0px;
}

div#content{
	width:398px;
	height:414px;
	float:left;
	margin:15px 210px 20px 25px;
	padding-right:10px;
	overflow:auto;
}

div#content-wide{
	width:550px;
	height:500x;
	float:left;
	margin:15px 210px 20px 25px;
	padding-right:10px;
	overflow:auto;
}
div#content li{
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	margin-left:16px;
	font-size:11px;	
}
.gallery {
	width: 398px;
}

.gallery img {
	border : 0px;
	vertical-align :top;
	padding :0px;
	margin : 0px;
	float: left;
	width : 392px;
	height : 288px;
}

.gallery_small img {
	border : 0px;
	width:  148px;
	height: 94px;
	padding: 0 0 3px 3px;
}

.gall_content  {
		height : 120px;
		overflow: auto;
		font-family:Verdana, Geneva, sans-serif;
		font-size: 10px;
		
	}
	
	
.gall_content p{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 9px;	
	line-height: 11px;	
}
.gall_content a{
	overflow : auto;
	height : 120px;
	bottom: 2px;
	color: #ffffff;
	text-decoration : none;	
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;	
	margin-left: 20px;
	_margin-left: 50px;
}


.clr {
	clear: left;
	height: 0;
	width: 1px;
}

div#footer{
	background:url(../images/rupako_rood_4.jpg) no-repeat;
	clear:left;
	height:12px;
}