/*Basic*/
body {
	font: 				12px Calibri, Trebuchet, sans-serif;
	color:				#313935;
	text-align:			center;
	line-height:		150%;
	background-color:	#dbdbdb;
}

/*Div-layers*/
#container {
	width:				750px;
	background-color:	#ffffff;
	margin: 			0 auto;
	text-align: 		left;
	border:				3px solid #ffffff;
}

#header {
	width: 				100%;
	height: 			130;
	background-color:	#302b32;
}

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

#content {
	float: 				right;
	width: 				520px;
	margin: 			10px;
}

#footer {
	width: 				100%;
	clear: 				both;
	text-align:			center;
	background-color:	#ffd7b0;
}

/*Headlines and text decoration*/
h1{
	font: 				18px Calibri, ‘Century Gothic’, sans-serif;
	color:				#c02227;
	line-height:		20px;
	border-bottom:		1px dotted #ffd7b0;	
	padding-left:		2px;
	margin-bottom:		0px;
}

h2{
	font: 				14px Calibri, ‘Century Gothic’, sans-serif;
	color:				#c02227;
	line-height:		16px;
	border-bottom:		2px solid #ffffff;	
	padding-left:		2px;
	margin-bottom:		2px;
}		

b {
	color:				#302B32;
}

i {
	color:				#7e7e7e;
}

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

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

/*Links*/
a:link {
color: 					#c02227;
background-color:		transparent;
text-decoration:		none;
}

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

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

/*Navigation*/
.navi {
background-color:		#dee1d1;
font:					12px Calibri, Trebuchet, sans-serif;
width:					100%;
}

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

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

.navi a:link  {
color:					#c02227;
background-color:		#ffffff;
border-bottom:			1px dotted #ffd7b0;	
}

.navi a:visited {
color:					#c02227;
background-color:		#ffffff;
border-bottom:			1px dotted #ffd7b0;	
}

.navi a:active {
color:					#c02227;
background-color:		#ffffff;
border-bottom:			1px dotted #ffd7b0;	
}

.navi a:hover {
color:					#c02227;			
font-weight:			bold;
background-color:		#ffd7b0;
border-bottom:			1px dotted #ffd7b0;	
}

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

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

.whitetext {
	font: 				12px Calibri, Trebuchet, sans-serif;
	color:				#FFFFFF;
	text-align:			center;
}