@charset "utf-8";
/* CSS Document */
/*
Red: ed0c1b
Light Blue: 4479ef
Blue: 2352ac
*/


html, body, div, table, h1, h2, h3, h4, p{border:0; padding:0; margin:0;}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "Arial Rounded MT Bold", "HelveticaRounded Bold", Arial, sans serif;
	background: url(../images/bg2.jpg) center repeat-x fixed;
	color:#2352ac;
	text-align: center;
	padding-bottom:30px;
	}


#wrapper {background:#ed0c1b; width:900px; text-align:center; margin:0 auto; z-index:1; }
	
#page { background:#fff; margin: 0 auto; padding: 0; float:left; border-left:#F00 3px solid; z-index:1; text-align: left;}

#header { height: 167px; width:900px; background:#666 url(../images/logo_bg.png) 0 0 no-repeat; text-align:center; margin:0 auto; z-index:1 }

/* ----------- MENU ------------ */
#menuholder{ background:url(../images/menu_bg.jpg) 0 0 repeat-x; height:33px; width:900px; text-align:center; margin:0 auto; }
#menu{ padding:0 0 0 20px; margin:0; font:normal 14px "Arial Rounded MT Bold", "HelveticaRounded Bold", Arial, sans serif; text-transform:uppercase; }
#menuleft{ display:block; width:20px; height:33px; background:url(../images/menu_left.jpg) 0 0 no-repeat; float:left;}
#menu li{ list-style:none; float:left; padding:0; margin:0; }
#menu li a{ background:url(../images/menu_btn.jpg) right top no-repeat; display:block; color:#fff; padding:4px 11px 4px 10px;   line-height:25px; font-weight:bold; 
text-decoration:none; border:none; }
#menu li a:hover{ background:url(../images/menu_btn_hover.gif) right top no-repeat; color:#9FB8F0; border:none; }
#menu li.current_page_item a{ background:url(../images/menu_btn_sel.jpg) right top no-repeat; color:#aaa; }

.lang_selection { padding: 0px 8px 0px 0px; position:fixed; top:5px; }

#sub_menu { background:#CCC; padding-left:10px; color:#333; font-size:14px; font-weight:bold; border-right:#ed0c1b 3px solid; border-bottom:#999 1px solid; }
#sub_menu a{font-weight:normal; color:#333;}

/* ------------ CONTENT ------------*/

#whitespace_top {padding:5px; background:#FFF; text-align:right;}
#whitespace_bottom {padding:5px; background:#FFF; border-left:#ed0c1b 3px solid; border-right:#ed0c1b 3px solid; border-bottom:#ed0c1b 3px solid;}
#content{
	width:834px; /* 560 - 1px for border */
	border-right: 3px solid #ed0c1b;
	/*border-left:#ed0c1b 3px solid;*/
	padding:20px 30px 30px;
	float:left;
	min-height:400px;
	font-size:12px;
	color:#666;
}

#content #news {background:#fff url(../images/quotes.png) right top no-repeat;}

#content_home{
	background:#fff;
	width:556px; /* 560 - 1px for border */
	border-right:#CCC 2px dotted;
	/*border-left:#ed0c1b 3px solid;*/
	padding:0px 30px 30px;
	float:left;
	min-height:400px;
	font-size:12px;
	color:#666;
}

#sidebar{
	padding: 0px 30px 10px 30px;
	width: 214px;
	min-height:400px;
	float:right;
	font-size:11px;
	color:#555;
}

#footer {
	margin: 0 auto;
	width: 900px;
	background:url(../images/reflection.png) no-repeat;
	padding-top: 10px;
	height:57px;
	color:#aaa;
	font:11px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	overflow:auto;
	z-index: 1;
}

/*----------------- TYPOGRAPHY -----------------------*/
hr {border:#CCC 1px dotted; margin-bottom:20px;}

.news_rubrik {
	color:#2352ac; 
	font:normal 18px "HelveticaRounded Bold", "Arial Rounded MT Bold", Arial, sans serif;
	text-transform:uppercase;
	text-decoration:none;
	line-height:35px;
	text-indent:15px;}

p{
	line-height:19px;
	margin:0 0 10px 0;
}
#footer p{
	margin:4px 0 0 30px;
	display:block;
}
#footer a{color:#fff;}

#sidebar a{color:#666}
#sidebar a:hover{color:#06C}
#sidebar .rubrik {
	font-weight:bold;
	text-transform:uppercase;
	color:#2352ac;
}

#sidebar .date {
	font-style:italic;
	font-size:9px;
	color:#CCC;
}

#sidebar p{
	line-height:10px;
	padding-bottom:15px;
}

.date {color:#CCC; font-size:10px;};


small{
	margin:6px 0;
	display:block;
	color:#85591C;
	padding-bottom:6px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.img_text {font-size:9px}

h1, h1 a{
	font:bold 34px "HelveticaRounded Bold", "Arial Rounded MT Bold", Arial, sans serif;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	color:#CCC;
	
	
}

h2, h2 a{
	font:normal 18px "HelveticaRounded Bold", "Arial Rounded MT Bold", Arial, sans serif;
	text-transform:uppercase;
	text-decoration:none;
	line-height:28px;
	text-indent:15px;
	color:#ed0c1b;
}

h3, h3 a, h4, h4 a{
	font:normal 16px "HelveticaRounded Bold", "Arial Rounded MT Bold", Arial, sans serif;
	color:#442508;
	padding-top:6px;
}

h4, h4 a{
	font:bold 13px Arial, sans-serif;
	margin:6px 0 4px 0;
}



#vektor a{color:#000;}

a{text-decoration:none; color:#06C; }
/*a:hover{border-bottom:1px dotted #06C;}*/


/* -------- IMAGES -------------- */


p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	/*padding: 4px;*/
	/*margin: 0 0 2px 7px;*/
	margin: 10px 0 30px 20px; border:#aaa 2px solid;
	display: inline;
	}

img.alignleft {
	/*padding: 4px;*/
	/*margin: 0 7px 2px 0;*/
	margin: 10px 20px 30px 0px; border:#aaa 2px solid;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
/* ------------------- GALLERY ----------------*/

#content_userpics{
	width:834px; /* 560 - 1px for border */
	border-right: 3px solid #ed0c1b;
	/*border-left:#ed0c1b 3px solid;*/
	padding:20px 30px 30px;
	float:left;
	min-height:400px;
	font-size:12px;
	color:#666;
}

#content_userpics a{ color:#666;}
#content_userpics a:hover{ color:#4479ef}
#content_userpics img { border:none;}

#content_gallery{
	width:834px; /* 560 - 1px for border */
	border-right: 3px solid #ed0c1b;
	/*border-left:#ed0c1b 3px solid;*/
	padding:20px 30px 30px;
	float:left;
	min-height:400px;
	font-size:12px;
	color:#666;
}

#content_gallery a{ color:#666;}
#content_gallery a:hover{ color:#4479ef}

.gallery_box {
	float:left;
	margin: 12px 0px 0px 12px;
	width:150px;
	height:190px;
	text-align:center;
	border:#666 1px solid;
}

.gallery_box:hover{ background:#aaa; color:#FFF;}

.gallery_box h2{
	color:#4479ef;
	font-size:12px;
	font-weight:bold;
}

.userpics_box {
	float:left;
	margin: 12px 0px 0px 12px;
	width:810px;
	min-height: 300px;
	text-align:left;
	border:#666 1px solid;
	font-size:12px;
}
.userpics_box:hover{ background:#aaa; color:#FFF;}
.userpics_box img{float:left; padding-right:20px;}
.userpics_box img a{ border:none;}
#usertext {padding:10px;}


#desc{
	font-size:10px;
	line-height:12px;
	margin: 0px 10px 10px 0px;
}

#date {
	font-size:9px;
	color:#CCC;
	font-style:italic;
}

.gallery_box img{
	padding-bottom:5px;
	vertical-align:bottom;
	border: 0px;
}

.picture_box{
	background:#666;
	padding:3px;
	float:left;
	margin: 10px 0px 0px 10px;
	width:150px;
}


.picture_box:hover {background:#4479ef;}

#toggleText { border:#333 1px dotted; width:440px; padding: 20px;}