/*
Theme Name: Any-IT
Theme URI: http://www.any-it.nl/
Description: Template voor Any-IT
Version: 1.0
Author: Roel Beekmans
Author URI: http://www.skyhighmedia.com/
*/

/* ALGEMEEN */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, samp, small, strike, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0 none;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline-style:none;
	outline-width:0;
	padding:0;
	vertical-align:baseline;
}

body {
  margin:0;
  padding:0;
  background-color:#003A79;
  color:#001D38;
  height:100%;
  width:100%;
  font-family:"Arial","Verdana", sans-serif;
	font-size:0.8em;
}

.wrapper {
	width:700px;
  margin:0 auto;
	padding:0;
}

/* CONTENT HEADER */

#header {
  height:122px;
  width:100%;
  margin:0 auto;
	padding:0;
	background-color:#ebebeb;
}

#headerLogo {
	float:left;
	width:203px;
  height:75px;
  margin:20px 0 0;
	padding:0;
	background-image:url('css/logo_anyit_automatisering.png');
}

#headerLogo a{
	width:203px;
  height:75px;
  margin:0;
	padding:0;
	display:block;
}

#headerLogoHosting {
	float:left;
	width:203px;
  height:75px;
  margin:20px 0 0;
	padding:0;
	background-image:url('css/logo_anyit_hosting.png');
}

#headerLogoHosting a{
	width:203px;
  height:75px;
  margin:0;
	padding:0;
	display:block;
}

#headerSupport a{
	width:auto;
  height:auto;
  margin:0 0 0 300px;
	padding:0;
	display:block;
	float:right;
}

#headerSupport a:link, #headerSupport a:visited {
	padding:5px 10px;
	background:#8DC63F;
	color: #ffffff;
	text-decoration: none;
}

#headerSupport a:hover, #headerSupport a:active {
	padding:5px 15px;
	background:#8DC63F;
	color: #ffffff;
	text-decoration: none;
}

/* CONTENT TITLE */

#titleHome {
  height:200px;
  width:100%;
  margin:0;
	padding:0;
	background-image:url('css/titleHome.gif');
	background-repeat: repeat-x;
}

#titlePag {
  height:103px;
  width:100%;
  margin:0;
	padding:0;
	background-image:url('css/titlePag.gif');
	background-repeat: repeat-x;
}

#titleIcoHome {
  height:200px;
  width:700px;
  margin:0;
	padding:0;
	background-image:url('css/titleHomeIco.png');
	background-repeat: no-repeat;
}

#titleIcoAnyit {
	float:left;
  height:103px;
  width:100px;
  margin:0;
	padding:0;
	background-image:url('css/titlePagAnyitIco.png');
	background-repeat: no-repeat;
}

#titleIcoAuto {
	float:left;
  height:103px;
  width:100px;
  margin:0;
	padding:0;
	background-image:url('css/titlePagAutomatiseringIco.png');
	background-repeat: no-repeat;
}

#titleIcoHost {
	float:left;
  height:103px;
  width:100px;
  margin:0;
	padding:0;
	background-image:url('css/titlePagHostingIco.png');
	background-repeat: no-repeat;
}

/* CONTENT */

#main {
	float:left;
  min-height:300px;
  width:100%;
  margin:0;
	padding:0 0 15px;
	background-color:#ffffff;
}

#contentCol {
  float:left;
  width:700px;
  height:auto;
  margin:0;
	padding:15px 0 0 0;
}

#contentColTwo1 {
  float:left;
  width:325px;
  height:auto;
  margin:0;
	padding:15px 0 0 0;
}

#contentColTwo2 {
  float:left;
  width:325px;
  height:auto;
  margin:0 0 0 50px;
	padding:15px 0 0 0;
}

#contentColThree1 {
  float:left;
  width:200px;
  height:auto;
  margin:0;
	padding:15px 0 0 0;
}

#contentColThree2 {
  float:left;
  width:200px;
  height:auto;
  margin:0 0 0 50px;
	padding:15px 0 0 0;
}

#contentColThree3 {
  float:left;
  width:200px;
  height:auto;
  margin:0 0 0 50px;
	padding:15px 0 0 0;
}

/* CONTENT SIDEBAR */

#sidebar {
	float:left;
  width:100%;
  height:auto;
  margin:0;
	padding:25px 0 15px 0;
	background-color:#f6f6f6;
	color:#5a5a5a;
	font-size: 0.9em;
}

#sidebar li {
	list-style:none;
}

#sidebar a:link,#sidebar a:visited {
	color: #5a5a5a;
	text-decoration: none;
	font-style:italic; 
}

#sidebar a:hover, #sidebar a:active {
	color: #F9A350;
	text-decoration: none;
	font-style:italic;
}

.widget {
float:left;
height:auto;
margin:0;
padding:0;
width:200px;
}

.widget_text {
margin:0 0 0 50px;
}

/* CONTENT FOOTER */

#footer {
	float:left;
  width:100%;
  height:auto;
  margin:0;
	padding:25px 0 25px 0;
	background-color:#003A79;
	color:#fff;
	font-size: 0.9em;
}

#footer p {
  margin:0;
  padding:0 0 5px 0;
}

#footer a:link,#footer a:visited {
	color: #fff;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color: #F9A350;
	text-decoration: none;
}

#footerCol1 {
  float:left;
  width:200px;
  height:auto;
  margin:0;
	padding:0;
}

#footerCol2 {
  float:left;
  width:200px;
  height:auto;
  margin:0 0 0 50px;
	padding:0;
}

#footerCol3 {
  float:left;
  width:200px;
  height:auto;
  margin:0 0 0 50px;
	padding:0;
}

.footerWeij {
	height:28px;
  width:102px;
  margin:0;
	padding:0;
	display:block;
	background-image:url('css/footer_weijarrangements.png');
}

.footerSky {
	height:28px;
  width:81px;
  margin:0;
	padding:0;
	display:block;
	background-image:url('css/footer_skyhighmedia.png');
}

/* nav */
#nav{
	z-index:5;
	position:relative;
	margin:0;
	padding:0;
	height:auto;
	width:100%;
	background:#003A79;
}

#menus{
	font-size:1em;
	text-transform:lowercase;
	margin:0 auto;
	height:30px;
	width:auto;
	letter-spacing:1px;
}
	
#menus a{
	color:#fff;
	display:block;
	line-height:30px;
	background:#;
	padding:0 20px;
	text-decoration: none;
}
#menus a:hover, #menus a:active{
	color:#fff;
	background:#5D72A6;
	text-decoration: none;
}

#menus li{
	list-style:none;
	float:left;
	position:relative;
}

#menus ul{
	list-style:none;
	margin:0;
	padding:0;
}

#menus ul.children,#menus ul li ul{
	display:none;
	overflow:hidden;
	z-index:100;
	position:absolute;
	left:;
	top:30px;
	width:210px;
	background:#ebebeb;
	padding:0;
	}
#menus ul.children li,#menus ul li li{
	float:none;
	list-style:none;
	text-align:left;
	margin:0;
	padding:0;
	}
#menus ul li li a{
	display:block;
	border:none;
	background:#003A79;
	padding:0 0 0 42px;
}

#menus ul li li a:hover{
	display:block;
	border:none;
	background:#003A79;
	padding:0 0 0 42px;
	background-image:url('css/list_block_oranje.png');
	background-repeat: no-repeat;
	background-position:20px 0;
}

#menus li:hover ul.children,#menus li:hover ul{
	display:block;
	}
	
#menus ul li.current_page_item a:link, 
#menus ul li.current_page_item a:visited, 
#menus ul li.current_page_item a:active, 
#menus ul li.current_page_item a:hover {
color:#fff;
background: #5D72A6;
text-decoration: none;
}

#menus ul li.current_page_ancestor a{
color:#fff;
background: #5D72A6;
text-decoration: none;
}

#menus ul li.current_page_ancestor ul li a:link,
#menus ul li.current_page_ancestor ul li a:visited{
color:#fff;
background:#003A79;
text-decoration: none;
}

#menus ul li.current_page_ancestor ul li a:active,
#menus ul li.current_page_ancestor ul li a:hover{
color:#fff;
background:#003A79;
text-decoration: none;
background-image:url('css/list_block_oranje.png');
	background-repeat: no-repeat;
	background-position:20px 0;
}

#menus ul li.current_page_item ul li a:link, 
#menus ul li.current_page_item ul li a:visited{
color:#fff;
background:#003A79;
}

#menus ul li.current_page_item ul li a:active, 
#menus ul li.current_page_item ul li a:hover {
color:#fff;
background:#003A79;
background-image:url('css/list_block_oranje.png');
	background-repeat: no-repeat;
	background-position:20px 0;
}


/* AGENDA POSTS */

.post {
  margin:0;
	padding:0 0 10px 0;
}

.postmetadata {
  margin:0;
	padding:15px 0 15px 135px;
}

.poststreep {
  height:1px;
  width:579px;
  margin:0;
	padding:0;
	background-image:url('css/post_streep.jpg');
	background-repeat:no-repeat;
}

.entry {
	display:block;
}

/* TEKST */	

p {
  margin:0;
  padding:0 0 15px 0;
}

h1{
	padding:0 0 15px 0;
	font-size: 2em;
	text-indent:-9999px;
}

h2{
	padding:0 0 15px 0;
	font-size: 2em;
	letter-spacing:1.5px;
}

#titlePag h2{
	float:left;
	padding:35px 0 0 40px;
	font-size: 2em;
	letter-spacing:1.5px;
}

h3{
	padding:0 0 15px 0;
	font-size: 1.7em;
	letter-spacing:1.5px;
}

hr{
	margin:20px 0;
}


a:link, a:visited {
	color: #F9A350;
	text-decoration: none;
}

a:hover, a:active {
	color: #8DC63F;
	text-decoration: none;
}

.blauw, .blauw:link, .blauw:visited {
	padding:5px 10px;
	background:#003A79;
	color: #ffffff;
	text-decoration: none;
	line-height:25px;
}

.blauw:hover, .blauw:active {
	padding:5px 15px;
	background:#003A79;
	color: #ffffff;
	text-decoration: none;
	line-height:25px;
}

.oranje, .oranje:link, .oranje:visited {
	padding:5px 10px;
	background:#F6A748;
	color: #ffffff;
	text-decoration: none;
	line-height:25px;
}

.oranje:hover, .oranje:active {
	padding:5px 15px;
	background:#F6A748;
	color: #ffffff;
	text-decoration: none;
	line-height:25px;
}

.groen, .groen:link, .groen:visited {
	padding:5px 10px;
	background:#8DC63F;
	color: #ffffff;
	text-decoration: none;
	line-height:25px;
}

.groen:hover, .groen:active {
	padding:5px 15px;
	background:#8DC63F;
	color: #ffffff;
	text-decoration: none;
	line-height:25px;
}

#main ul{
	margin:0 0 15px;
	padding:0 0 0 15px;
}

#contentColThree1 ul{
	margin:0 0 15px;
	padding:0 0 0 15px;
	list-style-image: url('css/bullet_blauw.gif');
}

#contentColThree2 ul{
	margin:0 0 15px;
	padding:0 0 0 15px;
	list-style-image: url('css/bullet_oranje.gif');
}

#contentColThree3 ul{
	margin:0 0 15px;
	padding:0 0 0 15px;
	list-style-image: url('css/bullet_groen.gif');
}

#main li{
	margin:0;
	padding:0 0 0 15px;
	line-height:20px;
}


/* COMMENTS */

.comments-template{
	margin: 10px 0 0;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

/* FLOATS */

.left{
	float: left;
}

.footerPadding{
	padding:15px 0 0 15px;
}

.right{
	float: right;
	padding:0 5px 0 0;
}

img.alignright  {
display:inline;
margin:0 0 2px 7px;
padding:4px;
}

img.alignleft  {
display:inline;
margin:0 7px 2px 0;
padding:4px;
}

.alignright {
float:right;
}

.alignleft {
float:left;
}
