/**
 * CSS by Thomas Karolzyk
 * thomas@karolzyk.com
 */
 

/*** GENERAL ***/

body {
	background: #fff url(../img/bg.jpg) repeat-y;
	margin: 0;
	color: #555;
	font-size: 11px;
	font-family: Georgia, Times, "Times New Roman", serif;
	letter-spacing: 0em;
	line-height: 150%;
}

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

a:hover {
	text-decoration: none;
}

a img, img a 	{ border:0 }


div#content-de a { color: #fff; }








h1 					{ font-size: 16px; border-bottom: 1px dotted #777; margin: 10px 0 22px 0; padding: 1px 0; }
h2 					{ font-size: 15px; margin: 50px 0 0 0; }
h3 					{ font-size: 11px; text-decoration:underline; margin: 40px 0 5px 0; }
hr					{ border:0; } 
h6,hr 				{ height:0px; margin: 10px 0; }
div#content-de h6,
div#content-de h1 	{ border-bottom: 1px dotted #fff; }

div#content-de hr 	{ border-bottom: 1px dotted #fff; }
div#content-nl hr 	{ border-bottom: 1px dotted #777; }



p { margin: 5px 0;}

/*** LAYOUT ***/

/* 
#div_absolute { position: absolute; top: 0; left: 0; background-color: #f00; padding: 0 0 0 0; margin: 0 0 0 0; height: 5em; width: 5em; }
#div_relative { position: relative; background-color: #f00; padding: 0 0 0 0; margin: 0 0 0 0; height: 5em; width: 5em; }
*/

div#logo { 
	position: fixed; 
	bottom: 30px; 
	left: 39px; 
	background-color: #fff; 
	padding: 0 0 0 0; 
	margin: 0 0 0 0; 
	height: auto; 
	width: auto; 
}

div#nav-de { 
	position: absolute; 
	top: 21px; 
	left: 320px;  
	padding: 0 0 0 0; 
	margin: 0 0 0 0; 
	height: auto; 
	width: 260px; 
	line-height:115%;
}

div#nav-nl { 
	position: absolute; 
	top: 21px; 
	left: 645px;  
	padding: 0 0 0 0; 
	margin: 0 0 0 0; 
	height: auto; 
	width: 260px;
	line-height:115%;
}

div#content-de { 
	position: absolute; 
	top: 162px; 
	left: 320px;  
	padding: 0 0 0 0; 
	margin: 0 0 0 0; 
	height: auto; 
	width: 260px;
	color:#fff; 
}

div#content-nl { 
	position: absolute; 
	top: 162px; 
	left: 645px;  
	padding: 0 0 0 0; 
	margin: 0 0 0 0; 
	height: auto; 
	width: 260px;
}


/*** NAVIGATION ***/

div#nav-de ul, 
div#nav-nl ul { 
	list-style:none; 
	width:100%; 
	padding:0; 
	margin:0; 
}

div#nav-de ul li,
div#nav-nl ul li { 
	letter-spacing:0em; 
	width:100%; 
	padding: 0px 0; 
	margin: 0;  
}

	


/* BORDERS */
div#nav-de ul li { border-bottom: 1px dotted #FF8402; list-style: url(../img/arrowwhite.gif); }
div#nav-nl ul li { border-bottom: 1px dotted #fff; list-style: url(../img/arrowgrey.gif); }

div#nav-de ul li:hover { border-bottom: 1px dotted #fff; }
div#nav-nl ul li:hover { border-bottom: 1px dotted #333; }

/* LINKS */
div#nav-de a 			{ text-decoration:none; color:#fff; }
div#nav-de a:hover 		{ color:#fff; }
div#nav-nl a 			{ text-decoration:none; color:#656565; }
div#nav-nl a:hover 		{ color:#656565; }

/* CURRENT 
div#nav-de ul li.hi { border-bottom: 1px dotted #fff; }
div#nav-nl ul li.hi { border-bottom: 1px dotted #333; }
*/


/*** FORMS ***/

input {
    font-size: 1em;
}
textarea {
    font-size: 1em;
}


/*** TABLES ***/

table.kontakttable td { vertical-align: top; }