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

.links {float: left;}
.rechts {float: right;}

body {background: #000; font:76%/140% Verdana,Arial,Helvetica,sans-serif;}

#wrapper {width: 1020px; margin: 0px auto; border: 1px solid #fff; border-top: 0px; border-bottom: 0px;}

#header {height: 170px; background-image: url('/images/logo.jpg'); background-repeat: no-repeat; background-position: 20px 15px;}
#header .openingstijden {float: right; color: #fff; width: 250px;}
#header .openingstijden h2 {font-weight: normal; color: #2ca9e3; font-size: 1.2em; padding: 2px 0px 0px 0px;}

#linkerkolom {float: left; width: 500px;}
#linkerkolom p {color: #fff; padding: 10px 0px 10px 10px}
#linkerkolom h1,h2,h3 {color: #2ca9e3; font-size: 1.3em; padding-top: 10px;}

.submenu {float: left; height: 400px; width: 130px; padding:15px 10px 10px 10px;}
.submenu ul {}
.submenu li {height: 25px; list-style-type: none; border: 1px solid #222;}
.submenu a {text-decoration: none; color: #2ca9e3;}
.submenu a:hover {height: 25px; display: block; background-color: #222;}

#rechterkolom {float: left; padding: 5px 0px 10px 10px;}

#events {border-spacing: 0px; margin: 25px; border: 1px solid #222; background-color: #0f0f0f; padding: 5px; width: 968px; color: #fff;}
#events th {text-align: left; padding: 3px;}
#events td {padding: 3px 10px;}
#events a{color: #2ca9e3; text-decoration: none;}
#events a:hover {text-decoration: underline;}
#events .top {color: #2ca9e3; border-bottom: 1px solid #222; padding-bottom: 5px;}

#menu ul {clear: both; padding: 0px 0px 0px 220px; width: 800px; background-image: url('http://www.cooperworld.nl/images/top/ag.png'); height: 29px; border-bottom: 3px solid #2ca9e3;}
#menu li {float: left; list-style: none; border-right: 1px solid #2ca9e3;}
#menu li a {color: #000; text-decoration: none; padding: 6px 10px; display: block;}
#menu li a:hover {color: #fff; background-image: url('http://www.cooperworld.nl/images/top/agh.png') ;}
#menu .noborder {border-right: 0px;}

#contentlinks {width: 444px; float: left;}
#contentcentrum {width: 346px; float: left;}

.temp {color: #fff; padding: 10px 0px 0px 20px; }
#content table {padding: 20px; color: #fff;}
#content table a {color: #2ca9e3; text-decoration: none;}
#content tr {}
#content td {}
.tabletop {color: #2ca9e3; font-size: 1.1em; font-weight: bold;}

#media {float: left; color: #fff; margin: 10px; border: 1px solid #181818; background-color: #111; padding: 10px;}
#media a {color: #2ca9e3;}

.box {color: #fff; float: left; width: 200px; border: 1px solid #222; background-color: #111; margin: 5px; min-height: 225px;}
.box h2 {font-size: 1.2em; font-weight: normal; color: #2ca9e3; border-bottom: 1px solid #222; padding: 5px; background-color: #030303;}
.box p {padding: 5px;}
.box a {color: #2ca9e3; text-decoration: none;}
.box a:hover {color: #fff; text-decoration: underline;}
.box img {border:0;}

.box2 {background-image: url('/images/boxbg.jpg'); no-repeat; color: #fff; float: left; width: 200px; border: 1px solid #222; background-color: #111; margin: 5px; min-height: 225px;}
.box2 h2 {font-size: 1.2em; font-weight: normal; color: #2ca9e3; border-bottom: 1px solid #222; padding: 5px; background-color: #030303;}
.box2 p {padding: 5px;}
.box2 a {color: #2ca9e3; text-decoration: none;}
.box2 a:hover {color: #fff; text-decoration: underline;}
.box2 img {border:0;}

#contentcentrum .box {width: 200px;}
#contentcentrum .box img {width: 200px;}
#contentlinks img {width: 200px;}
#fotoframe img {width: 422px;}

#openingstijden {width: 100%; padding: 5px;}
#openingstijden th {text-align: left; color: #2ca9e3;}
#openingstijden td {padding: 0px 3px; height: 19px;}

#contact {padding: 5px;}
#contact td {padding: 0px 3px; height: 19px;}

#fotoframe {float: left; margin: 5px; border: 1px solid #222;}

.welkom {color: #fff; float: left; width: 320px; border: 1px solid #222; background-color: #111; margin: 5px; min-height: 225px;}
.welkom h2 {font-size: 1.2em; font-weight: normal; color: #2ca9e3; border-bottom: 1px solid #222; padding: 5px; background-color: #030303;}
.welkom p {padding: 3px;}
.welkom a {color: #2ca9e3; text-decoration: none;}
.welkom a:hover {color: #fff; text-decoration: underline;}

.dasnoudrenthe {color: #fff; float: left; width: 320px; border: 1px solid #222; background-color: #111; margin: 5px; min-height: 312px;}
.dasnoudrenthe h2 {font-size: 1.2em; font-weight: normal; color: #2ca9e3; border-bottom: 1px solid #222; padding: 5px; background-color: #030303;}
.dasnoudrenthe img {margin: 0px; border: 0px; padding-left:7px;}
.dasnoudrenthe p {padding: 3px;}

.laatste {float: left; margin-bottom: 10px;}
#commercial {padding: 10px;}

.sliderrechts {width: 218px; float: right; margin: -11px 10px 5px 0px; border: 1px solid #333; background-color: #111;}
.sliderrechts img {width: 216px; margin: 0px; padding: 3px 0px 0px 1px;}
.sliderrechts h2 {font-weight: normal; color: #2ca9e3; font-size: 1.2em; padding: 4px;}
.sliderrechts p {text-align: center; margin: 0px; padding: 0px;line-height: 24px; color: #fff;}
.sliderrechts b {padding: 3px; background-color: #111; border: 1px solid #2ca9e3; margin: 4px;}
.sliderrechts p a{color: #fff; padding: 3px; background-color: #111; border: 1px solid #222; margin: 4px;}
.sliderrechts p a:hover {border: 1px solid #444;}
.sliderrechts img {border: 0px;}

.centeralign {text-align:center}
.centeralign a {color: #fff; text-decoration: none;}
.centeralign a:hover {color: #2ca9e3; text-decoration: underline;}
.occasion {width: 510px; color: #fff; float: left;}
.occasion h3 {color: #2ca9e3; font-weight: normal;}
.minfo a{margin: 0px 10px; border: 1px solid #444; border-top: 0px; color: #fff; text-decoration: none; display: block; padding: 3px;}
.minfo a:hover {background-color: #111; text-decoration: underline; color: #2ca9e3;}

.titeloccasion a {font-size: 14px; color: #2ca9e3; font-weight: normal; padding: 5px; text-decoration: none;}
.titeloccasion a:hover {color: #fff;}

.occasion .cn_news_even {border: 1px solid #444; background-color: #222; margin: 10px 10px 0px 10px; height: 154px;}
.occasion .cn_news_even p {padding: 10px; text-align: right;}
.occasion .cn_news_even h3 {padding: 3px; border-bottom: 1px solid #444; background-color: #111; text-align: right;}
.occasion .cn_news_even .avatar img{float: right; height: 120px; padding: 5px; border-left: 1px solid #222; margin-left: 10px;}
.occasion .cn_news_even table {margin: 0px; padding: 0px; border-spacing: 10px 4px; border-collapse: 0px;}

.occasion .cn_news_odd {border: 1px solid #444; background-color: #222; margin: 10px 10px 0px 10px; height: 154px;}
.occasion .cn_news_odd p{padding: 10px; text-align: right;}
.occasion .cn_news_odd h3 {padding: 3px; border-bottom: 1px solid #444; background-color: #111; text-align: right;}
.occasion .cn_news_odd .avatar img{float: left; height: 120px; padding: 5px; border-right: 1px solid #444; margin-right: 10px;}
.occasion .cn_news_odd table {margin: 0px; padding: 0px; border-spacing: 10px 4px; border-collapse: 0px;}

.inhoud {width: 978px; float: left; background-color: #080808; padding: 10px; margin: 10px; border: 1px solid #222; color: #fff; font-size: 11px; font-family: verdana, serif; line-height: 20px; margin-bottom: 5px;}
.inhoud p {padding: 5px;}
.inhoud a {color: #2ca9e3; text-decoration: none;}
.inhoud a:hover {text-decoration: underline;}
.inhoud h3 {color: #2ca9e3; padding: 5px 0px 5px 10px; margin: 5px 0px 0px 0px;}
.inhoud h4 {padding: 4px; border-bottom: 1px solid #222; color: #2ca9e3;}
.fotos {width: 420px;float: right;border: 1px solid #222; background-color: #000;}
.fotos img {height: 100px;}

.linklijst {font-variant: small-caps; float: left; margin: 10px; width: 200px; background-color: #fff;}
.linklijst li {list-style-type: none; font-size: 10px; font-family: verdana, serif;}
.linklijst a {text-decoration: none; padding: 4px 0px 4px 5px; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; display: block; width: 195px; background-color: #f4f4f4; color: #000;}
.linklijst a:hover {background-color: #fff; color: #000; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.linklijst h4 {padding: 7px 0px 0px 10px; margin: 0px 0px -8px 0px; height: 32px;  background-color: #2ca9e3; color: #fff; font-family: tresbuchet, verdana; font-size: 12px;}

.wallpapers {font-variant: small-caps; float: left; margin: 10px; width: 421px; height: 400px; background-color: #f4f4f4;}
.wallpapers li {list-style-type: none; font-size: 10px; font-family: verdana, serif;}
.wallpapers a {text-decoration: none; padding: 4px 0px 4px 5px; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; display: block; width: 416px; background-color: #f4f4f4; color: #000;}
.wallpapers a:hover {background-color: #fff; color: #000; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.wallpapers h4 {padding: 7px 0px 0px 10px; margin: 0px 0px -8px 0px; height: 32px;  background-color: #2ca9e3; color: #fff; font-family: tresbuchet, verdana; font-size: 12px;}

.wrapcomments {width: 680px; float: left;}
.reactie {width: 650px; margin: 5px; border: 1px solid #181818; background-color: #222222; padding: 4px;}
.reactie h3 {display: block; background-color: #0f0f0f; border: 1px solid #111;  font-weight: normal; padding: 5px 0px;font-size: 1.3em; color: #2ca9e3;}
.reactie p {color: #fff; padding: 0px 5px; border: 1px solid #111;}
.reactie a {color: #2ca9e3; text-decoration: none; border-bottom: 1px dotted #2ca9e3;}

.reactieformulier {float: right; width: 325px; border: 1px solid #2ca9e3; padding: 4px; margin: 5px 5px 5px 0px; background-color: #f1f1f1;}
.reactieformulier h3 {font-weight: normal; color: #2ca9e3; margin: 3px 0px;}
.een {width: 314px; padding: 3px;}
.twee {width: 314px; padding: 3px;}
.drie {width: 314px; padding: 3px; height: 250px;}

#lefts {float: left; width: 725px;}
#rights {border-left: 1px solid #222; padding: 0px 20px; margin: 10px 0px; float: right; width: 250px; color: #fff;}
#rights p {margin: 10px 0px;}

#hetbedrijf {width: 525px; height: 100%; margin: 10px; border: 1px solid #181818; background-color: #111; padding: 10px;}
#hetbedrijf p {color: #fff;}

#team {width: 400px; height: 100%; border: 1px solid #181818; background-color: #111; padding: 10px;}
#team p {color: #fff;}
#commercial {margin-left: 65px;}

#afbeeldingencentrum {float: right; padding: 10px; margin: 10px; border: 1px solid #181818;}
#afbeeldingencentrum p {color: #fff; background-color: #111; padding: 10px;}
#afbeeldingencentrum img {margin-left: 15px;}

#afbeeldingrechts {float: right; padding: 10px; margin: 10px; border: 1px solid #181818;}
#afbeeldingrechts p {color: #fff; background-color: #111; padding: 10px;}
#afbeeldingrechts img {margin-left: 15px;}

#afbrechts {float: right; padding 2px;}

.contact {border: 1px solid #222; padding: 5px; margin: 10px; background-color: #080808;}
.contact input {margin: 5px 0px; width: 240px; padding: 2px; border: 2px solid #222936;}
.contact textarea {width: 240px; margin: 5px 0px; height: 200px; padding: 2px; border: 2px solid #222936;}
.contact li {list-style: none;}
.contact .oranje {font-size: 0.7em; font-weight: normal; color: #2ca9e3;}

#map {height: 378px; width: 410px; border: 1px solid #222; padding: 5px; margin: 10px; background-color: #080808;}

#footer {clear: both; background-color: #fff; color: #111; padding: 5px 10px; text-align: right; border-top: 1px solid #aaa;}
#footer a {color: #000; text-decoration: none; border-bottom: 1px dotted #2ca9e3;}
#footer a:hover {border-bottom: 1px solid #2ca9e3;}
#footer li {list-style: none; padding: 2px 3px; text-decoration: left; width: 100%; text-align: left;}
#footer h3 {text-align: left; color: #2ca9e3; font-weight: normal;}
#footer ul {width: 240px;}
#footer p{clear: both; padding: 10px 0px 5px 0px; border-top: 1px solid #ddd;}

/* MOOTOOLS TIPS */

.tool-tip {
	color: #fff;
	width: 260px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #2ca9e3;
	padding: 8px 8px 4px;
	background: url('/images/bubble.png') top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url('/images/bubble.png') bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

#pscroller1{
border: 0px;
margin: 0px;
width: 220px;
height: 517px;
}