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

/* 
Theme Name: Microsim Only
Description: Custom theme by Ontwerpstudio Trendwerk
Author: Ontwerpstudio Trendwerk
Author URI: http://www.trendwerk.nl/
Version: 1.1
*/

/*
====================
Reset
====================
*/

* {
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: baseline;
}
a img { border:0; }

/*
====================
Typography
====================
*/

body,h1,h2,h3,h4,h5,h6,textarea,input {
font-family: "Myriad Pro",Arial, Helvetica, sans-serif;
}

body,p,table {
font-family: Arial, Helvetica, sans-serif;
}

table {
  font-size: 13px;
  color: #666;
}

body {
	color: #333;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
p {
	font-size: 12px;
	line-height: 18px;
	margin: 0px 0px 10px 0px;
}
h1 {
	font-size: 32px;
	font-weight: normal;
	line-height:  normal;
	margin: 0px 0px 15px 0px;
	text-transform: none;
}
h2 {
	font-size: 23px;
	font-weight: normal;
	line-height:  normal;
	margin: 0px 0px 10px 0px;
	text-transform: none;
}
h3 {
	color: #333;
	font-size: 17px;
	line-height:  normal;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	text-transform: none;
}
h4 {
	font-size: 15px;
	line-height:  normal;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	text-transform: none;
}
h5 {
	color: #666;
	font-size: 15px;
	line-height:  normal;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	text-transform: none;
}
h6 {
	font-size: 13px;
	line-height:  normal;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	text-transform: none;
}

.kolom {
  float: left;
}
  #abonnementen .kolom {
    width: 160px;
  }
  #middle .kolom {
    width: 309px;
    padding: 5px;
  }
  #bottom .kolom {
    width: 440px;
    padding: 20px 20px 0px 20px;
  }


/* Link styles */

a {
	color: #3098d5;
	text-decoration: underline;
}
a:hover {
	color: #666666;
}

/* List styles */

ul {
	margin: 0 0 10px 20px;
}
li {
	line-height: 18px;
}

/* Header & footer links */

#footer p, #footer a, #footer li {
	font-size: 12px;
	color: #333;
	text-decoration: none;	
}

#header a:hover, #footer a:hover {
	color: #333;
	text-decoration: underline;
}

#footer a:hover {
	color: #3098d5;
}
/* images */

.entry img {
	padding: 4px;
	border: 1px solid #cccccc;
	background: #FFF;
}

.left, .alignleft {
	margin: 3px 15px 3px 0;
	float: left;
}
.right, .alignright {
	margin: 3px 0 3px 15px;
	float: right;
}
.clear {
	clear: both;
}

/*
====================
Layout
====================
*/

body {
	background: #fff;
	overflow-x: hidden;
	}	
#wrap {
	width: 100%;
	height: 100%;
	background: url(images/background.png) repeat-x;
	}
.page #wrap {
	background: none;
}
	#headerwrap {
		width: 100%;
		}
		
		.page #headerwrap {
			background: url(images/background.png) repeat-x;
      		height: 80px;
      		overflow: hidden;
    	}
		#header {
			height: 200px;
			width: 975px;
			position: relative;
			margin: 0px auto;
			}
			#headerbg {
				width: 1199px;
				height: 360px;
				background-image: url(images/headerbg.png);
				position: absolute;
				left: -119px;
			}
			.page #headerbg {
				height: 80px;
			}
			.page #logo {
		        left: 9px;
		        top: 15px;
		      } 
			#logo {
				position: absolute;
				left: 5px;
				top: 20px;
				}
			.page #logo {
				left: 5px;
				top: 20px;
			}
			#toplinks {
				position: absolute;
				right: 10px;
				top: 10px;
				}
				#toplinks ul {
					list-style:none;
					list-style-type:none;
					}
				#toplinks ul li {
					display: inline;
					}
			#hormenu {
				padding: 0 1px;
				position: absolute;
			    right:10px;
				top: 25px;		
				}
			#product_photo {
				position: absolute;
				left: 0px;
				top: 80px;	
				}
			#product_heading {
        position: absolute;
        top: 90px;
        left: 335px;      
      }
        #product_heading h1 {
          color: #fff;
          font-size: 38px;
          margin: 15px 0 0 0;
        }
        #product_heading h2 {
          color: #fff;
          font-size: 18px;
          font-style: italic;
        }
		#abonnementen {
        position: absolute;
        top: 200px;
        left: 10px;
        width: 960px;
        height: 260px;
        background: url(images/aanbiedingen.png) no-repeat;
        text-align: center;
      }
        #abonnementen .abo-logo {
        	margin: 5px;
        }
        #abonnementen .abo-kosten {
           margin-top: 0;
        }
          #abonnementen .abo-kosten .textveld {
            height: 40px;
            color: #333;
            margin: 0;
            padding: 0;
            position: relative;
			display: table;
            text-align: center;
          }
	          	#abonnementen .abo-kosten .textveld p {
	          	  width: 160px;
	          	  color: #333;
	          	  margin: 0;
	          	  padding: 0;
	          	  display: table-cell; 
	          	  vertical-align: middle; 
	          	  text-align: center;
	          	  line-height: 15px;
	          	}
        #abonnementen .abo-button {
          margin: 5px;
        }
      #middle {
        width: 965px;
        height: 280px;
        background: url(images/middle.png);
        margin-top: 20px;
        padding: 0 0 0 12px;
        position: relative;
        
      }
      #middle .kolom {
      	position: relative;
      }
        #middle img {
          margin-top: 5px;
          margin-left: -5px;
        }
        
        #middle .kolom .middle-content {
          padding: 10px 15px;
          position: relative;
          top: 0px;
          width: 280px;
          color: #666;
        }
      #bottom-compare {
      	margin-left: 3px;
      }
      #bottom #latest_news {
      	list-style-image: url(images/arrow.png);
      }
      #bottom {
        width: 965px;
        padding: 0px 12px;
		overflow: hidden;
		margin-top: 80px;
      }
        #bottom .kolom-nieuwsbrief {
          padding-left: 10px;
        }
        .nieuwsbrief {
          width: 272px;
          height: 142px;
          background: url(images/nieuwsbrief.png);
          padding: 15px;
        }
          .nieuwsbrief #email {
            margin-left: 10px;
            border: 1px solid #0088cc;
            width: 190px;
          }
          .nieuwsbrief #submit {
            margin-left: 53px;
            border: 1px solid #ccc;
            color: #333;
            cursor: pointer;
            background: #fff;
            font-weight: bold;
            padding: 3px 10px;
            margin-top: 0px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            font-family: "Myriad Pro",Arial,Helvetica;
          }
	#mainwrap {
		width: 100%;
		overflow: hidden;
	}
	  .page #main {
      margin: 0px auto;
    }
		#main {
			width: 975px;
			margin: 180px auto 0 auto;
			overflow: hidden;
		}
				#left {
					width: 220px;
					float: left;
					margin: 10px;
					display:inline;
				}
				.page #content {
          margin-left: 20px;
        }
        .page #content.totalwidth {
          width: 900px;
        }
				#content {
					width: 600px;
					float: left;
					margin: 20px 0px;
					display:inline;
				}
				  .page #content .entry h1 {
            font-size: 40px;
          }
          .page #content .entry p {
            font-size: 13px;
            color: #666;
          }
          .page #content img.noborder, .page #content table img {
            border: none;
			padding:0;
          }
          .page #content table tr.darker-background td {
            background: #666;
            color: #fff;
            padding: 5px;
          }
          .page #content table tr td {
            vertical-align: middle;
			text-align: center;
			border-bottom: 1px solid #ccc;
          }
		  .page #content table tr td.alt {
			 background: #eee; 
		  }
          .page #content table tr td p {
            margin:0;
			text-align:center;
          }

				#right {
					width: 300px;
					float: right;
					margin: 10px;
					display:inline;
				}
				
	#footerwrap {
		width: 100%;
		clear:both;
	}
		#footer {
			border-top: 1px solid #ccc;
			height: 50px;
			width: 960px;
			margin: 20px  auto;
		}
			#footerleft {
				float: left;
				margin: 10px;
				display:inline;
			}
			#footerright {
				float: right;
				margin: 10px;
				display:inline;
			}

/*
====================
Menu
====================
*/

/* Hormenu level 1 */

#hormenu ul {
	margin: 0;
	list-style: none;
}
#hormenu li {
	float: left;
	padding: 5px 10px;
}
#hormenu li a {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}
  #hormenu li.current_page_item a, #hormenu li a:hover {
    text-decoration: underline;
    color: #fff;
  }
#hormenu.shadows {
  top: 26px;
}
  #hormenu.shadows a {
    color: #111;
  }
  #hormenu.shadows .current_page_item a, #hormenu.shadows a:hover {
    color: #111;
  }
/* Hormenu level 2 */

#hormenu li ul {
	position: absolute;
	top: 40px;
	display: none;
}
#hormenu li:hover ul {
	display: block;
}
#hormenu li li {
	float: none;
}
#hormenu li li a {
	background: #333;
	width: 150px;
	font-weight: normal;
	line-height: 20px;
	text-transform: none;
}

/* Hormenu level 3 */

#hormenu li:hover li ul {
	position: absolute;
	left: 180px;
	top: 0;
	display: none;
}
#hormenu li:hover li:hover ul {
	display: block;
}
#hormenu li li li a {
	font-weight: normal;
}

/*
====================
Posts
====================
*/

/* blog page */
.blog .post {
	margin: 0px 0px 20px 0px;
}	
.blog .post h2 {
	margin-bottom:0;
}

.blog .post small {
	margin: 0px 0px 6px 0px;
	color: #999;
	display:block;
}

/* comments */
#comments {
	margin-top: 20px;
}
#respond {
	margin-top: 20px;
	clear:left;
}
#respond #comment {
	width: 400px;
	height: 100px;
}
.commentlist {
	list-style: none;
	list-style-type:none;
}
.commentlist li {
	padding: 10px;
	margin: 10px 0px;
	background-color:#EEE;
}
.commentlist .comment-author {
	display: inline;
}
.commentlist .comment-author img {
	float: left;
	margin: 2px 8px 0px 0px;
	border: 1px solid #CCC;
}
.commentlist .comment-author .fn {
	font-weight: bold;
	font-style: normal;
	}

.commentlist .comment-author .says {
	display: none;
}
.commentlist .comment-meta {
	display: inline;
	float:right;
	font-size: 11px;
	margin-right: 5px;
}
.commentlist .comment-meta a {
	text-decoration:none;
	color: #999;
}

/*
====================
Forms
====================
*/

input, textarea, select {
	font-size: 14px;
	margin: 5px 0;
	padding: 5px;
	border: 1px solid #CCC;
	color: #666;
}

select {
	min-width: 150px;
	line-height: 25px;
}

select option {
}

textarea:focus, input:focus {
	border: 1px solid #666;
	color: #333;
}

/* Contact forms 7 Validation */

img.ajax-loader {
	border: none;
}
span.wpcf7-not-valid-tip {
	background: #FCC;
	color: #F00;
	left: 200px;
	width: 200px;
	padding: 5px;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.wpcf7-validation-errors {
	background: #FCC;
	color: #F00;
	margin: 10px;
	padding: 15px 10px;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/*
====================
Sidebars & widgets
====================
*/

/* sidebars */

.sidebar {
	list-style: none;
	margin:0;
}
	.sidebar .widget_text .widgettitle {
	display: none;
}

/* widgets */

.widget {
	background: #EEE;
	margin-bottom: 20px;
}
.widgettitle {
	height: 20px;
	padding: 20px 20px 10px 20px;
	font-size: 20px;
	margin: 0;
}
.widgetinner {
	padding:  0 19px 10px 19px;
}
.widget ul {
	list-style: none;
	margin: 0;
}
.widget li {
	width: 100%;
	background: url(images/widgetlistborder.png) repeat-x;
}
.widget li a {
	line-height: 15px;
	padding: 5px;
	display: block;
	text-decoration: none;
	color: #333;
}
.widget li a:hover {
	background: #FFF;
	text-decoration: underline;
}
.widget li ul a {
	padding-left: 15px;
}

.widget-prijzen {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.widget-prijzen td.meervergelijken {
  text-align: center;
  background: #eee;
  padding: 10px;
}
.widget-prijzen tr.darker-background td {
  background: #666;
  color: #fff;
  padding: 5px 8px;
  font-weight: bold;
}
.widget-prijzen td {
  background: #fff;
  vertical-align: middle;
  padding-left: 5px;
  border-bottom: 1px solid #ccc;
  text-align: center;
}
	.widget-prijzen td p {
		text-align: center;
		margin-top: 8px;
	}
.widget-prijzen td.alt {
  background: #eee;
}

/* search widget */

#s {
	width: 170px;
}
#searchsubmit {
	width: 182px;
	text-align: center;
	margin: 0;
}

#reageer {
	background: url(images/reageer.png);
	border: 0;
	width: 101px;
	height: 40px;
	cursor: pointer;
}