/*Basic*/

body {	
	font: 				14px  SuperGroteskA, SuperGrotesk, Verdana, Geneva, sans-serif;
	color:				#000000;
	text-align:			center;
	line-height:		150%;
	background-color:	#F2F5A9/*dark grey: #404040*/;
}


/*Div-layers*/

#container {
	width:				785px;
	margin: 			0 auto;
	text-align: 		left;
	border:				3px solid #ffffff;
        background-color:	#ffffff;
}


#header {
	width: 				100%;
	height: 			330;
	border-bottom:		3px solid #fff;
	background-color:	#fff;
}


#sidebar {
	float: 				left;
	width: 				180px;
	margin:		 		10px;
}


#content {
	float: 				right;
	width: 				530px;
	margin: 			20px;
        background-color:	#ffffff;
}


#footer {
	height:				70px;
	width: 				100%;
	clear: 				both;
	text-align:			center;
	background-image:	url(footer.jpg)
}


/*Headlines and text decoration*/

h1{
	font: 				18px SuperGroteskA, SuperGrotesk, Verdana, Geneva, sans-serif;
	color:				#47429b;
	line-height:		20px;
	font-weight: 		bold;
	border-bottom:		1px dotted #bababa;	
	padding-left:		2px;
	margin-bottom:		0px;
}


h2{
	font: 				16px SuperGroteskA, SuperGrotesk, Verdana, Geneva, sans-serif;
	color:				#47429b;
	font-weight: 		bold;
	line-height:		18px;
	border-bottom:		1px dotted #bababa;	
	padding-left:		2px;
	margin-bottom:		0px;
}		


b {
	color:				#000000/*#2499c8*/;
}


i {
	color:				#313935;
}


blockquote {
	border:				1px dotted #d4d6d2;	
	padding: 			6px;
	margin: 			5px;
}


code.code{
display: 				block;
background: 			#fff;
border: 				1px dotted #669966;
width: 					250px;
overflow: 				auto;
}


/*Links*/

a:link {
color: 					#313935;
background-color:		transparent;
font-weight:			bold;
text-decoration:		none;
}


a:visited {
color: 					#313935;
background-color:		transparent;
text-decoration:		none;
}


a:hover {
color: 					#47429b;
background-color:		transparent;
border-bottom:			1 px dotted #c02227;
}


/*Navigation*/

.navi {
background-color:		#dee1d1;
font:					12px SuperGroteskA, SuperGrotesk, Verdana, Geneva, sans-serif;
width:					100%;
}


.navi ul {
margin:					0;
padding:				1px 1px 1px 1px;
list-style:				none;
}


.navi a {
color:					#000000;
display:				block;
line-height:			20px;
border-bottom:			2px #efefef;	
background-color:		#fff;
padding-left:			5px;
}


.navi a:link  {
color:					#000000;
background-color:		#fff;
border-bottom:			1px dotted #dfdfdf;	
}


.navi a:visited {
color:					#000000;
background-color:		#fff;
border-bottom:			1px dotted #dfdfdf;	
}


.navi a:active {
color:					#000000;
background-color:		#fff;
border-bottom:			1px dotted #dfdfdf;	
}


.navi a:hover {
color:					#47429b;			
font-weight:			bold;
background-color:		#fff;
border-bottom:			1px dotted #dfdfdf;	
}


/*Etc*/

ul {
list-style-image:		url(dot.gif);
margin-top:				0px;
margin-bottom:			0px;
margin-left:			20px;
margin-right:			0px;
}


.border {
background-color:		#fff;
padding:				2px;
border:					1px dotted #d4d6d2;
}

.tableindex {
font: 				14px SuperGroteskA, SuperGrotesk, Verdana, Geneva, sans-serif;
color:				#000000;
line-height:		150%;
}

/* Local Fonts */

@font-face { 
	font-family: "SuperGrotesk"; 
	src: url("supergroteska-rg.woff");
}
@font-face { 
	font-family: "SuperGrotesk"; 
	src: url("supergroteska-med.woff") format('woff');
	font-weight: bold;
}