html, body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

body{
	font-family:"Trebuchet MS", Verdana, sans-serif;
	color:#000000;
	background:#ffff00;
	overflow:auto;
}

@font-face {
	font-family:'ShermlockRegular';
	src:url('shermlock-webfont.eot');
	src:local('?'), url('shermlock-webfont.woff') format('woff'), url('shermlock-webfont.ttf') format('truetype'), url('shermlock-webfont.svg#webfontdLJonLLR') format('svg');
	font-weight:normal;
	font-style:normal;
}

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

h1, h2, h3, h4, h5{
	margin:0;
	padding:0;
	font-family:'ShermlockRegular', "Trebuchet MS", Verdana, sans-serif;
	font-weight:normal;
	font-style:normal;
	text-shadow:#000000 1px 1px;
	line-height:normal;
	letter-spacing:1px;
	color:#FFFFFF;
}
h1 a, h2 a, h3 a, h4 a, h5 a{
	color:#FFFFFF;
}

img{
	border:0;
}

br.clear{
	clear:both;
}

th{
	text-align:left;
}

input.empty{
	color:#777777;
}

div.errors{
	padding:2px;
	background-color:#F12E32;
	color:#FFFFFF;
}

div#container{
	position:absolute;
	left:50%;
	margin-left:-495px;
	width:1000px;
	min-height:100%;
}
	div#container div#background{
		position:absolute;
		left:160px;
		top:205px;
		bottom:0;
		width:802px;
		background:#00aeef;
	}
		div#background div.content_top{
			position:absolute;
			top:-115px;
			left:0;
			right:0;
			width:835px;
			height:115px;
			background:url('/images/bread_middle.png') no-repeat -17px;
		}
		div#background div.corner_top_left{
			position:absolute;
			top:-36px;
			left:-38px;
			width:50px;
			height:254px;
			background:url('/images/bread_left.png') no-repeat;
		}
		div#background div.corner_top_right{
			position:absolute;
			top:-35px;
			right:-37px;
			width:49px;
			height:255px;
			background:url('/images/bread_right.png') no-repeat;
		}
		div#background div.content_left, div#background div.content_right{
			position:absolute;
			bottom:0;
			width:11px;
		}
		div#background div.content_left{
			top:217px;
			left:0;
			background:url('/images/background_border_left.png') repeat-y;
		}
		div#background div.content_right{
			top:219px;
			right:0;
			background:url('/images/background_border_right.png') repeat-y;
		}
	div#container div#osje{
		position:absolute;
		z-index:2;
		top:7px;
		left:361px;
		width:414px;
		height:198px;
		background:url('/images/ossie.png') no-repeat;
		cursor:pointer;
	}
	div#container div#header{
		float:left;
		height:228px;
		width:1000px;
	}
		div#header a.logo{
			position:absolute;
			top:35px;
			left:25px;
			display:block;
			width:130px;
			height:131px;
			background:url('/images/logo_scvo.png') no-repeat;
		}
	div#container div#menu{
		position:absolute;
		z-index:6;
		top:205px;
		left:-10px;
		width:154px;
		height:auto;
		padding:5px 5px 5px 0;
		border-left:0;
	}
		div#container div#menu ul{
			position:relative;
			width:130px;
			list-style:none;
			padding:0;
			margin:0;
			background:url('/images/nix.png');
		}
		div#container div#menu ul li{
			position:relative;
			margin:5px 0 0 5px;
			border:2px solid #00aeef;
			background-color:#ffff00;
			border-radius:3px;
			-moz-border-radius:3px;
		}
		div#container div#menu ul li.first{
			margin:0 0 0 5px;
		}
		div#container div#menu ul li > ul{
			position:absolute;
			left:123px;
			top:-2px;
			width:220px;
			display:none;
		}
		div#container div#menu ul li > ul li > ul{
			left:213px;
		}
		div#container div#menu ul li:hover > ul,
		div#container div#menu ul li.over > ul{
			display:block;
		}
		div#container div#menu ul li.sub{
			margin-top:5px;
		}
		div#container div#menu ul li a{
			display:block;
			height:32px;
			padding:4px 5px 0 5px;
			font-weight:normal;
			font-family:'ShermlockRegular', "Trebuchet MS", Verdana, sans-serif;
			font-size:20px;
			letter-spacing:1px;
			text-shadow:#FFFFFF 1px 1px;
			color:#003C76;
			white-space:nowrap;
		}
		div#container div#menu ul li.odd > a{
			color:#e6258d;
		}
		div#container div#menu ul li a:hover{
			height:36px;
			padding:0 5px;
			font-size:24px;
			text-shadow:#000000 2px 2px;
			background-color:#F12E31;
			color:#FFFFFF;
		}
	div#container div#content{
		z-index:3;
		position:relative;
		float:right;
		width:770px;
		min-height:100%;
		margin-right:48px;
		padding:0 6px 35px 7px;
	}
	* html div#container div#content{
		background-color:#00aeef;
	}
		div#content a{
			text-decoration:underline;
		}
		div#content h1 a, div#content h2 a, div#content h3 a, div#content h4 a, div#content h5 a{
			text-decoration:none;
		}
		div#content button.button, div#content input.button{
			padding:1px 5px;
			background-color:#FFFF00;
			border:1px solid #000000;
			text-decoration:none;
		}
		div#content div#breadcrumb{
			margin-bottom:5px;
			clear:both;
		}
		div#content p.pagination{
			color:#FFFFFF;
			display:inline;
		}
			div#content p.pagination a{
				text-decoration:none;
				color:#FFFFFF;
				font-weight:bold;
			}
			div#content p.pagination strong{
				text-decoration:underline;
				color:#FFFFFF;
				font-weight:bold;
			}
		div#content span.search{
			color:#FFFFFF;
			float:right;
		}
		div#content div#twitter{
			position:absolute;
			top:-163px;
			left:255px;
			width:63px;
			height:39px;
			z-index:999;
		}
			div#content div#twitter a{
				border:0;
				width:63px;
				height:39px;
				display:block;
				text-decoration:none;
				background:url('/images/twitter.png') no-repeat;
			}
		div#content div#dashboard{
			width:100%;
			height:100%;
		}
			div#content div#dashboard div.odd,
			div#content div#dashboard a.odd,
			div#content div#dashboard div.even,
			div#content div#dashboard a.even{
				border-width:2px;
				border-style:solid;
				border-radius:3px;
				-moz-border-radius:3px;
			}
			div#content div#dashboard div.odd,
			div#content div#dashboard a.odd{
				border-color:#FFFF00;
			}
			div#content div#dashboard div.even,
			div#content div#dashboard a.even{
				border-color:#003C76;
			}
			div#content div#dashboard div#calendar{
				float:left;
				width:308px;
			}
				div#content div#dashboard div#calendar div.location{
					width:100%;
				}
			div#content div#dashboard div#newspaper{
				float:left;
				width:462px;
			}
				div#content div#dashboard div#newspaper div.item:hover{
					background-color:#F12E31;
				}
				div#content div#dashboard div#newspaper div.odd h3,
				div#content div#dashboard div#newspaper div.odd div.date,
				div#content div#dashboard div#newspaper div.odd div.readmore,
				div#content div#dashboard div#newspaper div.even h3,
				div#content div#dashboard div#newspaper div.even div.date,
				div#content div#dashboard div#newspaper div.even div.readmore{
					width:296px;
				}
				div#content div#dashboard div#newspaper div.odd h3,
				div#content div#dashboard div#newspaper div.odd div.date,
				div#content div#dashboard div#newspaper div.odd div.readmore,
				div#content div#dashboard div#newspaper div.even div.photo{
					float:left;
				}
				div#content div#dashboard div#newspaper div.even h3,
				div#content div#dashboard div#newspaper div.even div.date,
				div#content div#dashboard div#newspaper div.even div.readmore,
				div#content div#dashboard div#newspaper div.odd div.photo{
					float:right;
				}
			div#content div#dashboard div#shortcuts a{
				display:block;
				float:left;
				width:232px;
				padding:15px 5px;
				margin:0 5px;
				color:#FFFFFF;
				font-size:24px;
				font-family:'ShermlockRegular', "Trebuchet MS", Verdana, sans-serif;
				text-shadow:#000000 1px 1px;
				text-align:center;
				cursor:pointer;
				text-decoration:none;
			}
			div#content div#dashboard div#shortcuts a:hover{
				background-color:#F12E31;
			}
	div#container div#footer{
		position:absolute;
		left:167px;
		bottom:0;
		height:25px;
		width:804px;
		text-align:center;
	}
/* Contact */
div.contact table td,
div.donate table td{
	padding:2px;
}
div.contact input.field,
div.donate input.field{
	width:100%;
}
div.contact textarea{
	width:100%;
	height:100px;
}
/* News */
div#news div.item,
div#newspaper div.item{
	margin-bottom:10px;
	clear:both;
}
div#newspaper div.item{
	cursor:pointer;
	padding:5px;
	height:150px;
}
	div#news div.item h3 a,
	div#newspaper div.item h3 a{
		color:#FFFFFF;
	}
	div#news div.item div.date,
	div#newspaper div.item div.date,
	div#newspaper div.item div.readmore{
		font-size:14px;
		margin-bottom:5px;
		color:#FFFFFF;
	}
	div#news div.news-detail div.date{
		float:left;
		width:350px;
		padding-top:3px;
		height:23px;
	}
	div#news div.item div.social-media{
		float:right;
		width:418px;
		height:20px;
		text-align:right;
		overflow:hidden;
	}
		div#news div.item div.social-media div.twitter-share-button{
			float:right;
		}
		div#news div.item div.social-media div.fb-like{
			margin-top:-2px;
			float:right;
		}
	div#news div.item div.photo{
		float:right;
		margin:10px;
	}
	div#newspaper div.item div.photo{
		position:relative;
		width:130px;
		height:130px;
		margin:10px;
		overflow:hidden;
		background-position:top center;
		background-repeat:no-repeat;
	}
	div#news div.item div.photo img{
		border:2px solid #FFFF00;
		border-radius:3px;
		-moz-border-radius:3px;
	}
/* Short news */
div.tweet{
	float:left;
	margin-bottom:10px;
	clear:both;
}
	div.tweet div.text{
		color:#000000;
	}
		div.tweet div.text span.atreplies{
			color:#FFFFFF;
		}
			div.tweet div.text span.atreplies a{
				color:#FFFFFF;
				text-decoration:none;
			}
		div.tweet div.text span.hashtags{
			color:#84d0f0;
		}
	div.tweet div.date{
		color:#FFFF00;
	}
/* Agenda */
div#agenda div.event,
div#calendar div.event{
	float:left;
	margin-bottom:15px;
	clear:both;
}
	div#agenda div.event div.title{
		font-weight:bold;
	}
	div#calendar div.event div.title{
		font-family:'ShermlockRegular', "Trebuchet MS", Verdana, sans-serif;
		font-weight:normal;
		font-style:normal;
		color:#FFFFFF;
		text-shadow:#000000 1px 1px;
		line-height:normal;
		letter-spacing:1px;
	}
	div#agenda div.event div.description,
	div#calendar div.event div.description{
		color:#FFFFFF;
	}
	div#agenda div.event div.date,
	div#calendar div.event div.date{
		color:#FFFF00;
	}
	div#agenda div.event div.location,
	div#calendar div.event div.location{
		color:#FFFFFF;
	}
	div#agenda div.event div.location{
		float:left;
	}
	div#agenda div.event div.organisation,
	div#calendar div.event div.organisation{
		color:#84d0f0;
	}
	div#agenda div.event div.organisation{
		float:left;
		margin-left:10px;
	}
/* News */
div.opas{
	margin-bottom:10px;
}
	div.opas h3{
		color:#FFFFFF;
		margin-bottom:10px;
	}
	div.opas div.photo{
		float:left;
		margin:7px;
	}
	div.opas div.names{
		float:left;
		margin:7px;
	}
/* Webshop */
div#webshop div.even{
	background-color:#003C76;
	color:#FFFFFF;
	border:2px solid #FFFF00;
	border-radius:3px;
	-moz-border-radius:3px;
}
div#webshop div.odd{
	background-color:#FFFF00;
	color:#000000;
	border:2px solid #003C76;
	border-radius:3px;
	-moz-border-radius:3px;
}
	div#webshop div.odd h3{
		color:#000000;
		text-shadow:#FFFFFF 1px 1px;
	}
div#webshop div.category{
	position:relative;
	float:left;
	width:236px;
	height:192px;
	padding:5px;
	margin:3px;
	overflow:hidden;
	cursor:pointer;
}
	div#webshop div.category div.photo{
		position:absolute;
		top:33px;
		left:43px;
		width:160px;
		height:160px;
		overflow:hidden;
		float:left;
		text-align:center;
	}
div#webshop div.product{
	position:relative;
	float:left;
	width:236px;
	height:216px;
	padding:5px;
	margin:3px;
	overflow:hidden;
	cursor:pointer;
}
	div#webshop div.product div.photo{
		position:absolute;
		top:33px;
		left:43px;
		width:160px;
		height:160px;
		text-align:center;
	}
	div#webshop div.product div.price{
		position:absolute;
		top:198px;
		left:190px;
		width:50px;
		text-align:right;
		white-space:nowrap;
	}
div#webshop div.product_info{
	position:relative;
	width:100%;
}
	div#webshop div.product_info div.photo{
		float:left;
		width:300px;
		height:300px;
		padding:10px;
		text-align:center;
		background-color:#FFFF00;
		border:2px solid #003C76;
		border-radius:3px;
		-moz-border-radius:3px;
	}
	div#webshop div.product_info div.description{
		position:relative;
		float:left;
		width:417px;
		height:300px;
		margin-left:5px;
		padding:10px;
		color:#FFFFFF;
		background-color:#003C76;
		border:2px solid #FFFF00;
		border-radius:3px;
		-moz-border-radius:3px;
	}
		div#webshop div.product_info div.description div.order{
			position:absolute;
			top:285px;
			left:10px;
			text-align:center;
		}
			div#webshop div.product_info div.description div.order input.count{
				width:30px;
				padding:2px 5px;
				background-color:#FFFF00;
				border:1px solid #000000;
				text-align:right;
			}
		div#webshop div.product_info div.description div.price{
			position:absolute;
			top:280px;
			left:140px;
			text-align:right;
			white-space:nowrap;
			font-size:24px;
		}
div#webshop table.shopping_card,
div#webshop table.orders{
	width:100%;
}
	div#webshop table.shopping_card input.count{
		width:30px;
		padding:2px 5px;
		background:transparent;
		border:1px solid #000000;
		text-align:right;
	}
	div#webshop table.shopping_card td,
	div#webshop table.orders td{
		padding:4px;
	}
	div#webshop table.orders tr.products{
		display:none;
	}
	div#webshop table.shopping_card tr.odd td,
	div#webshop table.orders tr.odd td{
		background-color:#FFFF00;
	}
	div#webshop table.shopping_card tr.even td,
	div#webshop table.orders tr.even td{
		color:#FFFFFF;
		background-color:#003C76;
	}
		div#webshop table.shopping_card tr.even td a,
		div#webshop table.orders tr.even td a{
			color:#FFFFFF;
		}
		div#webshop table.shopping_card tr.even td input.count{
			color:#FFFFFF;
			border-color:#FFFFFF;
		}
div#webshop div.steps{
	width:100%;
	margin-bottom:25px;
}
	div#webshop div.steps span{
		float:left;
		display:block;
		margin-right:12px;
		padding:4px;
	}
	div#webshop div.steps span.step{
		width:100px;
		text-align:center;
		background-color:#FFFF00;
	}
	div#webshop div.steps span.done{
		background-color:#003C76;
		color:#FFFFFF;
	}
		div#webshop div.steps span.done a{
			color:#FFFFFF;
		}
	div#webshop div.steps span.spacer{
		padding-top:10px;
		text-align:center;
	}
div#webshop div.account div.register,
div#webshop div.account div.login{
	width:50%;
	float:left;
}
/* User */
table.user{
	width:400px;
}
	table.user td{
		vertical-align:top;
	}
	table.user input[type=text]{
		width:160px;
	}
		table.user input.street{
			width:100px;
		}
		table.user input.number{
			margin-left:2px;
			width:52px;
		}
/* Tabs */
#tabs {
	margin:0;
	padding:0;
	border:1px solid #003C76;
}
#tabs ul {
	background:#FFFF00;
	padding:4px 0 0 0;
	margin:0;
}
#tabs li {
	margin-left:8px;
	list-style:none;
}
* html #tabs li {
	display:inline; /* ie6 double float margin bug */
}
#tabs li,
#tabs li a {
	display:inline-block;
}
#tabs ul li a {
	text-decoration:none;
	padding:8px;
	color:#003C76;
	font-weight:bold;
}
#tabs ul li.active {
	background:#00AEEF;
}
#tabs ul li.active a {
	color:#000000;
}
#tabs > div {
	clear:both;
	padding:20px;
	min-height:200px;
}