/*  
Theme Name: Aardrock Skin
Theme URI: http://www.aardrock.com 
Description: Aardrock.com Main Theme.
Version: 1.0
Author: Berrie Schoots
Author URI: http://www.berrieschoots.nl
*/


/* *********************************BODY OPMAAK *****************  */

body{
	margin:0;
	padding:0;
	font-family:Optima,Verdana; /* ***FONT OPMAAK***  */
 	font-size:12px;
 	color:#333333;
	background-image:url(img/nav/bg.png);
	background-position:top left;
	background-repeat:repeat-x;
}

/* *********************************CONTAINER OPMAAK *****************  */

#container{
	width:672px;
	margin:0 auto;
}

/* *********************************MENU OPMAAK *****************  */

#menu{
 	color:#333333;
 	width:672px;
 	height:24px;
 	background-image:url(menu_bar.png);
 	background-repeat:no-repeat;
 	padding-top:4px;
 	padding-left:14px;
 	margin-top:12px;
 	font-weight:bold;
 	font-size:12px;
}

#menu ul {
 	margin:0;
 	padding:0;
 	list-style:none;
}
		
#menu li {
 	float:left;
 	margin:0;
 	padding:0;
}

#menu a {
 	display:block;
 	padding:1px 8px;
 	text-decoration:none;
 	color:#333333;
}

#menu a:hover {
 	display:block;
 	padding:1px 8px;
 	text-decoration:none;
 	color:#333333;
 	background-color:#ffffff;
}

#menu a:visited {
 	display:block;
 	padding:1px 8px;
 	text-decoration:none;
 	color:#333333;
}

#menu a:active {
 	display:block;
 	padding:1px 8px;
 	text-decoration:none;
 	color:#333333;
 	background-color:#ffffff;
}

/* *********************************ZOEKMACHINE OPMAAK *****************  */

#search{		
	margin-top:10px;
	width:100%;
	text-align:right;
}

input.searchinput{
	border:1px solid #cccccc;
 	font-size:10px;
}

#searchform{
	margin:0;
}

#searchinput{
	width:125px;
}

#searchbutton{
	height:22px;
}

/* *****************************SUBPANELS OPMAAK *****************  */
#content_double{
 float:left;
 margin-top:12px;
 margin-right:12px;
 height:195px;
 width:192px;
 border:0;
}

#content_one{
 float:left;
 margin-top:12px;
 height:195px;
 width:264px;
 border:0;
}

/* ****************************** LINKOPMAAK *****************  */

#header a, #header a:visited, #footer a, #footer a:visited{
 text-decoration:none;
 color:#333333;
}

#header a:hover, #footer a:hover{
 text-decoration:underline;
 color:#333333;
}

#content a, #content a:visited, #content_full a, #content_full a:visited, #art_archive a, #art_archive a:visited{
 text-decoration:none;
 font-weight:bold;
 color:#660099;
}

#content a:hover, #content_full a:hover, #art_archive a:hover{
 text-decoration:underline;
 font-weight:bold;
 color:#660099;
}

/* *********************************CONTENT OPMAAK *****************  */

#content_full{
 width:672px;
 margin-top:12px;
 min-height:250px;
 line-height:18px;
}

#content{
 line-height:18px;
 width:470px;
 margin-left:0px;
 margin-right:10px;
 padding:0px;
 float:left;
}

#art_archive{
 float:left;
 padding:0px;
 width:175px;
 font-size:10px;
 line-height:normal;
 
}

input.searchinput{
 border:1px solid #cccccc;
 font-size:10px;
}


h1 {
	padding-right: 0px; 
	padding-left: 0px; 
	font-size: 18px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 	
}

h2{
	font-size:16px;
	font-weight:bold;
}

h3{
	font-size:14px;
	font-weight:bold;
}

.contenttitle{
	border-bottom:1px solid #cccccc; 
	padding-bottom:2px;
}

img{
 border:0px;
}

.yellow{
 color:#ffd300;
}

.lightgrey{
 color:#333333;
}

input.search{
 border:1px solid #cccccc;
}

input{
 border:1px solid #cccccc;
 margin:2px;
}

textarea{
 border:1px solid #cccccc;
 margin:2px;
}

.read-on{
 background:url(img/nav/readon_black.gif) 100% 60% no-repeat;
 padding-right:20px;
}

p.post_bar{
 font-size:9px;
 margin:0px;
 padding:0px; 
}

p{
 line-height:18px;
}

/* *********************************HEADER OPMAAK *****************  */

#header {
	margin-top:8px;
	font-size: 9px; 
 	text-align:left;
 	width:672px;
}

#header a {
	color: #333333; 
	text-decoration: none;
}

#header a:visited {
	color: #333333; 
	text-decoration: none;	
}

#header a:hover {
	color: #333333; 
	text-decoration: underline;
}

#header2 {
	font-size: 10px; 
	margin-top:12px;
	width:100%;
}

#header2 a {
	color: #333333; 
	text-decoration: none;
}

#header2 a:visited {
	color: #333333; 
	text-decoration: none;
}

#header2 a:hover {
	color: #333333; 
	text-decoration: underline;
}

/* *********************************FOOTER OPMAAK *****************  */

#footer {
	clear:both;
	font-size: 9px;
	width:672px;
	margin:0px auto; 
	
}

#footer a {
	color: #333333; 
	text-decoration: none;
}

#footer a:visited {
	color: #333333; 
	text-decoration: none;
}

#footer a:hover {
	color: #333333; 	
	text-decoration: underline;
}

/* *********************************GELE BALK ONDERKANT OPMAAK *****************  */

hr {
	border: #ffd300 1px solid; 
	width: 672px;
	padding:0px;
	margin:0px;	
}

hr.small_line {
	border: #ffd300 1px solid; 
	width: 463px;
	padding:0px;
	margin:0px;	
	text-align:left;
}
/* *********************************LOGO OPMAAK *****************  */

/*
#logo{
	margin-top: 12px; 
	background-image: url(aardrock_logo.png); 	
	background-repeat: no-repeat; 
	height: 36px	
}
*/

/* *********************************VISTA OPMAAK *****************  */

#vista {
	margin-top: 12px; 
	background-image: url(test.png); 
	width: 672px; 
	background-repeat: no-repeat; 
	height: 192px
}

/* *********************************GELE STREEP TUSSEN LINKS OPMAAK *****************  */

.yellow {
	color: #ffd300;
}



/* Dingen door Martien toegevoegd. */

.panel {
  width: 192px;
  float: left;
  padding-right: 12px;
}
.panel3 {
  width: 264px;
  float: left;
  padding-right: 0px;
}
.paneltext {
  padding: 12px;
  background-image: url('verloop.png');
  background-repeat: repeat-x;
  height: 72px;
}

