/* ------------------------------------------------------------------------------------ *
| GLOBAL CSS FILE :: For Regionale 10 site wide											|
| css/globals.css																		|
| 																						|
| PROJECT :: www.regionale10.ch v1.0													|
| Copyright (C) 2010, Regionale 10														|
| 																						|
+ ------------------------------------------------------------------------------------- +
| Author :: Nathan Querido																|
* ------------------------------------------------------------------------------------- */

/* @group GLOBALS :: nfq :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

* {
	padding: 0;
	margin: 0;
}

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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #996633;
	background: #FFF url('../images/header.jpg') left top no-repeat;
}

::-moz-selection {
	color:#FFF;
	background:#996633;
}

::selection {
	color:#FFF;
	background:#996633;
}

a, a:visited {
	color: #996633;
	text-decoration: underline;
	cursor: pointer;
}

a:hover {
	color: #000;
}

h1 {
	font-size: 16px;
	border-top: 1px solid #996633;
	text-transform: uppercase;
	padding: 5px 0 0 -35px;
	margin: 35px 0 15px 0;
}

/* @end ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group BOX PROPERTIES :: nfq ::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.left {
	float: left;
}

.right {
	float: right;
}

/* @end ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group PAGE LAYOUT :: nfq :::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#header {
	height: 1063px;
}

#container {
/*	position: absolute;
*/	padding: 38px 0 38px 68px;
}

/* @end ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group NAVIGATION :: nfq ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#nav {
	width: 830px;
}

#nav ul.first,
#nav ul.second,
#nav ul.third {
	float: left;
	list-style: none;
	line-height: 21px;
}

#nav ul.first {
	width: 580px;
}

#nav ul.second,
#nav ul.third {
	width: 125px;
}

#nav ul li a {
	color: #FFF;
	text-decoration: none;
	border-bottom: 2px solid #FFF;
}

#nav ul li a.popup {
	color: #8b0000;
	text-decoration: none;
	border-bottom: 2px solid #8b0000;
}

#nav ul.second li a,
#nav ul.third li a {
	color: #996633;
	border-bottom: 2px solid #996633;
}

#nav ul li a:hover {
	color: #000;
	border-bottom: 2px solid #000;
}

#banner {
	font-size: 19px;
	position: absolute;
	left: 68px;
	top: 523px;
	width: 700px;
}

#banner ul {
	list-style: none;
}

#banner ul li {
	float: left;
	margin: 0 0 1px 0;
}

#banner ul li a,
#banner ul li a.item_1,
#banner ul li a.item_2,
#banner ul li a.item_3,
#banner ul li a.item_4,
#banner ul li a.item_5,
#banner ul li a.item_6,
#banner ul li a.item_7,
#banner ul li a.item_8,
#banner ul li a.item_9,
#banner ul li a.item_10,
#banner ul li a.item_11,
#banner ul li a.item_12,
#banner ul li a.item_13,
#banner ul li a.item_14,
#banner ul li a.item_15 {
	line-height: 20px;
	color: #000;
/*	display: inline;
*/	cursor: pointer;
	float: left;
	margin: 0 1px 1px 0;
	filter: alpha(opacity = 0);
	opacity: 0;
}

#banner ul li a.item_1 {
	width: 530px;
}

#banner ul li a.item_2 {
	width: 490px;
}

#banner ul li a.item_3 {
	width: 280px;
}

#banner ul li a.item_4 {
	width: 355px;
}

#banner ul li a.item_5 {
	width: 305px;
}

#banner ul li a.item_6 {
	width: 280px;
}

#banner ul li a.item_7 {
	width: 405px;
}

#banner ul li a.item_8 {
	width: 280px;
}

#banner ul li a.item_9 {
	width: 330px;
	margin-left: 160px;
}

#banner ul li a.item_10 {
	width: 350px;
}

#banner ul li a.item_11 {
	width: 205px;
}

#banner ul li a.item_12 {
	width: 420px;
	margin-left: 160px;
}

#banner ul li a.item_13 {
	width: 350px;
	margin-left: 130px;
}

#banner ul li a.item_14 {
	width: 600px;
}

#banner ul li a.item_15 {
	width: 370px;
}

/* @end ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group CONTENT :: nfq :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#content {
	width: 615px;
}

#content img {
/*	width: 615px;
*/	margin: 0 0 20px 0;
}

span.scroll_top {
	background: #FFF url('../images/top.png') left top no-repeat;
	height: 18px;
	width: 18px;
	float: left;
	margin: 2px 0 0 -40px;
	cursor: pointer;
}

/* @end ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */