/* CSS voor ToonHermanshuisWeert.nl

	Template thh_temp01

	gemaakt door Boy Kollee, Weert www.boykollee.nl 11-12-2010
	
	gebruikte kleuren:
	Logo bruin #febc1f
	folder blauw: #00aeef
	folder rood: #ec008c
	donker blauw: #1b245d
	grijs: #eeeeee

*/

* {
padding: 0px;
margin: 0px;
}

@font-face { 
font-family: "aller_rg-webfont"; 
src : url("../type/aller_rg-webfont.ttf") format("truetype"); 
}
@font-face { 
font-family: "aller_bd-webfont"; 
src : url("../type/aller_bd-webfont.ttf") format("truetype"); 
}

html {
overflow-y: auto;
overflow-x:hidden;
height:100%;
}
#wrapper {
width: 1024px;
margin: 0 auto;
padding:0;
background-color:#eeeeee;
border:1px solid #00aeef;
}
body {
font-family:Helvetica, Verdana, sans-serif;
padding:0;
margin:0;
background-color:#fff;
/*background:#eeeeee url(../images/tulpen.png);*/
}
#user1 {
position:absolute;
top:0
left:0;
z-index:0;
}
#header {
position:relative;
height:130px;/*was 290px */
width:100%;
background:url(../images/header.png) no-repeat top left;
border-bottom:1px solid #00aeef;
margin:0;
padding:5px 0 15px 0;
}
#hor_nav {
float:left;
height:20px;
margin:0x;
padding:0 0 0 820px;
background-color:#eeeeee;
}
#hor_nav .moduletable span {
font-size:12px;
color:#00aeef;
}
#hor_nav .moduletableinlog {
margin:0;
padding:5px 0 0 0;
}
#hor_nav .moduletableinlog a {
font-size:12px;
text-decoration:none;
padding:2px 10px;
background-color: #eeeeee;
color:#00aeef;
}
#hor_nav .moduletableinlog a:hover {
background-color: #00aeef;
color:#fff;
}
#hor_nav #fontsize {
	padding:0;
	margin:-15px 20px 0 120px;
	
}
#hor_nav #fontsize a {
	color:#00aeef;
}
#hor_nav #fontsize a:hover {
background-color: #00aeef;
color:#fff;
}
#user2 .moduletablesoc_med {
padding:140px 10px 0 805px;
margin:0;
}
#user2 .moduletablesoc_med img {
padding-left:5px;
}
#left {
clear:both;
float:left;
width: 200px;
padding:20px 0 0 10px;
margin:0;
height:100%;
background-color:#eeeeee;
}
#left #ver_nav ul li a {
width:160px;
font-size:90%;
color:#00aeef;
font-family:Helvetica, Verdana, sans-serif;
padding:5px;
margin:0;
}
#left #ver_nav ul ul li a {
width:160px;
font-family:Helvetica, Verdana, sans-serif;
font-size:90%;
padding:5px;
}
#left #search {
float:left;
font-family:Helvetica, Verdana, sans-serif;
width:12em;
padding:0 0 0 5px;
margin:-5px 0 0 0;
}
#search .inputbox {
color:#666;
border:1px solid #00aeef;
font-size: 12px;
color:#00aeef;
margin:0;
padding:0;
}
#extra .moduletablesymposium {
float:left;
margin-top:20px;
padding:5px 10px 10px 15px;
width:160px;
border:1px solid #999;
border-radius:15px;
background-color:#eeeeee;
}
#extra .moduletablesymposium h3 {
	font-family: "aller_bd-webfont", Helvetica, sans-serif;
	font-size:20px;
	padding:10px 0 0 0;
	margin:0 0 10px 0;
	color:#ec008c;
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:1px solid #ec008c;
	width:150px;
}
#extra .moduletablesymposium p {
font-size:12px;
line-height:150%;
color:666;
width:170px;
padding:10px 0 0 0;
}
#extra .moduletablesymposium strong {
font-size:14px;
color:#ec008c;
}
#content {
float:left;
width:571px;
min-height:600px;
height:100%;
text-align:left;
margin:0;
padding:0 0 0 20px;
border-left:1px solid #00aeef;
border-right:1px solid #00aeef;
background:#eeeeee url(../images/hart.png) no-repeat -100px 0;
overflow-x: hidden;
overflow-y: auto;
}
#right {
float:right;
width:200px;
padding:0;
margin:0;
height:100%;
}
#footer {
clear:both;
width:674px;
padding:0 0 0 350px;
margin:0;
height:30px;
background-color:#eeeeee;
border-top:1px solid #00aeef;
}
#footer p,
#footer a {
color:#1b245d;
font-family:Helvetica, Verdana, sans-serif;
font-size:10px;
padding:10px 0 0 0;
margin:0;
}
#content div.componentheading {
padding:0 0 5px 0px;
font-size: 110%;
font-weight:bold;
margin:0 0 10px 0;
color:#ec008c;
}
#content img.voorpagina {
	padding:0;
	margin:0;
}
#content h1, h2, h3 {
font-family: "aller_bd-webfont", Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
width:510px;
padding: 10px 0 0 10px;
}
#content h5, h6, p, li {
font-family: "aller_rg-webfont", Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
width:510px;
padding: 10px 0 0 10px;
}
#content p, li {
font-size:95%;
color: #666;
line-height:130%;
padding:0px 20px 10px 0;
}
#content em {
line-height:145%;
font-size:100%;
}
#content strong {
font-weight:bold;
font-size:95%;
line-height:130%
color:#666;
}
#content h1 {
font-family:"aller_rg-webfont", Helvetica, sans-serif;
padding:0 0 5px 0;
margin:10px 0 10px 0px;
font-size: 110%;
font-weight:normal;
text-transform: uppercase;
color:#1b245d;
border-bottom:2px dotted #1b245d;
}
#content h2 {
font-size: 95%;
padding-top: 20px;
font-weight: normal;
line-height:150%;
margin:0;
padding: 10px 20px 10px 0px;
color: #00aeef;
}
#content h3 {
padding:10px 0 10px 0px;
color:#0033CC;
font-weight: normal;
text-transform: uppercase;
font-size: 90%;
margin:0;
}
#content h4 {
text-align: center;
font-size: 125%;
font-style: normal;
line-height:150%;
color:#00aeef;
padding: 10px 0 0 20px;
margin:0;
text-shadow:2px 2px 4px #999;
}
#content h5 {
font-size: 110%;
font-weight: normal;
padding: 10px 0 10px 0;
line-height:120%;
color: #0033CC;
margin:0;
}
#content h6 {
font-size: 70%;
text-align:left;
font-weight: normal;
padding:20px 0 10px 0px;
font-style: italic;
margin:0;;
color: #808080;
}
#content img {
padding:0 10px 5px 10px;
border:none;
}
#content table {
padding:20px 0;
margin:0;

border-collapse:collapse;
color:#666;
}
#content ul,
#content ol {
padding-bottom:10px;
}
#content ol li {
	list-style-type:decimal;
}
#content li {
padding: 5px 0 0 10px;
margin-left:40px;
font-size:95%;
line-height:140%;
list-style-type:circle;
}
#content .bestuur li p {
padding:0 0 2px 0;
margin:0;
}
#content .geel {
color:#e7ae26;
}
#content .contact {
margin:0;
padding:0;
}
#content .tabel p {
padding:20px;
}
#content .contentheadinglijst h1 {
	font-family:"aller_rg-webfont", Helvetica, sans-serif;
	padding:0 0 5px 0;
	margin:10px 0 10px 0px;
	font-size: 110%;
	font-weight:normal;
	text-transform: uppercase;
	color:#1b245d;
border-bottom:2px dotted #1b245d;
}
#user1 .moduletableslide_show {
padding:0;
margin:0;
border:none;
}

/* opmaak categorielijst */

#content div.componentheadinglijst {
padding:20px 0 5px 0px;
font-size: 125%;
font-weight:bold;
margin:0 0 10px 0;
color:#ec008c;
}
#content td.sectiontableheaderlijst {
padding:10px 0;
color:#0033CC;
font-weight: normal;
font-size: 100%;
margin:0;
}
#content tr.sectiontableentry1lijst td {
font-size:90%;
padding:3px 0;
}
#content tr.sectiontableentry2lijst td {
font-size:90%;
padding:3px 0;
}
#content tr.sectiontableentry1lijst a {
padding-left:15px;
}
#content tr.sectiontableentry2lijst a {
padding-left:15px;
}

#content table.sponsoren {
width:550px;
table-layout:fixed;
border-collapse:collapse;
}
#content table.sponsoren.kolom1 {
width:250px;
}
#content table.sponsoren.kolom2 {
width:250px;
}

#content table.sponsoren tr,
#content table.sponsoren td {
padding:0;
margin:0;
border:3px inset #00aeef;
}
#content table.sponsoren img {
padding:10px;
margin:0;
}
#content .xmap {
padding:0;
margin:0;
}
#content .chronoform {
display:none;
}
#right .moduletablenieuws {
padding:0 10px 0 0;
margin:0;
height:100%;
}
#right .moduletablenieuws h3 {
font-family:"aller_rg-webfont", Helvetica, sans-serif;
padding:20px 0 0 0;
font-size: 100%;
font-weight:normal;
text-transform: uppercase;
margin:0;
color:#00aeef;
text-align:left;
width:180px;
}
#right #slideshowbox {
	padding:0;
	margin:0;
}
#right .moduletablewissel h3 {
font-family:"aller_rg-webfont", Helvetica, sans-serif;
padding:10px 5px;
margin:0;
font-size: 100%;
font-weight:normal;
text-transform: uppercase;
color:#ec008c;
text-align:left;
width:180px;

}
#right .moduletablenieuws a {
font-size:70%;
padding:5px 0 0 0;
width:180px;
text-align:left;
}
#right .moduletablenieuws h4 {
font-size:85%;
color:#00aeef;
padding:20px 0 0 0;
font-weight:bolder;
width:180px;
border-bottom:1px dotted #00aeef;
}
#right .moduletablenieuws p {
padding:0;
margin:0;
color:#ec008c;
font-size:80%;
line-height:140%;
font-style:italic;
width:180px;
}

#right #slideshowbox {
	margin:10px 0 0 0;
}
#right .moduletablehype {
	padding:0;
	margin:-40px 0 0 0;
}
/* opmaak menu rechts  */

#right .moduletable ul.menu {
	margin:20px 0 0 -20px;
	padding:20px;
}
#right .moduletable .menu li {
	display:block;
	background-color:#7B330F;
	margin:10px 0;
	padding:10px 5px;
	list-style-type:none;
	width:170px;
	border-radius:0 15px 0 0;
	border:1px solid #7B330F;
}
#right .moduletable .menu a {
	text-decoration:none;
	color:#fff;
	display:block;

}