/* Body
------------------------------------------------------------------------------------------------------------ */
body {position: relative; margin: 0; padding: 0;}


/* Container
----------------------------------------------------------------------------------------------------------------------------------- 
div.container {
	width:600px;
	margin: 0 auto 0 auto;
}
*/


/* Content
------------------------------------------------------------------------ */
div.content {
	position: absolute; top: 30px; left: 170px; right: 150px; 
	color: #000;
	border: solid #000 1px; 
	font: 13px Verdana, sans-serif; 
	padding: 10px;	
	margin-bottom:50px;
}

/* Top Navigation
--------------------------------------------------------------------------- */
div.topnav{	
	position: absolute; top:50px; left:0px;
	width:170px;		
	font: bold; 1em sans-serif;
}

div.topnav a{
	display:block;
	text-align:center;
	color:#000;	
	font-weight:bold; 	
	text-decoration:none;	
	margin-right:0px;		
	padding:1px 8px; 
	margin-bottom: 15px;
}

div.topnav a:hover { 
	color:#fff;
	background-color:#000;	
}

/* Styleswitch Navigation
--------------------------------------------------------------------------- */
div.styleswitch{	
	position: absolute; top: 350px; right:0px; 
	width:150px;	
	border-style: none; 
	border-color: #000;
	border-width: 1px;
	background-color:#fff;
	font-size:0.8em;
}

div.styleswitch a{
	display:block;
	color:#000;	
	font-weight:bold; 	
	text-align:center;
	text-decoration:none;	
	margin-right:0px;		
	padding:0px 8px; 
	margin-bottom: 5px;
}

div.styleswitch a:hover { 
	font-weight:bold; 
	text-decoration:none;
	color:#fff;
	background-color:#000;	
}

span.styleswitch{
	display:block;
	color:#000;	
	font-weight:normal; 	
	font-size:0.8em;
	text-decoration:none;	
	margin-right:0px;		
	padding:4px 8px; 
}


/* Scrolls to keep the Magic Signs in general and overall order
-------------------------------------------------------------------------------------------------------- */
a:link {color:#333;}
a:visited {color:#333;}
a:focus {color:#333;}
a:hover {color:#333;}
a:active {color:#333;}

p{
	padding-left:20px;
	margin-bottom:0px;
}

h1,h2,h3,h4,h5,h6{padding-left:10px;padding-top:15px;}


h1{
	text-align:left;	
	background-color:#fff;	
	margin-top: 0px; 
	margin-left: 0px;	
	margin-right: 0px;
	margin-bottom: 0.5em;	
	padding-top: 15px;
	padding-bottom: 5px;
	padding-right: 15px;
	color:#000;
	text-transform:; 	
	font-weight:100;
}