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

* { margin:0; padding:0; font-weight:normal; outline:none; }
strong { font-weight:bold; }

body {
	background:url(/images/bgbody.png) top repeat-x;
	font-family:Arial, tahoma, sans-serif;
	font-size:13px;
}
#main-container {
	background:url(/images/bgmaincontainer.jpg) bottom center no-repeat;
}
#main {
	width:960px;
	margin:0 auto;
}
#header-wrapper {
	width:960px;
	height:220px;
	margin-bottom:50px;
}
#topslogan {
	width:960px;
	height:30px;
	padding-top:30px;
	line-height:30px;
	font-style:italic;
	color:#5ba9d9;
}
#topslogan p { margin-left:180px; }
#topslogan span { font-weight:bold; font-style:normal; }

#header {
	width:960px;
	height:120px;
	background:url(/images/bgheader.png) no-repeat;
}
.header_1 { width:160px; height:120px; float:left; }
.header_2 { width:300px; height:120px; float:left; font-family:Georgia, "Times New Roman", Times, serif; color:#fff; }
.header_2 h1 { font-size:38px; margin:20px 0 0 0 }
.header_2 p { font-size:18px; padding:10px 0 0 40px; }

.header_3 { width:250px; height:120px; float:left; font-size:16px; }
.header_3 p { margin:90px 0 0 50px; font-family:Georgia, "Times New Roman", Times, serif; }
.header_3 p a { color:#fff; text-decoration:none; }

.header_4 { width:200px; height:100px; float:right; margin:10px 20px 0 0; }
.weerkaartje { width:200px; height:100px; background:url(http://www.meteouithuizen.nl/img/eemshaven.jpg) no-repeat; }

#mainmenu {
	width:960px;
	height:40px;
	line-height:40px;
	font-size:14px;
}
#mainmenu ul { list-style:none; }
#mainmenu li { display:inline; }
#mainmenu li a {
	display:block;
	padding:0 15px;
	float:left;
	text-decoration:none;
	color:#054ba6;
	font-weight:bold;
}
#mainmenu li a:hover { color:#333333; }
#mainmenu li.active a { color:#00a651; }

#mainmenu li a span {
	font-weight:bold;
}

/* Einde Header */

#page { width:960px; overflow:auto; padding-bottom:150px; }
#page { width:960px; overflow:hidden; padding-bottom:150px; }
#page_left { width:630px; float:left; }
#page_right { width:300px; float:right; }
#page .clear { clear:both; }

#page a {
    color: #333333;
    font-weight:bold;
    text-decoration:none;
}
#page a:hover {
    color:#054BA6;
}
#page p {
    margin-bottom:15px;
    line-height:22px;
}

.post h2, .post h1, .post h3, .post h4 {
	display:block;
	font-size:24px;
	margin-bottom:30px;
	color:#0d5fa6;
	font-weight:bold;
}

.post {
	margin-bottom:30px;
}

.post h2 { font-size:18px; }
.post h3 { font-size:14px; }

.post hr { display:block; height:3px; background:#ccc; border:none; color:#ccc; margin:20px 0; }

.post h6 {
	font-size:11px;
	font-weight:bold;
	margin-bottom:30px;
	color:#333333;
}
.post p {
	margin-bottom:15px;
	line-height:22px;
}
.post ul {
    margin-bottom:15px;
    line-height:22px;
    padding: 0 0 0 20px;
}
.post .black {
    color:#333333;
}

/* right block */
.right_block {
	width:300px;
	clear:both;
}
.right_block ul {
	display:block;
	background:url(/images/bgblockleft.png) repeat-x;
	width:220px;
	margin-left:30px;
	list-style:none;
	padding:25px;
}
.right_block li {
	margin-bottom:20px;
}
.right_block h2 {
	display:block;
	width:280px;
	height:29px;
	line-height:29px;
	color:#FFFFFF;
	font-size:14px;
	background:url(/images/left_box_head.png) no-repeat;
	padding-right:20px;
	text-align:right;
}
.right_block_title {
	display:inline-block;
	margin-top:10px;
	font-size:16px;
	font-weight:bold;
	color:#1771bf;
}
.right_block_subtitle {
	font-size:13px;
	font-weight:bold;
	color:#054ba6;
}
.right_block_text {
	display:inline-block;
	padding-top:20px;
	font-size:13px;
	line-height:20px;
}
.right_block_link {
	font-weight:bold;
	color:#054ba6;
	text-decoration:none;
}


/* right block */
.right_block_specials {
	width:300px;
	clear:both;
	
	margin: 0 0 0 0px;
}
.right_block_specials div.text {
    background:url(/images/bgblockleft.png) repeat-x;
    margin: 0 0 0 30px;
}

.right_block_specials p, .right_block_specials h1, .right_block_specials h3, .right_block_specials h4, .right_block_specials h5, .right_block_specials h6 {
    padding: 0 10px 0 30px;
}
.right_block_specials h4, .right_block_specials h5 {
	color:#054ba6;
}
.right_block_specials h3 {
	padding: 20px 10px 10px 30px;
	color:#1771bf;
}


.right_block ul {
	display:block;
	background:url(/images/bgblockleft.png) repeat-x;
	width:220px;
	margin-left:30px;
	list-style:none;
	padding:25px;
}
.right_block li {
	margin-bottom:20px;
}
.right_block_specials h2 {
	display:block;

	height:29px;
	line-height:29px;
	color:#FFFFFF;
	font-size:14px;
	background: url(/images/left_box_head.png) no-repeat;
	padding-right:20px;
	text-align:right;
}

#footer-wrapper {
	background:url(/images/bgfooterwrapper.png) repeat-x;
	height:120px;
	width:100%;
	border-top:2px solid #fff;
}
#footer {
	margin:0 auto;
	width:960px;
	height:80px;
	background:url(/images/bgfooter.png) no-repeat;
	padding-top:40px;
	line-height:30px;
	text-align:center;
	color:#FFFFFF;
}
#footer a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
#footer li a:hover {
	text-decoration:underline;
}

/* Kolommenoverzicht voor producten */

.wrapper {
    overflow:auto;
}
.wrapper .product-kolom {
    float:left;
    width:195px;
    padding: 0 5px;
}
.wrapper .product-kolom2 {
    float:left;
    width:195px;
    padding: 13px 5px 0 5px;

}
.wrapper .product-kolom3 {
    float:left;
    width:195px;
    padding: 13px 5px 0 5px;
}
.wrapper .firstletter {
    display:block;
    line-height:29px;
    font-size:20px;
    font-weight:bold;
    color:white;
    margin: 13px 0 3px 0;
    padding: 0 0 0 10px;
    background:url('/images/left_box_head.png') top right no-repeat ;
}
.wrapper .product-kolom a, .wrapper .product-kolom2 a, .wrapper .product-kolom3 a {
    text-decoration:none;
    font-weight:bold;
    display:block;
    color:#333;
}
.wrapper .product-kolom a:hover, .wrapper .product-kolom2 a:hover, .wrapper .product-kolom3 a:hover {
    color:#054BA6;
}


/* Bedrijvenoverzicht */

#bedrijven_container { width:630px; }
#bedrijven_container .bedrijfblock_left, #bedrijven_container .bedrijfblock_right {
	width:266px;
	border:1px solid #ccc;
	height:126px;
	padding:15px;
	margin-bottom:30px;
	float:left;
}
#bedrijven_container .bedrijfblock_left a, #bedrijven_container .bedrijfblock_right a {
    text-decoration:none;
    border:1px solid #ccc;
    display:block;
    width:266px;
    height:106px;
    text-align:center;
}


#bedrijven_container .bedrijfblock_left { margin-right:30px; }
#bedrijven_container .bedrijfblock_right { margin-right:0px; }
#bedrijven_container .bedrijftitel { line-height:20px; text-align:center; display:block; overflow:hidden; height:20px; }

#logoslider {
	display:block;
	width:960px;
	height:128px;
	float:left;
	margin-bottom:50px;
	padding-top:40px;
	overflow:hidden;
}
#logoslider a {
	display:inline-block;
	width:266px;
	height:126px;
	border:1px solid #ccc;
	margin-right:5px;
}

/* Home nieuws module */

#nieuws {
	width:630px;
	border-top:10px solid #ccc;
	margin-top:20px;
}

#nieuws .nieuwsitem {
	padding:20px 0 10px 0;
	float:left;
	width:630px;
	border-bottom:10px solid #ccc;
}
#nieuws h2 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
}
.publisher {
	display:inline-block;
	font-size:12px;
	color:#575757;
	margin-bottom:15px;
	line-height:20px;
}
.black {
    color:#cccccc;
}

#map {
    line-height:16px;
    font-size:11px;
    margin: 0;
    padding:0;
}
#map p {
    line-height:3px;
}
.knopjes {
margin-bottom:10px;
}
.knopjes p {
    margin:0;
}
.knopjes a {
    text-decoration:none;
}
.knopjes img {
    border:0;
    margin-bottom:5px;
}