/*
    Project: CrystalX
    URL: http://www.nuvio.cz
    
    Output device: screen, projection
    
    Author: Vit Dlouhy (vit.dlouhy@nuvio.cz); Nuvio (www.nuvio.cz)
    Last revision: 2006-12-05, 12:00 GMT+1

    Structure:
        display | position | float | overflow | width | height | border | margin | padding | background | align | font
*/
html{overflow-y: scroll;}
* {min-height:1px;}
body {border:0; margin:0; padding:0; background:#F2F5FE url("../design/bg.gif") 0 0 repeat-x; font:70%/160% "verdana",sans-serif; color:#192666; _text-align:center;}

a {color:#192666;}
a:hover {color:#4F6AD7;}

.no_deco
{
	text-decoration:	none;
}

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

div {display:block; border:0; margin:0; padding:0;}

h1, h2/*, h3, h4, h5*/ {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:120%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h2 {font-size:180%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
/*
h3 {font-size:120%; line-height:100%; font-weight:bold;}
h4 {font-size:120%;}
h5 {font-size:100%;}

*/
table {display:table; border-collapse:collapse; margin:15px 0; padding:0; border:0px solid #B7CAF6; font-size:100%;}
tr {display:table-row;}
th, td {display: table-cell; border:0px solid #B7CAF6; margin:0; padding:5px; vertical-align:top; text-align:left;}
th {background:#E7ECFD; text-align:center; color:#192666; font-weight:bold;}

ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0; _height:1px;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold;}
dd {border:0; margin:0 0 0 30px; padding:0;}

form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;}

hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}

a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

del, .through {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

textarea{width: 100%;}

/* Floating */
.f-left {float:left;}
.f-right {float:right;}

/* Text align */
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}

.va-middle {vertical-align:middle;}

.clear {clear:both;}
.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}

.nom {margin:0;}
.noscreen {display:none;}

/* -----------------...........--------------------------------------------------------------------------------------- */

#main {width:970px; margin:50px auto 0 auto; _text-align:left;}

/* Header */
	#header {position:relative; width:970px; height:100px; margin:0; padding:0; background: url("../design/header.jpg") 0 0 no-repeat; color:#FFF;}
	#header #headerbanner {position:absolute; bottom:0; right:50px; width:460px; height:65px; margin:0 0 15px 0; padding:0; border:0; background:url("../design/BannerCEWE.png") 0 0 no-repeat;}
/*
	#header #album {position:absolute; bottom:0; right:25px; width:194px; height:93px; margin:0; padding:0; border:0; background:url("../design/album.png") 0 0 no-repeat;}
	#header #kalender {position:absolute; bottom:0; right:300px; width:191px; height:84px; margin:0; padding:0; border:0; background:url("../design/kalender.png") 0 0 no-repeat;}
	#header #mok {position:absolute; bottom:0; right:220px; width:75px; height:73px; margin:0; padding:0; border:0; background:url("../design/mok.png") 0 0 no-repeat;}
*/
    /* Header - logo */
    #headerlogo {position:absolute; top:5px; left:35px; margin:0; font-size:320%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}

    #headerlogo a {color:#FFF;}
    #headerlogo a:hover {color:#B5C4E3; text-decoration:underline;}
	
    #header #sublogo {position:absolute; top:60px; left:35px; margin:0; width: 400px;}

    #header #sublogo {color:#FFF;}	
    
    /* Header - Search */
    #header #search {position:absolute; top:35px; right:20px;}
    #header #search form {position:relative;}
    #header #search #search-input-out {position:absolute; top:0; right:45px; width:155px; height:28px; margin:0; padding:0; border:0; background:url("../design/search_input.gif") 0 0 no-repeat; font:bold 90%/100% "verdana",sans-serif; color:#192666;}
    #header #search #search-input {width:140px; margin:5px 8px; padding:3px 0; border:0; background:#FFF; font:bold 100%/100% "verdana",sans-serif; color:#192666;}
    #header #search #search-submit {position:absolute; top:0; right:0px;}
    #header #search fieldset {margin:0; padding:0; border:0;}
    #header #search fieldset {width:200px;}
    #header #search legend {display:none;}

/* Main menu (tabs) */
#tabs {background:#192666; margin:0 5px; padding:10px 0 0 0; _height:1px;}

    #tabs ul {margin:0 10px; padding:0; list-style:none;}
    #tabs ul li {margin:0 5px 0 0; padding:0; float:left;}
    #tabs ul li a {display:block; position:relative; padding:7px 15px; border:0; background:url("../design/tab_link.gif") 0 0 repeat-x; color:#B5C4E3; font-weight:bold; text-decoration:none; cursor:pointer;}
    
    /* Main menu (tabs - link) */
    #tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background-image:url("../design/sprite.png") 0 0 no-repeat; background-position: -10px -66px;}
    #tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background-image:url("../design/sprite.png") 100% 0 no-repeat; background-position: -10px -94px;}
    
    /* Main menu (tabs - hover) */
    #tabs ul li a:hover {background:url("../design/tab_hover.gif") 0 0 repeat-x; color:#FFF;}
    #tabs ul li a:hover span.tab-l {background:url("../design/tab_hover_l.gif") 0 0 no-repeat;}
    #tabs ul li a:hover span.tab-r {background:url("../design/tab_hover_r.gif") 100% 0 no-repeat;}
    
    /* Main menu (tabs - active) */
    #tabs ul li#active a {background:#FFF; color:#FF9000;}
    #tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background-image:url("../design/sprite.png") 0 0 no-repeat; background-position: -10px -10px;}
    #tabs ul li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background-image:url("../design/sprite.png") 100% 0 no-repeat; background-position: -10px -38px;}

/* Page (3 columns) */
#page {width:970px; min-height:1px; background:#FFF url("../design/bg_page.gif") 0 0 repeat-y; _height:1px;}

#page-in {min-height:1px; padding:10px 0; background:url("../design/bg_page_in.png") 0 0 no-repeat; _height:1px;}

/* Strip */
#strip {position:relative; clear:both; padding:3px 20px 10px 20px; color:#6182D1;}
#strip p {margin:0;}
#strip a {color:#6182D1;}
#strip a:hover {color:#192666;}

/* Strip - breadcrumbs */
/*
#strip #breadcrumbs {width:920px; margin:0; padding:0;}
*/
/* Strip - UserStatus */
#strip #UserStatus {float:right; width:200px; _width:200px; margin:0; padding-left:0px;}


#labhelp {float:left; width:930px; _width:950px; margin:0 0 0 0; padding:0 0 0 20px;}
	#labhelp  .helpitem{clear:both; margin:0; padding:20px; background:url("../design/LabInfoHeader.png") 0 0 no-repeat;}
	#labhelp  .helpitem h2{margin:0 -20px 10px -20px; padding:10px; background:#DEE5FD url("../design/LabInfoHeader_title.png") 0 0 repeat-y; color:#192666;}
	#labhelp  .helpitem h2 span {background:url("/design/ico_list.gif") 0 50% no-repeat; padding-left:25px;}
	#labhelp  .helpitem h2 img {float:right; margin: -5px 10px -10px 0px;}	
	#labhelp  .end {clear:both; margin:0; padding:9px; background:url("../design/LabInfoHeader_Bottom.png") 0 0 no-repeat;}
	
/* Content */
#content {float:left; width:530px; _width:550px; margin:0; padding:0 0 0 0px;}

    /* Content - article */
    #content .article {clear:both; margin:0; padding:20px; background:url("../design/content_article_bg.gif") 0 0 no-repeat;}
    #content .article h2 {margin:0 -20px; padding:10px; background:#DEE5FD url("../design/content_title_bg.gif") 0 0 repeat-y; color:#192666;}
    #content .article h2 span {/*background:url("/design/ico_list.gif") 0 50% no-repeat; */padding-left:25px;}
	#content .NewWindow {float:right; margin: -5px 10px -10px 0px;}
	#content .TitleImage {float:left; margin: 5px -15px -10px 0px;}
	
    /*#content .article p {text-align:justify;}*/
    #content .info {margin:10px 0; padding-bottom:8px; border-bottom:1px solid #DEE5FD; color:#6685CC;}
	#content .info span.UploadConditions{margin-left:10px;}
    #content .info a {color:#6685CC;}
    #content .info a:hover {color:#FF9000;}
    
    #content .info span.date, #content .info span.category, #content .info span.user, #content .info span.code, #content .info span.comments {padding-left:15px;}
	#content .dateImage {float:left; margin: 5px -15px 0px 0px;}
	#content .userImage {float:left; margin: 5px -15px 0px 0px;}
	#content .categoryImage {float:left; margin: 5px -15px 0px 0px;}
	#content .info span.user {font-weight:bold;}
	#content .info span.code {font-weight:bold;}
	
    /*#content .info span.date {background:url("../design/ico_date.gif") 0 50% no-repeat;}*/
	/*#content .info span.user {background:url("../design/ico_user.gif") 0 50% no-repeat; font-weight:bold;}*/
    /*#content .info span.comments {background:url("../design/ico_comments.gif") 0 50% no-repeat; margin-left:8px;}*/
	/*#content .info span.category {background:url("../design/ico_cat.gif") 0 50% no-repeat;}*/
	/*#content .info span.categories {text-decoration:underline;}*/	
	
	#content #WeeklyImagesTable table {width: 100%;}
	#content #WeeklyImagesTable  .InfoTable td{width=50%; text-align: center; border: none;}
	#content #WeeklyImagesTable td {width=50%; text-align: center; border: 1px solid #B7CAF6;}
	#content #WeeklyImagesTable .Normal{border: 20px solid white;}
	#content #WeeklyImagesTable .Selected{border: 20px solid red;}
	#content #WeeklyImagesTable .ToSelect{border: 20px solid green;}
	#content #WeeklyImagesTable .InfoTable {display:table; border-collapse:collapse; margin:15px 0; padding:0; border:0px solid #B7CAF6; font-size:100%;}
	#content #WeeklyImagesTable .InfoTable table {text-align: left;}
	
	/* Tip een vriend tabelleke */
	#content #TipAFriendTextboxesTable table {width: 90%; /*border: 1px solid #ffa800;*/ margin-left: auto; margin-right: auto;}	
	#content #TipAFriendTable table {width: 95%; text-align: center; border: 1px solid #ffa800; background-color: #CEDBF9; margin-left: auto; margin-right: auto;}	
	#content #TipAFriendTitle {text-align: center; font-weight:bold; font-style:italic;}	
	#content #TipAFriendNewsletterQuestion {margin:-10px 0 0 0; text-align: center; font-style:italic;}	
	
    /* Content - More */
    #content .btn-GO {margin:0 0 15px 0; padding:0; border:0; position:relative;}
    #content .btn-GO a {display:block; position:absolute; top:0; right:0; width:107px; _width:135px; height:21px; margin:0; padding:0 0 0 28px; background:url("../design/sprite.png") 0 0 no-repeat; color:#FFF; text-decoration:none; background-position: -10px -122px;}
    #content .btn-GO a:hover {background:url("../design/sprite.png") -135px 0 no-repeat; background-position: -10px -122px;}
	#content .btn-GO input.button{cursor:pointer; border:none; display:block; position:absolute; top:0; right:0; width:135px; _width:180px; height:21px; margin:0; padding:0 0 0 28px; background:url("../design/sprite.png") 0 0 no-repeat; color:#FFF; text-decoration:none; background-position: -10px -122px;}
	#content .btn-GO input.button:hover{background:url("../design/sprite.png") -135px 0 no-repeat; background-position: -10px -122px;}
	
	/* LONGER button */
    #content .btn-GO_LONG {margin:0 0 15px 0; padding:0; border:0; position:relative;}
    #content .btn-GO_LONG a {display:block; position:absolute; top:0; right:0; width:137px; _width:165px; height:21px; margin:0; padding:0 0 0 28px; background:url("../design/sprite.png") 0 0 no-repeat; color:#FFF; text-decoration:none; background-position: -10px -163px;}
    #content .btn-GO_LONG a:hover {background:url("../design/sprite.png") -165px 0 no-repeat; background-position: -10px -163px;}
	#content .btn-GO_LONG input.button{cursor:pointer; border:none; display:block; position:absolute; top:0; right:0; width:165px; _width:180px; height:21px; margin:0; padding:0 0 0 28px; background:url("../design/sprite.png") 0 0 no-repeat; color:#FFF; text-decoration:none; background-position: -10px -163px;}
	#content .btn-GO_LONG input.button:hover{background:url("../design/sprite.png") -165px 0 no-repeat; background-position: -10px -163px;}
	
	/* Tip a friend button */
    #content .btn-GO_TIP {margin:-15px 0 15px 0; padding:0; border:0; position:relative;}
    #content .btn-GO_TIP a {display:block; position:absolute; top:0; left:0; width:107px; _width:135px; height:21px; margin:0; padding:0 0 0 28px; background:url("../design/sprite.png") 0 0 no-repeat; color:#FFF; text-decoration:none; background-position: -10px -122px;}
    #content .btn-GO_TIP a:hover {background:url("../design/sprite.png") -135px 0 no-repeat; background-position: -10px -122px;}
	
/* Right column */
#colR {float:left; width:200px; margin: 0 0 0 0; padding:0; background:#CEDBF9 url("../design/col_bg.gif") 0 0 repeat-y;}
#colR-in {padding:20px 10px; margin: 0 0 0 0; background:url("../design/col_top_right.gif") 0 0 no-repeat;}
#colR #SideTitle{font-size:120%; font-weight:bold; text-align:center; padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; background:#A0B9F3 url("../design/col_title_bg.gif") 0 0 repeat-y; color:#192666;}

    /* Right column - Foto van de week */
    #colR #fotovdweek {margin-bottom:15px; line-height:130%;}
    #colR #fotovdweek p {margin:0;}
	#colR #fotovdweek .Left {float: left;}
    #colR #fotovdweek .Right {margin-left:75px; display: relative;}
	#colR #fotovdweek #foto {float:left; width:180px; /*height:58px; */margin-right:7px; margin-bottom:15px;}
	#colR #fotovdweek #JouwFotoHier {text-align:center; margin-top:7px;}
	
    /* Right column - producten */
    #colR ul#producten {margin:15px 0; padding:0; list-style:none;}
    #colR ul#producten li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
    #colR ul#producten li a {display:block; padding:3px 0 3px 22px; background:url("../design/sprite.png") 5px 50% no-repeat; text-decoration:none; background-position: -5px -354px;}
    #colR ul#producten li a:hover {background-color:#D3DFF8; color:#192666;}
    #colR ul#producten li#producten-active a {background:#E0E8FA url("../design/sprite.png") 5px 6px no-repeat; font-weight:bold; background-position: -5px -323px;}
	
	/* Right column - producten */
    #colR ul#optilist {margin:15px 0; padding:0; list-style:none;}
    #colR ul#optilist li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
    #colR ul#optilist li a {display:block; padding:3px 0 3px 0px; text-decoration:none; background-position: -5px -354px;}
    
    /* Right column - printlabs */
    #colR ul#printlabs {margin:15px 0; padding:0; list-style:none;}
    #colR ul#printlabs li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
    #colR ul#printlabs li a {display:block; padding:3px 0 3px 22px; background:url("../design/sprite.png") 5px 6px no-repeat; text-decoration:none; background-position: -5px -354px;}
    #colR ul#printlabs li a:hover {background-color:#D3DFF8; color:#192666;}
	#colR ul#printlabs li#printlabs-active a {background:#E0E8FA url("../design/sprite.png") 5px 6px no-repeat; font-weight:bold; background-position: -5px -323px;}

/* Left column */
#colL {float:left; width:200px; margin: 0 0 0 20px; padding:0 0 0 0px; background:#CEDBF9 url("../design/col_bg.gif") 0 0 repeat-y;}
#colL-in {padding:20px 10px; margin: 0 0 0 0; background:url("../design/col_top_left.gif") 0 0 no-repeat;}
#colL #SideTitle{font-size:120%; font-weight:bold; text-align:center; padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; background:#A0B9F3 url("../design/col_title_bg.gif") 0 0 repeat-y; color:#192666;}

    /* Right column - Nieuwsbrief */
    #colL #newsletter {text-align:center; margin-top:7px; margin-bottom:25px; line-height:130%;}
    #colL .btn-GO {margin: 5px 20px 15px 0; padding:0; border:0; position:relative;}
	#colL .btn-GO input.button{cursor:pointer; border:none; display:block; position:absolute; top:0; right:0; width:135px; _width:180px; height:21px; margin:0; padding:0 0 0 28px; background:url("../design/btn_more.png") 0 0 no-repeat; color:#FFF; text-decoration:none;}
	#colL .btn-GO input.button:hover{background:url("../design/btn_more.png") -135px 0 no-repeat;}

	/* Right column - admin */
    #colL ul#admin {margin:15px 0; padding:0; list-style:none;}
    #colL ul#admin li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
    #colL ul#admin li a {display:block; padding:3px 0 3px 22px; background:url("../design/sprite.png") 5px 6px no-repeat; text-decoration:none; background-position: -5px -354px;}
    #colL ul#admin li a:hover {background-color:#D3DFF8; color:#192666;}
    #colL ul#admin li#admin-active a {background:#E0E8FA url("../design/sprite.png") 5px 50% no-repeat; font-weight:bold; background-position: -5px -323px;}
    
    /* Right column - usermenu */
    #colL ul#usermenu {margin:15px 0; padding:0; list-style:none;}
    #colL ul#usermenu li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
    #colL ul#usermenu li a {display:block; padding:3px 0 3px 22px; background:url("../design/sprite.png") 5px 6px no-repeat; text-decoration:none; background-position: -5px -354px;}
    #colL ul#usermenu li a:hover {background-color:#D3DFF8; color:#192666;}
    #colL ul#usermenu li#usermenu-active a {background:#E0E8FA url("../design/sprite.png") 5px 50% no-repeat; font-weight:bold; background-position: -5px -323px;}
	
/* Footer */
#footer {position:relative; clear:both; width:970px; height:60px; margin-bottom:50px; background:url("../design/sprite.png") 0 0 no-repeat; color:#6685CC; background-position: -10px -204px;}
#footer a {color:#6685CC;}
#footer a:hover {color:#192666;}

    /* Footer - "back on top" */
    #top {position:absolute; top:55px; left:750px;}
    #top p {position:relative; width:30px; height:25px; margin:0; overflow:hidden;}
    #top p span {display:block; position:absolute; left:0; top:0; z-index:1; width:30px; height:25px; background:url("../design/sprite.png") 0 0 no-repeat; cursor:pointer; background-position: -10px -284px;}
    #top a:hover span {background:url("../design/sprite.png") -30px 0 no-repeat; background-position: -10px -284px;}

    /*  Footer - copyright */
    #footer p#copyright {position:absolute; top:10px; left:240px; margin:0;}

    /* Footer - created by */
    #linkpartners {position:absolute; top:10px; left:762px; margin:0; color:#8CA3D8;}
    #linkpartners a {color:#8CA3D8;}
	
	#rss {position:absolute; top:10px; left:30px; margin:0; color:#8CA3D8;}