/*
Theme Name: Media Tijgers
Theme URI: http://www.mediatijgers.nl/
Description: The one and only Media Tijgers Wordpress theme!
Version: 1.0
Author: Erwin Weber
Author URI: http://www.erwinweber.com/
Tags: agressive, modern
*/

/* global */

body, html {padding:0; margin:0; border:0;}

p {margin:0px 0px 15px 0px; padding:0;}

body {
	font-size: 73%;
	line-height:170%;
	font-family:Arial, Helvetica, sans-serif;
	background: #ffb820 fixed url('images/bg.jpg');
	color:#333;
	text-align: left;
	}

img { border:none; }

#klanten img {border:1px solid #CCC; margin:0px 10px 10px 0px;}

.social {margin:0px 5px 5px 0px;}

ul{
	margin: 0em 0em 0em 0em; 
	padding-left: 0em;
}

li {list-style:inside disc;}

h2 {
	font-family:Aller, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:200%;
	line-height:25px;
	color:#bd0052;
}

h3 {margin:0px; padding:0px; color:#bd0052;}

/* links */

a:link {color:#bd0052; text-decoration:none;}
a:visited {color:#bd0052; text-decoration:none;}
a:hover {color:#ffb81f; text-decoration:none;}

.text_footer a:link {color:#bd0052; text-decoration:none}
.text_footer a:visited {color:#bd0052; text-decoration:none;}
.text_footer a:hover {color:#feed01; text-decoration:none;}

#footer a:link {color:#ffb81f; text-decoration:none}
#footer a:visited {color:#ffb81f; text-decoration:none;}
#footer a:hover {color:#bd0052; text-decoration:none;}

#menu a:link {color:#ffb81f; text-decoration:none}
#menu a:visited {color:#ffb81f; text-decoration:none;}
#menu a:hover {color:#bd0052; text-decoration:none;}

a:link.more {background:url(images/more_btn.jpg); padding:5px 0px 0px 0px; display:block; height:40px; width:100px; background-repeat:no-repeat;}
a:visited.more {background:url(images/more_btn.jpg); padding:5px 0px 0px 0px; display:block; height:40px; width:100px; background-repeat:no-repeat; }
a:hover.more {background:url(images/more_btn_hover.jpg); padding:5px 0px 0px 0px; display:block; height:40px; width:100px; background-repeat:no-repeat; }

#container {
	width: 800px;
	margin: 0 auto;
	overflow:hidden;
	}

#topper {
	background:#39110f;
	height:30px;
	padding:7px 25px 0px 25px;
	}
	
#topper_content{
	color:#ffb81f;
	width:800px;
	font-size:10px;
	margin: 0 auto;
	}

#logo {
	background:url(images/bg_header.png);
	height:150px;
	text-align:center;
	}
	
#content {
	padding:15px;
	background:#FFF;
	overflow:hidden;
}	
	
.content_left {
	float:left;
	width:28%;
}

.content_center {
	float:left;
	padding-left:40px;
	width:30%;
	list-style:inside;
}

.content_center li {
	display:block;
}

.content_center li a{
	border-bottom:1px solid #666;
	display:block;
	padding:1px;
}

.content_right {
	float:right;
	padding-right:5px;
	width:30%;
}

.content_right li {
	display:block;
}

.content_right li a{
	border-bottom:1px solid #666;
	display:block;
	padding:1px;
}


#start {
	font-size:110%;
	padding:0px 30px 30px 30px;
}

.imagecontainer {background-color:rgba(0,0,0,0.7); color:#FFF; text-align:center;}
	

.text_footer {
	padding:3px;
	margin-top:10px;
	font-size:75%;
	color:#bd0052;
	background:#ebebeb;
	border-bottom:1px solid #bd0052;
	}
	
.work_footer {
	padding:4px;
	border-bottom:1px solid #feed01;
	text-align:right;
	}

#navigation {padding-top:25px;}

#navigation a {display:block; padding:3px; background:#ebebeb;}
#navigation a:hover {display:block; padding:3px; background:#bd0052;}

#navigation .alignleft a {float:left;}
#navigation .alignright a {float:right;}

#sidebar {
	float:right; 
	width:250px;
}

#sidebar li{
	list-style:none;
}

#sidebar li a:link {display:block; color:#bd0052; padding:5px; text-decoration:none; border-bottom:dashed 1px #bd0052;}
#sidebar li a:visited {display:block; color:#bd0052; padding:5px; text-decoration:none; border-bottom:dashed 1px #bd0052;}
#sidebar li a:hover {display:block; color:#ffb81f; background:#bd0052; padding:5px; text-decoration:none; border-bottom:dashed 1px #bd0052;}

#footer {
	clear:both;
	height:250px;
	padding:60px 15px 15px 15px;
	background:url(images/footer.png) no-repeat;
	font-family:Aller, Arial, Helvetica, sans-serif;
	color:#ffb81f;
	}
	
.footer_left {float:left; width:28%;}
.footer_center {float:left; width:30%;padding-left:40px;}
.footer_right {float:right; width:30%; padding-right:5px;}

.footer_center li { list-style-image:url(images/footer_arrow.jpg); list-style-position:inside; margin-bottom:2px;}

#footer a {color:#ffb81f;}
#footer a:hover {color:#bd0052;}
	
/* forms */

textarea {
	border:1px solid #bd0052;
	background:#FFF;
	padding:5px;
}	

input {
	border:1px solid #bd0052;
	background:#FFF;
	padding:5px;
}

input.btn{
	border:none;
}

#topper input {
	border:1px solid #bd0052;
	background:#ffb81f;
	color:#bd0052;
	padding:2px;
}	

#topper input.btn {
	background:#39110f;
	border:none;
}	

/*images */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   padding:0px 15px 15px 0px;
}

.alignright {
   float: right;
   padding:0px 0px 15px 15px;
}

#top-zone{overflow:hidden; width:800px; margin:0 auto; height:280px;} /*Here to keep images hidden in IE mostly*/

 .slideshow{width:800px; height:280px;}
 .slideshow li{list-style:none; float:left; display:inline; position:relative;}
 
 #slideshowborder{width:800px; height:280px; position:relative; z-index:10; top:-280px; }
	
/* menu */

#menu {
	float:left;
 	width:100%;
	background:#fff;
	overflow:hidden;
	position:relative;
}

#menu ul{
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
}

#menu ul li{
	display:block;
	float:left;
 	list-style:none;
 	margin:0;
	padding:0;
	position:relative;
	right:50%;
}


#menu ul li a{
	display:block;
	padding:20px 38px 30px 38px;
	background:url(images/menu.bg.png) repeat-x;
	color:#ffb81f;
	text-decoration:none;
	line-height:2px;
	font-weight:bold;
	font-size:16px;
	border-left:1px solid #fff;
}

#menu ul li a.left{
	border:none;
	background:url(images/menu.bg.left.png) repeat-x;
}

#menu ul li a:hover.left{
	background:url(images/menu.bg.left.hover.png) repeat-x;
	border:none;
}

#menu ul li a.right{
	border-left:1px solid #fff;
	background:url(images/menu.bg.right.png) top right repeat-x;
}

#menu ul li a:hover.right{
	background:url(images/menu.bg.right.hover.png) top right repeat-x;
}

#menu ul li a:hover{
	color:#bd0052;
	background:url(images/menu.bg.hover.png) repeat-x;
}