/*
Theme Name: Conect Telecom
Theme URI: http://wordpress.org/
Description: Theme Conect Telecom.
Version: 1.0
Author: Rob Smittenaar
Author URI: http://graphicsetc.nl/
*/

/***********************************************************
	RESET	
***********************************************************/

*{
	margin: 0;
	padding: 0;
	text-decoration:none;
	list-style:none;
}

body{
	background: url(images/body-bg.gif);
}

img{
	border: none;
}

/***********************************************************
	CONTAINER
***********************************************************/

#container{
	margin: 0 auto 0 auto;
	width: 820px;
	height: 100%;
	background-color:#ffffff;
	border-left:solid 1px #e2e2e2;
	border-right:solid 1px #e2e2e2;
}

/***********************************************************
	HEADER	
***********************************************************/

#header{
	width: 820px;
	height: 100px;
	background: url(images/header-bg.jpg);
}

.search{
	height:25px;
	line-height: 25px;
	width: 174px;
	margin: 60px 0 0 633px;
	position: absolute;	
	background: url(images/search-bg.jpg) no-repeat;
}

.search .text {
	font-family: Arial, Helvetica, sans-serif;
	width: 140px;
	color: #b3b3b3;
	font-size: 11px;
	padding:6px 6px;
	background: none;
	border: none;
}
	
.search .submit {
	background: none;
	width: 22px;
	height: 25px;
	border: none;
	cursor: pointer;
	position: absolute;
}

/***********************************************************
	MAIN-MENU	
***********************************************************/

#main-menu {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	background: url(images/main-menu-bg.jpg) repeat-x;
	width: 820px;
	height: 39px;
	position:absolute;
	z-index:1;
	padding-top: 3px;
}

#dropmenu, #dropmenu ul {
	list-style-type:none; 
	list-style-position:outside; 
	position:relative; 
	line-height:30px; 
	z-index:300; width:100%; 
	font-weight:bold;
	background: #a21a24;
}

#dropmenu a {
	height: 30px;
	border-right:1px solid #9e1821;
	display:block; 
	padding:0 15px 0 15px; 
	color:#ffffff; 
	text-decoration:none; 
}

#dropmenu a:hover {
	background: #c5333e;
	color:#fff;
}

#dropmenu li {
	float:left; 
	position:relative;
	height: 28px;
	display:block; 
	border-top: solid 1px #c5333e;
}

#dropmenu ul {
	position:absolute; 
	display:none; 
	width:13em; 
	top:2.5em; 
	left:-1px;
}

#dropmenu ul a {
}

#dropmenu li ul {
	width:14.1em;
	background: #a21a24;
}

#dropmenu li ul a {
	background: #a21a24;
	width:12em; 
	height:auto; 
	float:left;  
}

#dropmenu ul ul {
	top:-1px;
}

#dropmenu li ul ul {
	left:13em; 
	margin:0px 0 0 10px;
}

#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}

/***********************************************************
	SLIDER
***********************************************************/

#slider-header{
	background: url(images/flash-header-bg.jpg) no-repeat;
	width: 820px;
	height: 180px;
}

#page-wrap{ 
	width: 820px; 
	height: 180px; 
	margin: 0 auto; 
}

#slider{ 
	height: 175px; 
	overflow: hidden;
	position: relative; 
	margin: 20px 0 0 0; 
}								  
							  
#mover{ 
	width: 2880px; 
	height: 180px; 
	position: relative; 
}

.slide{ 
	padding: 40px 30px;
	width: 900px; 
	float: left; 
	position: relative; 
}

.slide h1 a{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px; 
	color: #f9a419; 
	text-decoration: none;
}

.slide h2 a{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #af1b3f; 
	text-decoration: none;
	font-weight: normal;
}

.slide p{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999; 
	font-size: 11px; 
	line-height: 20px; 
	width: 300px; 
	padding: 5px 0 0 0;
}

.slide img{ 
	position: absolute; 
	top: 20px; 
	left: 400px; 
}

/***********************************************************
	NEWS SLIDE	
***********************************************************/

#news-slide{
	width: 820px;
	background: url(images/slide-bg.jpg) repeat-x;
	overflow: hidden;
}

#test{
	width: 200px;
	background:#3300FF;
}

#slide-button{
	width: 820px;
	height: 60px;
	text-align: center;
	background: url(images/slide-footer-bg.jpg) repeat-x;
}

.news-box{
	float: left;
	width: 270px;
}

.news-box h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ad212a;
	padding: 8px 0 20px 30px;
}

.news-box li{
	list-style: square;
	font-size: 10px;
	line-height: 25px;
	color: #ad212a;
	margin: 0 0 0 43px;
}

.news-box h2 a{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #faa41b;
	padding: 8px 0 0 0;
}

.news-box h2 a:hover{
	text-decoration: underline;
	color: #ad212a;
}

/***********************************************************
	CONTENT
***********************************************************/

#content{
	width: 800px;
	height: 100%;
	padding: 0 0 0 20px;
	background-color:#FFFFFF;
}

#content-left{
	float:left;
	width: 500px;
}
	
.content-title{
	width: 515px;
	height: 60px;
	background: url(images/content-title-bg.jpg) no-repeat;
}
	
.content-title h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #ad212a;
	padding: 18px 0 0 22px;
}
	
.content-entry{
	width: 515px;
	height: 100%;
	background: url(images/content-entry-bg.jpg) repeat-y;
}
	
.content-entry h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ae1a3e;
	padding: 0 0 0 22px;
}
	
.content-entry h2 a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 11px;
	color: #a71e26;
	padding: 0 22px 0 22px;
}		
	
.content-entry p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 11px;
	color: #929292;
	padding: 0 22px 20px 22px;
}
	
.content-entry p a{
	text-decoration: none;
	color: #faa41b;
}
	
.content-entry p a:hover{
	text-decoration: underline;
}
	
.content-footer{
	width: 515px;
	height: 60px;
	background: url(images/content-footer-bg.jpg) no-repeat;
}
	
/***********************************************************
	SIDEBAR
***********************************************************/
	
#content-right{
	float:left;
	width: 250px;
	padding: 0 0 0 30px;
}

.sidebar-title{
	width: 240px;
	height: 62px;
	background: url(images/sidebar-title-bg.jpg) no-repeat;
}

.sidebar-title h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #ad212a;
	padding: 18px 0 0 22px;
}

.sidebar-entry{
	width: 240px;
	height: 100%;
	padding: 5px 0 0 12px;
	background: url(images/sidebar-entry-bg.jpg) repeat-y;
	line-height:20px;
}

.sidebar-entry a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#ad212a;
	padding: 0 0 0 10px;
}

.sidebar-entry a:hover{
	text-decoration: underline;
	color:#f7a51b;
}

.sidebar-footer{
	width: 240px;
	height: 17px;
	background: url(images/sidebar-footer-bg.jpg) no-repeat;
}
	
/***********************************************************
	TOESTELLEN
***********************************************************/

.content-toestel{
	width: 770px;
	height: 100%;
}

.content-toestel-title{
	width: 770px;
	height: 70px;
	background: url(images/content-toestel-title-bg.jpg) no-repeat;
}

.content-toestel-title h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #ad212a;
	padding: 18px 0 0 22px;
}

.content-toestel-entry{
	width: 770px;
	height: 100%;
	background: url(images/content-toestel-entry-bg.jpg) repeat-y;
}

.content-toestel-footer{
	width: 770px;
	height: 60px;
	background: url(images/content-toestel-footer-bg.jpg) no-repeat;
}

.toestel{
	height: 202px;
	width: 746px;
	background: url(images/toestel-bg.jpg) no-repeat;
	margin: 0 0 0 11px;
	padding: 0 0 20px 0;
}

.toestel-image{
	float: left;
	height: 196px;
	width: 135px;
	margin: 3px 0 0 3px;
}

.toestel-entry{
	float: left;
	height: 196px;
	width: 592px;
	margin: 3px 0 0 14px;
}

.toestel-entry h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #ad212a;
	padding: 10px 0 0 15px;
}

.toestel-entry p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 11px;
	color: #929292;
	padding: 0 20px 20px 15px;
}

.toestel-button{
	margin: 0 0 0 300px;
}
	
/***********************************************************
	FOOTER
***********************************************************/

#footer{
	clear:both;
	width: 820px;
	height: 230px;
	background: url(images/footer-bg.jpg) no-repeat;
}