/******************************
Gesammtseite

Rot:		RGB 255,000,000		#F00
Züri-Blau:	RGB 000,100,190		#0064BE
			RGB 000,067,128		#004380

Raster		700 		(20)		200
			Content		Space		sidebar
Content		340		(20)	340
			Bild	Space	Text
******************************/
html
{
    background:    			#004380 url(../img/back.gif) top left repeat-x;
	font-family:  			Arial;
}

body
{
	padding: 75px 0;
    margin:       			0 auto;
    text-align:				center;
}

#wrapper
{
    background:    			#FFF;
    margin:        			0 auto;
    padding:				20px;
    text-align:				center;
	width:					920px;
}


/******************************
header
******************************/
#header
{
    position:				relative;
    text-align:				left;
    width:					920px;
}
#header img
{		
	height:					115px;
    width:					920px;
}


/******************************
top navigation
******************************/
#topnav
{
    margin:					10px 0 20px 0;
	position:				relative;
    text-align:				left;
	width:        		  	920px;
}

#topnav img
{
	right:					0;
	position:				absolute;
		right:				0;
		top:				0;
    width:					284px;
}

#topnav ul
{
	height:					40px;
}
#topnav ul li
{
	float:					left;
	margin:					0 1px 0 0;
}
#topnav ul li a
{
	background: 			#CCC  url(../img/topnav.gif) repeat-x;
	background-position:	0 -40px;
	color:					#666;
	display:				block;
	font-size:				12px;
	font-weight:			bold;
	height:					40px;
	line-height:			40px;
	padding:				0;
	text-align:				center;
	text-decoration:		none;
	width:					126px;
}
#topnav ul li.active a,
#topnav ul li a:hover
{
	background-position:	0 0;
	color:					#FFF;
}


/******************************
subnav
******************************/
#subnav ul
{
	height:					20px;
	text-align:				left;
}
#subnav ul li
{
	float:					left;
	padding:				0 10px 0 0;
	position: relative;
}
#subnav ul li a
{
	color:					#666;
	display:				block;
	font-size:				20px;
	line-height:			20px;
	padding:				0;
	text-decoration:		none;
}
#subnav ul li.active a,
#subnav ul li a:hover
{
	color:					#F00;
}

#subnav ul li ul
{
	display:				none;
	position:				absolute;
	padding: 10px 0;
}
#subnav ul li:hover ul
{
	display:				block;
}
#subnav ul li ul li
{
	clear:					left;
}
#subnav ul li.active ul li a,
#subnav ul li ul li a
{
	background:				#EEE;
	color:					#666;
	display:				block;
	font-size:				18px;
	line-height:			20px;
	padding:				5px;
	text-decoration:		none;
	width:					200px;
}
#subnav ul li ul li a:hover
{
	color:					#F00;
}


/******************************
container
******************************/
#container
{
	clear:					both;
	margin:					20px 0;
	overflow:				hidden;
	text-align:				left;
	width:					920px;
}

#content
{
	float:					left;
	width:					700px;
}

#content div.onecol
{
	clear:					both;
	margin:					0;
}
#content div.twocol
{
	clear:					both;
	margin:					0;
}
#content div.twocol div.left
{
	float:					left;
	margin:					0 10px 0 0;
	width:					340px;
}
#content div.twocol div.right
{
	float:					right;
	width:					340px;
}
#content div.twocol div.leftsmall
{
	float:					left;
	margin:					0 10px 0 0;
	width:					220px;
}
#content div.twocol div.rightbig
{
	float:					right;
	width:					460px;
}
#content br.clear
{
	clear:					both;
}

#sidebar
{
	float:					right;
	width:					200px;
}


/******************************
sidebar
******************************/
#sidebar ul
{
	background: 			#F2F2F2 url(../img/sideback.gif) repeat-x;
	padding:				10px;
	margin:					0 0 10px 0;
}
#sidebar ul li
{
}
#sidebar ul li a
{
	color:					#666;
	font-size:				14px;
	font-weight:			bold;
	line-height:			30px;
	height:					30px;
	text-decoration:		none;
	display:				block;
}
#sidebar ul li a:hover
{
	color:					#000;
}
#sidebar ul li.active a
{
	color:					#F00;
}

#sidebar ul.buttons
{
	padding:				0;
}
#sidebar ul.buttons li
{
	margin:					0 0 5px 0;
}
#sidebar ul.buttons li a
{
	background: 			#F00 url(../img/sidebutton.gif) repeat-x;
	color:					#FFF;	
	padding:				0 0 0 10px;
}
#sidebar ul.buttons li a:hover
{
	color:					#000;	
}


/******************************
language selection
******************************/
#lang select
{
	background:				#FFF;
	border:					1px solid #CCC;
	color:					#666;
	font-size:				14px;
	margin:					0 0 20px 0;
	padding:				5px;
	width:					200px;
}



/******************************
searchform
******************************/
#sidebar #search
{
	margin:					0 0 20px 0;
}
#sidebar #search input
{
	background:				#FFF;
	border:					1px solid #CCC;
	color:					#666;
	font-size:				14px;
	padding:				5px;
	width:					150px;
}

#sidebar #search a
{
	background: 			#F00 url(../img/lupe.gif) no-repeat;
	display:				block;
	float:					right;
	height:					28px;
	text-decoration:		none;
	width:					28px;
}


/******************************
footer
******************************/
#footer
{
	border-top:				1px solid #EEE;
	clear:					both;
	height:					30px;
	width:					920px;
}

#footer ul
{
	float:					right;
	margin:					10px 0 0 0;
}
#footer ul li
{
	border-left:			1px solid #F00;
	float:					left;
}
#footer ul li.first
{
	border:					none;
}
#footer ul li a
{
	color:					#F00;
	display:				block;
	font-size:				12px;
	line-height:			20px;
	padding:				0 10px;
	text-decoration:		none;
}
#footer ul li a:hover
{
	color:					#000;
}