/* DIGIVIDEO CSS by BOMEMEDIA.NL */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
a:focus, a:hover, a:active { outline:none }
div.clear { clear: both;}


/*------------------------------------------------------------------------
  BASIC
------------------------------------------------------------------------*/
body {
background: #eef1f2;
}
div.main {
background: #fcfcfc;
}

	div.main_content {
	color: #727475;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	width: 900px;
	}

		div.header_container {
		background: url(../img/separator_long.png) repeat-x bottom;
		height: 100px;
		}
			div.logo {
			background: url(../img/digivideo_logo.png) no-repeat top left;
			float: left;
			height: 90px;
			width: 248px;
			}
			div.banner_container {
			border: 1px solid #e8eced;
			float: right;
			margin: 10px 0px 10px 0px;
			padding: 1px;
			}
				div.banner_placeholder {
				height: 70px;
				width: 100%;
				}


		div.content_container {
		margin-top: 10px;
		width: 900px;
		}
			div.content_left {
			float: left;
			text-align: left;
			width: 640px;
			}
				div.date {
				color: #96a2a8;
				padding-bottom: 10px;
				}

			div.content_right {
			float: right;
			text-align: left;
			width: 250px;
			}
				div.search {
				}
				div.main_menu {
				background: #f3f4f5;
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				margin-bottom: 10px;
				padding: 10px 10px 10px 10px;
				}
				div.tip_menu {
				background: #f3f4f5;
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				margin-bottom: 10px;
				padding: 10px 10px 10px 10px;
				}
					h2 {
					background: #f3f4f5 url(../img/separator_h2.png) no-repeat bottom;
					color: #30363b;
					font-family: Arial, sans-serif;
					font-size: 11pt;
					margin-bottom: 5px;
					padding-bottom: 5px;
					text-shadow: #fff 0px 1px;
					}

/* footer */
div.footer {
background: #f5f7f8;
border-top: 1px solid #eef1f2;
}

/* subfooter */
div.subfooter_container {
background: #eef1f2;
border-top: 1px solid #e8eced;
}
	div.subfooter {
	color: #727475;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	line-height: 18px;
	width: 900px;
	}
		div.copyright {
		float: left;
		padding: 10px 0px;
		text-align: left;
		width: 500px
		}
		div.overDV {
		float:right;
		padding: 10px 0px;
		text-align: left;
		width: 200px
		}

/*------------------------------------------------------------------------
  NAVIGATION
------------------------------------------------------------------------*/

		#nav, #nav ul, #tipnav, #tipnav ul {
		color: #7f8386;
		font-weight: normal;
		list-style:none;
		margin:0;
		padding:0;
		}
		#nav li a, #tipnav li a {
		padding-left:0px;
		white-space:nowrap;
		}
		#nav li ul li a, #tipnav li ul li a {
		padding-left:0;
		}
		#nav ul, #tipnav ul {
		padding-left:10px;
		}
		#nav li a, #tipnav li a {
		color:#7f8386;
		font-size:9pt;
		text-decoration:none;
		}
		#nav li, #tipnav li {
		color: #7f8386;
		cursor:pointer;
		font-size:9pt;
		line-height:20px;
		}
		#nav li.down a, #tipnav li.down {
		color:#29bceb;
		text-indent:0px;
		}
		#nav li a:hover, #nav li:hover, #tipnav li a:hover, #tipnav li:hover  {
		color:#29bceb;
		text-decoration: none;
		}


/*------------------------------------------------------------------------
  GOOGLE ADDS
------------------------------------------------------------------------*/
div.content_left div.google_adds {
margin-top: 10px;
}
div.content_right div.google_adds {
}


/*------------------------------------------------------------------------
  FORMS
------------------------------------------------------------------------*/
/* zoeken */
div.zoeken {
background: #f3f4f5;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 10px;
padding: 5px;
text-align: left;
width: 240px;
}

	div.zoeken input.inputbox_zoeken {
	background: none;
	border: none;
	color: #7f8386;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	margin-top: 0px;
	padding: 4px 3px 3px 3px;
	width: 210px;
	}
		div.zoeken input.inputbox_zoeken:hover, div.zoeken input.inputbox_zoeken:focus {
		color: #29bceb;
		}

	div.zoeken input.button_zoeken {
	margin-top: -1px;
	padding: 0px 0px;
	vertical-align: middle;
	width: 20px;
	}

/*---------------------------------------------------------------------------------
    Categorie index
*---------------------------------------------------------------------------------*/

div.frontpage h1 {
color: #84d7f1;
font-family: Arial, sans-serif;
font-size: 13pt;
float: right;
margin-bottom: -5px;
padding: 0 10px 0 0;
text-transform: uppercase;
}
h1 {
color: #84d7f1;
font-family: Arial, sans-serif;
font-size: 13pt;
margin-bottom: 5px;
padding: 0;
text-transform: uppercase;
}
div.frontpage {
margin-top: 2px;
}

div.frontpage div.first {
clear: both;
overflow: hidden;  
}

div.topstory {
background: #84d7f1;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
	div.first .info {
    float: left;
    padding: 10px;
    width: 300px;
	}
		div.first .title a {
		color: #FFFFFF;
		font-size: 16px;
		font-weight: bold;
		text-decoration: none;
		}
			div.first .title a:hover {
			color: #30363b;
			}
	
		div.first .subtitle {
		color: #fff;
		font-size: 13px;
		padding-top: 10px;
		}

div.frontpage .extra_info {
background: #9ee4fa ;
font-weight: bold;
color: #FFFFFF;
line-height: 24px;
text-align: right;
}
	div.frontpage .extra_info a {
	color: #30363b;
	padding: 0 10px 0 0;
	text-decoration: none;
	}
	div.frontpage .extra_info a:hover {
	color: #ffffff;
	}
	
	div.frontpage dl {
	background: #aee8fa;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	font-size: 11px;
	margin-bottom: 10px;
	padding: 5px;
	text-align: left;
	width: 630px;
	}
		div.frontpage dl dt {
		color:#30363b;
		float:left;
		font-weight:normal;
		padding: 3px 5px 3px 5px;
		text-align: left;
		width: 50px;
		}
			div.frontpage dl dt a {
			color: #30363b;
			text-decoration: none;
			}
			div.frontpage dl dt a:hover {
			color: #30363b;
			text-decoration: underline;
			}
			
		div.frontpage dl dd {
		color:#3b4147;
		margin:0px 0;
		padding: 3px 5px 3px 5px;
		text-align: left;
		}
			div.frontpage dl dd a {
			color: #30363b;
			font-weight: bold;
			text-decoration: none;
			}
				div.frontpage dl dd a:hover {
				color: #30363b;
				text-decoration: underline;
				}
					div.frontpage dl dd a.link_category {
					color: #3b4147;
					font-size: 11px;
					font-weight: normal;
					}


div.frontpage table {
background: #aee8fa;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
margin-bottom: 10px;
text-align: left;
width: 640px;
}
	div.frontpage table tr td {
    text-align: left;
    border: 0px;
    background: none;
	}

div.first .category
{
    float: right;
}

div.first .image {
border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
float: left;
height: 120px;
line-height: 160px;
width: 160px;
background-repeat: no-repeat;
}

input[type=text]
{
    width: 80%; 
}

div.comments
{
    padding-left: 20px;
}

div.comment
{
    background: gray;
    margin: 2px;
    padding: 5px;
    color: white;
}

/*------------------------------------------------------------------------
  LINKS
------------------------------------------------------------------------*/
div.subfooter a:link { color: #474849; font-size: 9pt; text-decoration: none;}
div.subfooter a:visited { color: #474849; font-size: 9pt; text-decoration: none;}
div.subfooter a:active { color: #474849; font-size: 9pt; text-decoration: none;}
div.subfooter a:hover {  color: #727475; font-size: 9pt; text-decoration: none;}