/* CSS Document by Svein Erik Storkaas 2008 | www.csstemplatesweb.com */


html * {
padding : 0;
margin : 0;
font-family: tahoma, arial, verdana, sans serif;
font-size : 0.95em;
}
body{ background-color: #000;}

#container 
{
width: 1070px;
margin: 40px auto;            
background-color:#000;

}

#header {height: 80px;
background: #333;
background-image:url(img-styling/logoSolaGratia.gif);
background-position: left;
background-repeat: no-repeat;
border-bottom: 3px solid #ff9005;	
}

#leftColumn {width: 370px;
float: left;
background-color:#000; 
}

#rightColumn 
{
width: 650px;
float: right;
background-color:#000;     
}

#rightColumnhome
{
width: 645px;
height:608px;
float: right;
background-image:url(img-styling/doorkijk.gif);
background-repeat:no-repeat;
background-position:bottom right;  
background-color:#000;     
}

#leftColumnhome {width: 368px;
height:608px;
float: left;
background-color:#000; 
}

#leftColumnhome p {padding-left: 55px;}

#leftColumnhome h3 {padding-left: 55px;}

#leftColumnhome img {padding-left: 55px;}

#footer 
{
clear: both;
height:80px;
background: #333;
text-align:center;   
border-top: 3px solid #ff9005;	              
}

#footer p
{
color:#656363; 
padding-top:35px;
font-family:Arial;
font-size: 80%;
}

#menucontainer 
{
width:400px;
height:400px;
margin-top:30px;
margin-left:0px;	
}

#logotext 
{
width:350px;
height:119px;
margin-top:20px;
margin-left:15px;
font-family:Tahoma, verdana;
font-size:150%;
color:#fff;
}

#logotext h2
{
margin-left:25px;
font-family:Tahmoa;
font-size:25px;
color:#6A2B1E;
}

#textbox
{
width:645px;
height:auto;
margin:30px 0px 0px 0px;	
}

#textbox p
{
padding:10px 10px 10px 10px;
font-family:Tahoma, "ms Sans-Serif";
font-size:14px;
color:#ccc;
}

#textboxhome
{
width:350px;
height:auto;
margin:60px 0px 0px 0px;	
}

#textboxhome p
{
padding:10px 10px 10px 0px;
font-family:Tahoma, "ms Sans-Serif";
font-size:14px;
color:#ccc;
}

h1{ font-family:Arial;
font-size:150%;
color:#FF9005;
padding:0px 0px 0px 10px;
}

#textboxhome h1{ font-family:Arial;
font-size:150%;
color:#FF9005;
padding:10px 10px 10px 0px;

}

h2{ font-family:Arial;
font-size:120%;
color:#fff;
padding:0px 0px 0px 10px;
}

h3{ font-family:Arial;
font-size:150%;
color:#FF9005;
padding:0px 0px 0px 10px;
}

h4{ font-family:Arial;
font-size:120%;
color:#fff;
padding:0px 0px 0px 10px;
}

a {color:#FF9005; text-decoration:none;}
a:visited {#FF9005; text-decoration:none;}
a:active {#FF9005; text-decoration:none;}
a:hover { color: #ccc;
text-decoration:none;}


#hex {padding:0; margin:0 auto; list-style:none; width:325px;}
#hex li {display:block; float:left; width:104px; margin-right:4px;  height:120px;}
#hex li.p1 {padding-left:54px;}
#hex li.p2 {margin-top:-26px;}
#hex li a {text-decoration:none; color:#fff; cursor:pointer; font-size: 100%;}
#hex li a b {display:block; width:0; height:0; overflow:hidden; border-bottom:30px solid #6A2B1E; border-left:52px dotted transparent; border-right:52px dotted transparent; font-size: 100%;}
#hex li a span {display:block; width:104px; height:60px; line-height:59px; text-align:center; background:#6A2B1E; font-size:11px; font-family: arial, verdana, sans-serif; font-size: 100%;}
#hex li a em {display:block; width:0; height:0; overflow:hidden; border-top:30px solid #6A2B1E; border-left:52px dotted transparent; border-right:52px dotted transparent; font-size: 100%;}
/* hack for IE5.5 */
* html #hex li a b, * html #hex li a em {width:104px; height:30px; w\idth:0; he\ight:0;}

#hex li a.inner b {border-bottom-color:#FF9005; color: #333; font-size: 100%;}
#hex li a.inner span {background:#FF9005; font-size: 100%;}
#hex li a.inner em {border-top-color:#FF9005; font-size: 100%;}

#hex li a:hover {white-space: normal; font-size: 100%;}
#hex li a:hover b {border-bottom-color:#333; font-size: 100%;}
#hex li a:hover span {background:#333; font-size: 100%;}
#hex li a:hover em {border-top-color:#333; font-size: 100%;}

#hex li a.inner:hover b {border-bottom-color:#6A2B1E; font-size: 100%;}
#hex li a.inner:hover span {background:#6A2B1E; font-size: 100%;}
#hex li a.inner:hover em {border-top-color:#6A2B1E; font-size: 100%;}

table {
width: 600px;
font: tahoma;
font-size: 120%;
padding-left: 10px;
color: #ccc;
}

.tdkop {
background-color: #6a2b1e;
color: #ccc;
font-family: Andale Sans, Tahoma, Verdana, Helvetica;
font-weight: strong;
}

td {
border-bottom: 1px solid #999;
color: #ccc;
}

.fl { float: left; padding: 10px;}
.fr { float: right;padding: 10px;}
.r {text-align: right;}
.c { text-align: center;}
.p {text-align: right; font-style: italic;}
.b {font-weight: bold;}

#rightColumnhome li {color: #ccc;
padding-left: 50px;}

#rightColumn li
{color: #ccc;
padding-left: 50px;}

#sitemap {padding-left: 1px}

#sitemap ul {list-style-type: none;}
#sitemap li {list-style-type: none;}

.ul
{
list-style-type: disc;
list-style-position: inside;
padding: 0px;
margin: 0px;
}
.li
{
background-image: url();
background-repeat: no-repeat;
background-position: 0px 5px; 
padding-left: 14px; 
}

.comment {
font-size: 80%;
font-color: #6A2B1E;
font-style: italic;
}

.i {font-style: italic;
	font-size: 80%;}
.br {color: #6A2B1E;}
.or {color: #FF9005;}


/* form elements */
form {
	margin: 0px;
	padding: 0 5px;
	border: 0px solid #D5D5D5; 
	background-color: #000; 	
	width: 80%;
	padding-left: 20px;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;

}
input {
	padding:2px;
	border:1px solid #666;
	font: 90% Verdana, sans-serif;
	color:#6A2B1E;
	background-color: #ccc;		
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #666;
	height:100px;
	display:block;
	color:#777;
	background-color: #ccc;
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #666;
	background: url() repeat-x 0 0;
	border: 1px solid #FF9005;
}

/* search form */
.searchform {
	background-color: transparent;
	border: none;	
	margin: 0 0 0 3px; padding: 5px 0 10px 0;	
	width: 220px;	
}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox { 
	width: 130px;
	color: #777; 
	height: 18px;
	padding: 2px;	
	border: 1px solid #E5E5E5;
	vertical-align: top;
}
.searchform input.button { 
	width: 60px;
	height: 24px;
	padding: 2px 5px;
	vertical-align: top;
}

.content {
    border: 1px solid #666;
	padding: 5px;
	background-color: #fff;
	z-index: 1;
	}

.contenttoe {
    border: 1px solid #666;
	width: 500px;
	padding: 5px;
	background-color: #fff;
	z-index: 1;
	}
	
	
		.gbtabel {
border : 0px solid #FF9005; 
}

.gbentry {
margin : 10px; 
padding : 0; 
} 

div.gb {
margin : 0 0 20px; 
padding : 0; 
border : 1px solid #FF9005; 
line-height : 19px; 
} 
div.gb-author {
margin : 0; 
padding : 1px 10px; 
border-bottom : 1px solid #FF9005; 
color: #FF9005; 
background : #dbf5df; 
} 
 	
.gb-kop {color: #FF9005; }