* commented backslash hides from ie5mac \*/ 
html{
	height:100%;
	margin:0;
	padding:0
} 
/* end hack */ 
html,body {
	padding:0;
	margin:0;
	background-color: #f0f0f0;
	.background-color: #eee;
	font-size: 11px;
	font-family: "Trebuchet MS", verdana, sans-serif;
	min-height: 100%;
}
body{	
	text-align:left;
	min-width:776px;/* for mozilla*/
	background-color: #eee;
	height:100%;
	background:  url(images/bg.png) repeat-x left top;
	/* background:  url(images/bg_4x818.jpg) repeat-x left top; */
}
#wrapper {
	background: url(images/q332x28.jpg) repeat-x left bottom;
	bottom: 0px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
	/* _height: 28px; */
	border: solid 0px;
	/* margin-bottom: -28px; */
	border: green solid 0px;
}
#de_bodem {
    /* position: relative; */
    width: 777px;
    /* bottom: 0px; */
    height: 28px;
    background: url(images/332x28.jpg) repeat-x;
    border: solid 0px;
    margin: auto ;
}

#outer, #outer2 {
	height:99.9%;
	min-height:99.9%;
	/* height: auto !important; */
	width:777px;
	text-align:left;
	margin: 0 auto 0px;
	position:relative;
	overflow:visible;
	background:  url(images/inner_776x1.jpg) repeat-y left top;
	border: #000 solid 0px;
	border-bottom: solid 1px;
}
#outer2 {
    width: 776px;
    background: #f9f9f9;
    border: solid 1px;
}

/* mac hide \*/
* html #outer{
	width:776px
}
/* end hide*/

html>body #outer{
	hheight:auto;
} /*for mozilla as IE treats height as min-height anyway*/

#inner{
    width:100%;
    padding-top:143px;/*needed to make room for header*/
    border: blue solid 0px;
} 

#header{
	position:absolute;
	top:0px;
	left:0px;
	width:776px;
	height:93px;
	z-index:74;
	background: url(images/top-header_776x93_2.jpg) no-repeat left top;

}

#ajaxmenu{
	position:absolute;
	top:92px;
	left:0px;
	width:777px;
	height: 34px;
	z-index:65;
	background: #ca3636 url(images/header_776x43.jpg) no-repeat left top;
	border-bottom: solid 1px;
}
#logo {
	position:absolute;
	top:26px;
	left:10px;
	width:337px;
	height:63px;
	text-indent: -5000px;
	z-index:300;
	background:  url(images/logo_237x63.gif) no-repeat left top;
}
/* mac hide \*/
* html #outer, * html #header {width:777px}
/* end hide*/
#clearfooter {
    clear: both;
    height: 28px;
border: blue solid 0px;
}
#footer {
	color: #ca3636;
	width: 100%;
	clear:both;
	height: 28px;
	text-align:left;
	left:0px;
	bottom:0px;
	position: relative; 
	/* background: url(images/foot_776x82_2.jpg) no-repeat;*/  
	/* background: url(images/332x28.jpg) repeat-x; */
	border: green solid 0px;

}
#footer p {
	margin-top: 10px;
}
#footer p a {
	text-decoration: none;
	color: #ffffff;
}
* html #footer{
	margin-bottom:-1px
}/* ie rounding bug*/

/* mac hide \*/
* html #footer {
	/*only ie gets this style*/
	height:28px;
	/* for ie*/
}
/* end hide*/

div,p  {
	margin-top:0px;
}/*clear top margin for mozilla*/

#right {

	width:206px;
	float:right;
	z-index: 55;
	padding-right: 0px;
}
#right-inner {
	width: 178px;
	padding-left: 9px;
	text-align: left;
}
#right-inner h2 {
	font-size: 15px;
}
#left, #left2 {
	position:relative;/*ie needs this to show float */
	width:555px;
	float:left;
	padding-left: 3px;
	z-index: 56;
        border: red solid 0px;
}
#left2 {
    width: 100%;
    border: solid 0px green;
    margin: 0;
    padding: 0;
}

#left-inner {
	padding-left: 9px;
	padding-right: 9px;
	text-align: left;
border: green solid 0px;
}
#clearfooter {
	width:100%;
	height: 10px;
	clear:both;
} /* to clear footer */

html>body #minHeight{
    float:left;
    width:0px;
    height:100%;
    margin-bottom:-28px;
} /*safari wrapper */
#content {
    z-index: 300;
    padding-bottom: 7px;
    border: green solid 0px;
    min-height: 550px;
}

#content h2 {
	font-size: 15px;
	color: #ca3636;
	background:  url(images/bullet_17x21.gif) no-repeat left top;
	padding-left: 19px;
	line-height: 24px;
	position: relative;
	z-index: 999;
}
#left2 h2 {
    padding-left: 19px;
    margin-left: 10px;
}
h3#post-  {
	font-size: 12px;
	color: #ca3636;
	background:  url() no-repeat left top;
	padding-left: 0px;
}

#content p {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
	_line-height: 16px;
    border: green solid 0px;
}

#content p a {
	color: #ca3636;
}

#content p a:hover {
	background-color: #ca3636;
	color: #ffffff;
}


#footer p {
	padding: 8px;

}





.FSF_searchResults {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
	_line-height: 16px;
}


.FSF_extract {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
	_line-height: 16px;
}


.FSF_resultLink {
	color: #ca3636;
}

.FSF_extract {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
	_line-height: 16px;
}

.highlight {
	font-size: 12px;
	background-color: #f2f2f2;
	color: #ca3636;
	font-weight: bold;
	line-height: 18px;
	_line-height: 16px;

}

img {
	border: dotted 0px #444444;
}

#content ul li{
	list-style-image: url(images/bullet_11x8.gif);
	margin-bottom: 0.5em;
	font-size: 110%;
}

.LIn_shortMode {
	list-style-type: none;
	margin: 0;
	padding: 0;

}

.LIn_desc {
	display: none;
}
.LIn_date {
	font-style: italic;
	margin-left: 5px;
}

#sidebar {
    height: 100%;
}
#content a, #sidebar a
{
    color: #ca3636;
    /* padding: 2px; */
}

#content a:hover, #sidebar a:hover
{
    background-color: #ca3636;
    color: #fff;
}
#sidn-logo {
    width: 100%;
    height: 100px;
    border: solid 0px;
    background: url(images/sidn-logo.gif) no-repeat right bottom;
}
#da-logo {
    background: url(images/directadmin.gif) no-repeat;
    width: 100%;
    height: 65px;
}
#login-da {
    background: url(images/login-da.jpg) no-repeat right bottom;
    height: 134px;
    width: 260px;
    padding-right: 270px;
}
#login-sm {
    background: url(images/login-squirrelmail.jpg) no-repeat right bottom;
    height: 280px;
    width: 260px;
    padding-right: 270px;
}
#login-uebimiau {
    background: url(images/login-uebimiau.jpg) no-repeat right bottom;
    height: 160px;
    width: 260px;
    padding-right: 270px;
}
#login-roundcube {
    background: url(images/login-roundcube.jpg) no-repeat right bottom;
    height: 145px;
    width: 260px;
    padding-right: 270px;
}
#sm-logo {
    width: 55%;
    height: 111px;
    background: url(images/sm_logo.png) no-repeat;
}
#storingen {
    .padding-top: 15px;
    float: right;
}
#klant-login {
    position: absolute;
    top: 130px;
    left: -202px;
    width: 1050px;
    height: 500px;
    background: #f9f9f9;
}
#bodem {
    padding: 1px 3px 6px 3px;
    margin-top: 5px;
    color: #aaaaaa;
    float: right;
    position: bottom right;
}
#bodem a, #bodem a:hover {
    color: #fff;
}
#klantlogin {
    position: bottom;
    text-align: center;
}
input.button3 {
    width: auto;
    height: 28px;
    color: #ca3636;
    background: #b5b5b5 url(images/shadow.gif);
    border: #b5b5b5 solid 1px;
    cursor: pointer;
    /* line-height: 38px; */
    padding: 0px 4px 4px 4px;
    .padding: 0px 0px 0px 0px;
}
input.button3:hover {
    background-image: url(images/shadow1.gif) repeat-x;
    color: #000;
}
.datacenter {
    width: 540px;
    height: 379px;
    background: url(images/evo.gif) no-repeat;
}
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 700px;
    height: 300px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	height: 35px;
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 21px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	margin-top: 10px;
	height: 11px;
	width: 11px;
	background: url(http://webxpressions.nl/assets/plugins/directresize/libs/highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
    color: #ca3636;
    padding-right: 20px;
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

blockquote {
    text-align: justify;
}
#klant-frame {
    padding: 0px;
}




.h1home h1 {
    max-width:100%;
    margin:0;
    padding:3px 5px;
    color:#ffffff;
    font-size:1.6em;
    line-height:1.3em;
    font-weight:normal;
    overflow:hidden;
    background: url('images/header_balk.jpg') repeat-x 0 100%;
}