/** 
 * www.comsi.nl
 * ComSi Rood - #D92A36;
 */

html, body {
	margin:				0;
	padding:			0;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color: 				#FFF;
	text-align:			center;
	height:				100%;
	min-height:			100%;
	background: 		#FFFFFF url(../images/main_bg.gif) repeat-x top;
}

object {
	outline: none;
	display: block;
}
	object.slideshowClass{
		/*margin-left:15px;
		margin-bottom:5px;*/
		margin-top:30px;
	}
	object.nieuwsbrief{
		margin-bottom: 10px;
		display:block;
	}
html,body,a,div,span,ul,li,button{outline:none;}
/* ========================================================================= */
/* DESIGN */
#outer{
	position:			relative; /* needed for footer positioning*/
	margin:				0 auto; /* center, not in IE5 */
	text-align:			left;
	border-right:		0px solid #818386;
	width:				771px;
	margin:				auto;
	height:				auto !important; /* real browsers */
	height:				100%; /* IE6: treaded as min-height*/
	min-height:			100%; /* real browsers */
	background: 		#E6E6E6 url(../images/container_shadow.jpg) no-repeat top right;
}

ul#zoek {
	list-style-type:  square;
	list-style-position: outside;
	margin-left: 20px;		
}

li.normal {
	list-style-position: inside;
}
	#header {
		border:				0px solid #FF0000;
		height:				210px;
		vertical-align:		bottom;
		background-color:	#FFF;
		width:				763px;
	}
			#header .header_topgradient {
				height:				30px;
				background: 		url(../images/back_header.gif) repeat-x top left;
				width:				100%;
			}
	
			#header .logo {
				position:			relative;
				padding:			0 0 0 56px;
				float:				left;
			}
		
			#header .slogan {
				font-family:		Verdana, Arial, Helvetica, sans-serif;
				position:			relative;
				padding:			15px 0 0 25px;
				float:				left;
				font-size:			12px;
				color:				#999999;
			}
		
			#header form {
				position:			relative;
				padding:			15px 30px 0 0;
				float:				right;
				font-size:			14px;
				color:				#999999;
			}
			
			a.headerGrey {
				color: 				#FFFFFF;
			}
				a.headerGrey:hover {
					color: 				#FFFFFF;
				}

	#bodyblock {
		border:				0px solid #F00;
		position:			relative;
		color: 				#000000;
		width:				762px;
		padding:			0;
		background-color:	#E6E6E6;
		padding-bottom:		30px;
	}
		
		#head_dark_horizontal {
			height:				15px;
			background-color:	#59585A;
			color:				#FFF;
			font-size:			11px;
			font-family:		Verdana, Arial, Helvetica, sans-serif;
			padding-top:		1px;
			text-align:			center;
		}

		#contentblock {
			padding:		0;
			border:			0px solid #00F;

		}

		.content_left {
			padding:		0;
			width:			160px;
			border:			0px solid #0F0;
			float:			left;
			height:			100%;
		}
		
		.content_leftportfolio {
			padding:		0;
			width:			148px;
			border:			0px solid #0F0;
			float:			left;
			height:			100%;
			margin-left:	20px;			
		}

			.content_left img {
				padding:		40px 0 0 30px;
			}

		.content_middle {
			padding:		0;
			width:			375px;
			border:			0px solid #0F0;
			float:			left;
			line-height:	1.5;
			height:			100%;
		}
		
		.content_portfolio {
			padding:		0;
			width:			585px;
			border:			0px solid #0F0;
			float:			left;
			line-height:	1.5;
			height:			100%;
		}

		.content_right {
			padding:		0;
			padding-right:  15px;
			width:			200px;
			border:			0px solid #0F0;
			line-height:	1.5;
			padding-top: 	35px;
		}
		.content_middle_alt {
			padding:		0 0 0 0;
			border:			0px solid #0F0;
		    text-align: 	left;
		}
		
		.content_right_alt {
			padding:		0;
			padding-right:  15px;
			width:			200px;
			border:			0px solid #0F0;
			float:			right;
			line-height:	1.5;
			padding-top: 	35px;
		}
/* ======================================================================== */
/* Sub sub menu */
/* ======================================================================== */
li.subsubmenu {
	list-style-position:	inside;	
	margin-left: 10px;
}

h2.brochure {
	height: 20px;	
}

a.subsubmenu_link {
	text-transform: capitalize;
}

	#footer {
		position:			absolute;
		bottom:				0;
		left:				0;
		height:				20px;
		width:				762px;
		background-color:	#D92A36;
		text-align:			center;
		border:				0px solid #00F;
		color:				#FFF;
	}
		#footer p{
			margin:				0;
			padding:			3px 0 0 0;
		}
	#footerIcons {
		position:			absolute;
		bottom:				0;
		left:				0;
		height:				60px;
		width:				762px;
		text-align:			center;
        margin-top:        25px;
        clear:both;
	}

/* ========================================================================= */
/* STANDARD HTML STUFF */
a{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#D92A36;
	text-decoration:	none;
}
	a:hover{
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			11px;
		color:				#D92A36;
		text-decoration:	underline;
		cursor:				pointer;
	}

img {
	padding:			0;
	border:				none;
}

ul {
	margin:				0;
	padding:			0;
}

h2 {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			20px;
		color:				#D92A36;
		margin:				0;
		padding:			35px 0 0 0;
}

h3 {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			16px;
		color:				#49474A;
		margin:				0;
		padding:			10px 0 0 15px;
}

table, tr, td {
	padding:			0;
	margin:				0;
}

fieldset {
	border:			0px solid green;
}

	legend {
		color: 		#D92A36;
	}

/* ========================================================================= */
/* NAVIGATION */
.menu {
	float:				left;
	border:				0px solid #0F0;
	padding-left:		56px;
	width:				760px;
}

	.menu_hoofdnormal {
		color: 				#000;
		text-transform:		uppercase;	
		text-align:			left;
		line-height:		1.5;
		font-weight:		bold;
	}

	.menu_hoofdselected {
		color:				#DB2B36;	
		text-transform:		uppercase;
		text-align:			left;
		line-height:		1.5;
		font-weight:		bold;
	}

	.menu_normal {
		color: 				#000;
		display: 			block;
		line-height:		1.5;
		border:				0px solid #0F0;
	}

	.menu_selected {
		color:				#DB2B36;
		display: 			block;
		line-height:		1.5;
		border:				0px solid #0F0;
	}

	/* ================== */

	ul.menu_ul {
		list-style-type:	none;
		float: 				left;
		padding:			0 15px 0 15px;
		border-left:		1px solid #999;
	}

		li.submenu {
			list-style-type:	none;
			display:			list-item;
			color:				#D92A36;
			white-space: 		nowrap;
		}

		li.submenu_selected {
			list-style-type:	square;
			display:			list-item;
			color:				#D92A36;
			white-space: 		nowrap;
		}
		
/* ========================================================================= */
/* OTHER */

.portfolio_imgBig{
	border:				1px solid #CBCACA;
}

.portfolio_meerCat{
	border:				0px solid #CBCACA;
}

.placeVideo{
	border:				1px solid #CBCACA;
	padding-left:		15px;
}

form.signup_news{
	padding-left:		15px;
}

.placeVideo{
	border:				1px solid #CBCACA;
	padding-left:		15px;
}

.content_right p {
	padding-left:		15px;
}

.portbox_logo {
	background:		url(../images/portfolio_rand.jpg) no-repeat;
	clear:			both;
	text-align: 	center;
	height: 		54px;
}
	.portbox_logo a{
		display:		block;
	}

.klanttitel_label {
	color: #000000;
	font-weight: 700;
}

.portbox_logolinks {
	background:				url(../images/portfolio_randlinks.jpg) no-repeat;
	clear:					both;
	text-align: 			left;
	height: 				106px;
	width:					194px;
}
	.portbox_logolinks a {
		display:				block;
	}

.portfolio_subcontainer {
	float: left;
	width: 136px;
	margin-right: 3px;
}

.portfolio_subcontainerlinks {
	float: left;
}

.portfolio_imagelinks {	
	margin-top: 0px;
	padding-left: 20px;
}

.portfolio_container {
	float: left;
	text-align: center;
	margin-bottom: 25px;
	width: 420px;
}

.portbox_naam {
    text-align: center;
	color: #8c8c8c;
	padding-right: 10px;
}

.container_title {
	width: 420px;
	text-align: left;
	font-weight: 700;
	clear: both;
	margin-bottom: 5px;
	border-bottom: 1px solid #8c8c8c; 
}

.portfolio_zieook_rij {
	margin-right: 5px;
}

td.zieooklinks {
	padding-top: 30px;
}

.portfolio_right {

	background-color: #000;
	color: #FFF;
	float: left;
	position: relative;
	top: 0px;
	left: 5px;
	}
	
	ul.directnaargroep {
		padding: 0;
		margin: 0;
	}
	
	li.directnaargroep_li {
		list-style-type: none;
		margin-left: 15px;
	}
	
.content_right_port {
	padding-top: 23px;
}

/**
 * WIE IS WIE
 */
.tool-tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
}
	.tool-title {
		padding-top:5px;
		font-weight: bold;
		font-size: 14px;
		margin: 0;
		color: #FFFFFF;
		background: url(../images/tooltipsBubble.png) top left;
	}
	 
	.tool-text {
		font-size: 11px;
		padding: 5px 5px 5px;
		background: url(../images/tooltipsBubble.png) bottom right;
	}
 
div.wiw_left{
	padding:			10px;
	margin-bottom:		10px;
	background-color:	#FFFFFF;
	color:				#666666;
} 
	div.wiw_left h3{
		color:				#DB2B36;
		padding:			0;
	}
		div.wiw_left img{
		margin-right:			15px;
	}
 
div.wiw_right{
	padding:			10px;
	margin-bottom:		10px;
	background-color:	#DB2B36;
	color:				#FFFFFF;
}
	div.wiw_right h3{
		color:				#FFFFFF;
		padding:			0;
	}
	div.wiw_right img{
		margin-left:			15px;
		padding-bottom:			15px;
	}
/**
 * NEW FRONTPAGE
 */
.fpContainer { height: 1%; overflow: auto; }
    .fpContainer-left {
        /*border: 1px solid red;*/ 
        width: 444px; 
        float: left; 
        padding-left: 56px;
        padding-top: 20px;
    }
        .fpContainer-left .fpContainerItem {
            display:block; 
            background: #E6E6E6 url(../images/back-button-big.gif) no-repeat top left; 
            padding: 5px 10px; 
            height: 76px; 
            width: 417px;
        }
    .fpContainer-right {
        /*border: 1px solid blue;*/ 
        width: 260px; 
        float: right;
        padding-top: 20px;
    }
        .fpContainer-right .fpContainerItem {
            display:block; 
            background: #E6E6E6 url(../images/back-button.gif) no-repeat top left; 
            padding: 5px 10px 15px 10px; 
            height: 76px; 
            width: 200px;
        }
    .fpContainerPromo {
        background: #E6E6E6 url(../images/back-promo.gif) no-repeat top left; 
        padding: 0px 5px 10px 2px;
        width: 437px;
        height: 279px;
    }
    .fpContainerItem img {
        float:left;
        padding-right: 10px;
    }
    .fpContainerItem h1{
        margin: 0;
        padding: 0 10px 0 0;
        font-size: 12px;
        color: #DB2B36;
    }
    .fpContainerItem p{
        margin: 0px;
        line-height: 150%;
        font-size: 12px;
        color: #000000;
    }
        .fpContainerItem p a{ 
            text-decoration: none;
            color: #000000;
            font-size: 12px;
        }
/**
 * SLIDER on FRONTPAGE
 */
#slider{
    height: 271px;
    overflow: hidden;
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
    height: 271px;
}
#slider li{ 
	width:431px;
	height:271px;
	overflow:hidden; 
}
/**
 * Search
 */
form#search input.searchfield {
    background: #FFFFFF url(../images/search-background.png) no-repeat top left;
    font-size:11px;
    padding-left: 25px;
}