/*	1. Formatting
	2. Structural
*/

/* 1. Formatting */
body {
	font:small/1.5 'Frutiger Roman',Arial, Helvetica, Sans-serif;
	background-color:#f3f4f6;
	color:#4c5760;
	text-align:center;
}
#container{
	font-size:85%;/*Global font size*/
	text-align:left;
}
#masthead{
	
}
ul#listMenuRoot{
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:1px;
	font-size:110%;
}
ul#listMenuRoot ul{
	text-transform:none;
	font-weight:normal;
	letter-spacing:normal;
}
a:link, a:visited {
	color: #ce342a;
	text-decoration: underline;
}
a:hover {
	color: #4c5760;
	text-decoration: none;
} 
h1 {
	font-size: 180%;
	
	color: #636c74;
}
h2 {
   font-size:160%;
   line-height:1;
   color: #636c74;
   font-family:'Frutiger Roman',Arial, Helvetica, Sans-serif;
   margin-bottom:0.75em
}
h3{
	font-size:130%;
	line-height:0.92;
	color: #636c74;
	font-family:'Frutiger Roman',Arial, Helvetica, Sans-serif;
	margin-bottom:0.92em
}
h4{
	font-size:100%;
	font-weight:bold;
}
h5{
	font-size:100%;
	font-weight:bold;
}
h6{
	font-size:100%;
	font-weight:bold;
}
#footer, #footer a{
	text-decoration:none;
	color:#a56d4e;
}
a.button:link, a.button:visited, input.button{
	width:auto;
	height: 1em;
	line-height:1em;
	padding: 5px;
	border: 1px solid #ccc;
	background: #FAFAFA url(/images/gfx/button.gif) repeat-x;
	font: bold x-small 'Frutiger Roman',Verdana, Arial, Helvetica, sans-serif;
	color: #464646;
	cursor:pointer;
	text-decoration:none;
}
input.button{
	height:auto;
	line-height:inherit;
}
.newsCategory{margin-bottom:1.5em;}
.newsDate{font-weight:bold;}/*newslanding date*/
h4.month{border-bottom:1px solid #ccc;}/*news category month*/

td{vertical-align:top;padding:0.5em}

/* 2. Structural */
#container{
	margin-left:auto;
	margin-right:auto;
	width:920px;	
}
#container h2{
	color:#4c5760
}
table{
	margin:0;
	padding:0;
	float:none;
	margin:1.5em 0;
    width:100%;	
	display:block;
}
table,td,tr{border:1px solid #f3f4f6}
td,tr{border-bottom:1px solid #fff}

#main{
	width:100%;
	float: left;
	margin-right: -240px;
	position:relative;
	z-index:0;
	margin-bottom:150px;
    margin-top:30px;	
}

#main #content{
	margin-right: 240px;
	margin-left:240px;
	width:410px;
	padding: 0 10px 10px 10px;
	border:1px solid #737c83;
	border-top:0 none;
	border-bottom:0 none;
}

#sidecontent,#sidecontent2{
	width: 210px;
	float: right;
	position:relative;
	z-index:0;
}
#sidecontent{margin-right:22px;margin-top:30px;}
#sidecontent2{
	float: left; 
    margin-left:20px;    
}
#sidecontent2 h3{margin-bottom:0.46em;margin-top:0.46em;}
#sidecontent2 li,#sidecontent li{
	margin:0;padding:0;
	list-style:none;
}
#masthead{
	position:relative;
    width:874px;    

	padding-top:40px;
}
#main-nav,#subnav{
	width:874px;
        margin:0 20px 0 20px;
}
#subnav{	
	margin-top:30px; 
	margin-bottom:10px;	
}

#spiel{
	width:915px;
	background:url(../images/gfx/internal-spiel-back.jpg) top center no-repeat #f3f4f6;
	clear:both; 
    position:relative;  
}
#spiel img{
    position:absolute;
    z-index:1;left:21px;
     border:1px solid #4c5760;
}
#index #spiel{
	width:915px;
	background:url(../images/gfx/spiel-back-home.png) top center no-repeat #f3f4f6;
	clear:both;   
}
#index #spiel img{
	border:0 none;
}

#spiel h2{
	width:845px;		
	margin:0 auto;
	border:1px solid #c5ced5;
        height:145px;
	color:#636c74;
	font-size:2em;
    z-index:100;position:relative;
    top:10px;
}
#spiel span{
    display:block;
    width:300px;
    padding-top:40px;
    padding-left:10px;
}
#index #spiel h2{
	width:850px;
	height:314px;
	background:url(../images/gfx/spiel-image.jpg) center center no-repeat #f3f4f6;
	margin:0 auto;	
	padding-left:20px;
	color:#636c74;
	font-size:2em;border:0 none;top:0;
}

#index #spiel span{    
    padding-top:130px;
}
ul#listMenuRoot{
	padding-left:230px;
}

h1#logo{
	position:absolute;
	top:30px;left:20px;
	width:248px;
	height:60px;

}
h1#logo a{
	background-image:url(../images/gfx/logo.png);
	background-position:0 0;
	width:248px;
	height:60px;
	z-index:100
}
/*-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
	PARTNER LIST 
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
#partnerships{

}

/*-- PARTNER LIST END --*/

#footer {
	padding:0.5em;
	clear:both;	
	margin-top:2em;	

	
}
#footer ul{
	list-style-type:none;
	overflow:hidden;
	padding-top:10px;
	color:#636c74;
	padding-bottom:20px;
	border-top:1px solid #737c83
	
}

#footer li{
	float:right;
	padding:0 0.5em 0 1em;
	margin:0;
}
#footer a:link,#footer a:visited{color:#636c74;}
#footer a:hover{color:#ce3429}
#footer li.copyright{float:left;padding:0 1em 0 0.5em}
table.NewsCategoryItems td{
	padding-bottom:1.5em;
}
td.NewsCategoryDate{
	padding-right:1.5em;
}
h4.NewsCategoryMonth{border-bottom:1px solid #ccc; clear:left;}
#newsCategory a.button{
	margin:1.5em 1em 1.5em 0;
	float:left;
}


/* dock2 - bottom */
#dock2 {
	width: 100%;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(images/gfx/dock-bg.gif);
	padding-left: 20px;
	top:-50px;
}

a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 	
	position: absolute;
	bottom:0;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}

form{overflow:hidden;}
fieldset span.error{margin-left:13em;}
