/* Reset
------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
:focus {outline: 0;}




/* 
   General 
------------------------------------------------------------------- */

html				{
					height: 100%;
					padding-bottom: 0px; /* force scrollbars */
					}

body				{
					height: 100%;
					background: #FFF url('../.jpg') no-repeat center top;
					color: #CCC;
					font: normal 75% sans-serif;
					}




/* 
   Seitenaufbau 
------------------------------------------------------------------- */


#page				{ width: 1100px; 
					margin:0 auto;
					position:relative;
					top:0; left:0;
					}

.navigation			{ 
					width:700px; height:35px;
					position:absolute;
					top:40px; left:0px;
					}

.metanavi			{ 
					width:400px; height:35px;
					position:absolute;
					top:40px; left:700px;
					}

.content			{ 
					width:1100px; height:600px;
					position:absolute;
					top:75px; left:0px;
					}

.inhalte			{ width:1100px; height:600px;
					position:relative;
					top:0px; left:0px;
					background: #000;
					}

.links				{ width:400px; height:600px;
					position:absolute;
					top:0px; left:0px;
					background: #D0C9B6;
					background: url('../images/jan.jpg') no-repeat center top;
					}

.rechts				{ width:700px; height:490px;
					position:absolute;
					top:0px; left:400px;
					background: #000;
					padding-top:50px;
					overflow:auto;
					}

.abbinder			{ width:1100px; height:59px;
					position:absolute;
					bottom:0px; left:0px;
					z-index:999;
					background: url('../images/jankempkens.png') no-repeat center top;
					}


.m30				{ width:30%; float:left; }
.m50				{ width:50%; float:left; }
.m70				{ width:70%; float:left; }

.stopfloat			{ clear:both; }


/* 
   Typographie 
------------------------------------------------------------------- */


h1,h2,h3,h4,h5,h6	{
					color: #CCC;
					font-weight: normal;
					line-height: 1;
					margin-bottom: 0.8em;
					}

h4,h5,h6			{ font-weight: bold; }

h1 					{ font-size: 2.6em; }
h2 					{ font-size: 2em; }
h3 					{ font-size: 1.6em; }
h4 					{ font-size: 1.4em; }
h5 					{ font-size: 1.2em; }
h6 					{ font-size: 1em; }

h1 img, h2 img, 
h3 img, h4 img, 
h5 img, h6 img		{ margin: 0; }

p					{ margin-bottom: 1em;}

a:focus, a:hover	{ color: #F90; }

a					{
					color: #333;
					text-decoration: underline;
					}

ul					{ list-style:none; margin-left:0px; }

ol					{
					list-style-type: decimal; 
					margin-top:0px; 
					margin-bottom:5px; 
					padding:0px; 
					}

ol li ol li .agb	{ margin:0px; padding:0px; }




/* 
   Navigation 
------------------------------------------------------------------- */

.navigation ul { list-style-type:none; }
.navigation ul li { float:left; }
.navigation ul li a { display:block; height:3.1em; line-height:30px; padding:0 30px 0 0px; text-decoration:none; font-weight:bold; color:#999; font-size:1.8em; }
.navigation ul li a:hover { color:#666; }
.navigation ul li a.on { color:#258E9E; }


.metanavi ul { list-style-type:none; float:right; }
.metanavi ul li { float:right; }
.metanavi ul li a,
.metanavi ul li p	{ display:block; height:3.1em; line-height:30px; padding:0 0 0 10px; text-decoration:none; font-weight:bold; color:#CCC; text-align:right; }
.metanavi ul li a:hover { color:#666; }
.metanavi ul li a.on { color:#666; }




/* 
   Inhalte Text und Bild 
------------------------------------------------------------------- */

.rechts h1, rechts img				{ padding: 0px; }

.rechts .m50						{ margin-top: 0px; }

.rechts h2, .rechts h3, 
.rechts h4, .rechts h5, .rechts h6	{ padding: 0px 20px 0px 0px; }

.rechts a, .rechts p, .rechts ul	{ padding: 0px 20px 0px 0px; }

.rechts a							{ color:#CCC; }
.rechts a:hover						{ color:#258E9E; }

.rechts .highlight					{ color:#258E9E; }