/* general styling */

body {
	width: 100%;
	text-align: center;
	font-family: arial, verdana, helvetica, sans;
	font-size: 11px;
	color: #636363;
	background: #d8d8d8 url(../images/web/background.gif) top center repeat-x;
	line-height: 2em;
}

address {
	text-transform: none;
	font-style: normal;
}

a {
	color: #f58025;
	text-decoration: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

h1 {
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	font-size: 20px;
}

h2 {
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	color: #f58025;
	font-size: 18px;
}

h3 {
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	color: #f58025;
	font-size: 16px;
}

ol {
	list-style-type: decimal;
} 

ul, ol {
	margin: 0 0 0 20px;
}

p {
	margin: 0 0 8px 0;
}

p.details {
	font-style: italic;
}

/* standard page elements */

#container {
	width: 970px;
	text-align: left;
	margin: 0 auto;
	background: transparent url(../images/web/background-container.jpg) top center no-repeat;
}

#container #top {
	width: 970px;
	height: 90px;
}

#top .logo {
	width: 300px;
	display: block;
	float: left;
	padding: 10px 0 0 0;
}

#top address {
	line-height: 1.6em;
	display: block;
	float: left;
	width: 655px;
	text-align: right;
	padding: 10px 15px 0 0;
}

/* navigation and page search */

#navigation {
	background: transparent url(../images/web/background-nav.png) 0px top no-repeat;
	width: 970px;
	height: 65px;
}

#navigation #navwrap {
	display: block;
	float: left;
	width: 750px;
}

#navigation #pagesearch {
	display: block;
	float: right;
	padding: 18px 0 0 0;
	width: 220px;
	height: 45px;
}

#pagesearch input.page-search-query {
	border: none;
	background: #fff url(../images/web/background-searchform.gif) top left no-repeat;
	height: 20px;
	width: 161px;
	padding: 5px 0 0 5px;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 11px;
	color: #8c8c8c;
	display: block;
	float: left;
}

#pagesearch input.page-submit-query {
	border: none;
	background: transparent url(../images/web/background-searchbutton.gif) bottom left no-repeat;
	height: 25px;
	width: 31px;
	display: block;
	float: left;
}

/* contentbox home */

#contentbox-home {
	width: 970px;
	height: 378px;
	background: transparent url(../images/web/background-cb-bottom.png) bottom left no-repeat;
}

#contentbox-home #boxwrap {
	position: relative;
	width: 970px;
	height: 366px;
	background: transparent url(../images/web/background-cb-narrow.png) top left repeat-x;
}

#contentbox-home #slideshow {
	width: 700px;
	height: 360px;
	position: absolute;
	top: 5px;
	left: 13px;
}

#contentbox-home #sidebar {
	width: 275px;
	height: 360px;
	position: absolute;
	top: 5px;
	right: 2px;
}
.iptelefonie-movie {
	width: 970px;
	clear: both;
	text-align: center;
	padding: 10px 0 0 0;
}

.iptelefonie-movie a {
	color: #ff4200;
	font-weight: bold;
}

/* home sidebar buttons */

#sidebar ul li {
	margin: 0 0 13px 0;
}

#sidebar ul li a {
	overflow: hidden;
	text-indent: -999em;
	display: block;
	width: 275px;
	height: 80px;
	cursor: pointer;
}

#sidebar ul li.concept a {
	background: transparent url(../images/web/button-concept.png) top left no-repeat; 
}
#sidebar ul li.garanties a {
	background: transparent url(../images/web/button-garanties.png) top left no-repeat; 
}
#sidebar ul li.referenties a {
	background: transparent url(../images/web/button-referenties.png) top left no-repeat; 
}
#sidebar ul li.vastmobiel a {
	background: transparent url(../images/web/button-vastmobiel.png) top left no-repeat; 
}

#sidebar ul li a:hover {
	width: 257px;
}

/* footer both home and regular content pages*/

#bottom-content {
	width: 970px;
}

#bottom-content h2 {
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
	margin: 0 0 10px 0;
	text-align: left;
}

#bottom-content .references,
#bottom-content .latest-news,
#bottom-content .faq {
	float: left;
	width: 270px;
	padding: 30px 26px 40px 26px;
}

#bottom-content .faq ul li {
	margin: 0 0 8px 0;
	padding: 0 0 0 16px;
	background: transparent url(../images/web/bullet-circle.png) left center no-repeat; 
}

#bottom-content .faq ul li a {
	color: #050167;
	text-decoration: none;
}

#bottom-content .faq a:hover {
	text-decoration: underline;
}

#bottom-content a.readmore {
	font-weight: bold;
	padding: 0 15px 0 0;
	color: #f58025;
	background: transparent url(../images/web/icon-readmore.png) center right no-repeat; 
}

#footer {
	color: #6d6d6d;
	line-height: 1.5em;
	width: 970px;
	height: 40px;
	padding: 0 0 240px 0;
	text-align: center;
	background: none; transparent url(../images/web/background-footer.gif) top left repeat-x; 
}

.clear {
	clear: both;
}