@media screen {
	body { 
		font-family: Verdana, "Trebuchet MS", sans-serif;
		font-size: 90%;
		text-align: center;
		background: #fff;
		margin:0; padding: 0;
	}

	#page, .middlepage { width: 760px;
		margin: 0 auto 20px auto;
		border: none;
		text-align: left;
	}

	#header, #footer {
		display: block;
		background-color: #303030;
	}

	#main { background-color: #fff; display: block; _height: 1em; }

	.col { margin: 0; padding: 0; }
	.col-in { margin: 1em 1em; }

	#leftc  {
		width: 10px;
		float: left;
		display: inline;
		position: relative;
		left: -560px;
		top: -1px;
	}

	#midc   {	
		width: 560px;
		position: relative;
		left: 10px;
		float: left;
		padding-top: 10px;
	}

	#rightc {
		width: 190px;
		float: left;
	}

	#admin-menu {
		font-size: 90%;
		background-color: #ffd;
		border: 2px solid #ff0;
		padding: 4px 10px; 
		margin: 0 10px 0 20px;
		text-align: right;
	}

	#menu {
		width: 100%;
		list-style-type: none;
		margin: 70px 0 0 0; padding: 1em 0 0 2em;
		border-top: 1px solid #ccc;
	}
	#menu li {
		margin: 0; padding: 0;
		display: inline;
	}
	#menu li a , #menu li strong {
		display: block;
		color: #000;
		margin: 0; 
		padding: 5px 10px;
		font-size: 90%;
	}
	#menu li li li {
		font-size: 95%;
	}

	#menu ul { display: none; }
	#menu ul.act { 
		display: block; 
		list-style-type: none; 
		margin: 0 0 0 5px;
		padding: 0; 
	}
	#menu a:hover {
		background-color: #c4ddf2;
		text-decoration: none;
	}

	#header { 
		height: 90px;
		border-bottom: 5px solid #989898;
	}

	#footer { padding: 0.3em 1em; font-size: 80%; }
	#footer p { margin: 0.5em 0; }

	.hide { display: none; }
	
	.clr { clear: both; height: 0; content: ' '; overflow: hidden; }
   	.clr hr { display: none; }
	

	/* styles */
	h1, h2, h3, h4 {
		font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
		margin: 0;
	}
	#main h1 {
		font-family: Arial, "Arial CE", Verdana, "Trebuchet MS", sans-serif;
		font-weight: normal;
		font-size: 40px;

		color: #606060;
		margin-bottom: 10px;
		padding: 0;
		border-bottom: 1px solid #ccc;
	}
	h2 {
		font-family: Verdana, "Trebuchet MS", sans-serif;
		font-weight: normal;
		font-size: 180%;
		margin-top: 0.7em;
		color: #868686;
	}
	h3 {
		font-size: 120%;
		margin-top: 0.7em;
	}
	h4 {
		font-size: 110%;
		color: #45500c;
	}
	p { margin: 0.3em 0 1em 0; }

	dt { font-weight: bold; }
	dd { margin-bottom: 1em; }

	#header p {
		color: #777;
	}

	#header h1 {
		margin: 0; padding: 0;
		padding: 15px 0 0 0;
	}
	#header h1 a {
		text-indent: -3000px;
		overflow: hidden;
	}
	#header h1 a {
		display: block;
		width: 289px;
		height: 44px;
		background: url(/img/logo.png) no-repeat;
	}
	#header .desc {
		margin: 5px 0 0 5px;
		font-family: Verdana, "Trebuchet MS", sans-serif;
		font-size: 100%;
		font-weight: normal;
		color: #fff;
		text-decoration: none;
	}
	.topimage {
		display: block;
		width: 535px;
		height: 400px;
		background: url(/img/clocky-aqua.jpg) no-repeat;
		margin: 25px auto 0 auto;
	}

	#main {
		background-color: #fff;
	}

	#midc {
		background-color: #fff;
	}

	#footer { 
		color: #fff;
	}
	#footer p { text-align: right; }
	#footer a {
		color: #fff;
	}

	#main a { color: #000; }
	#main a:hover { text-decoration: none; }

	#main img { border: none; }

	img.right {
		float: right;
		border: 1px solid #5bccde;
		margin: 0 0 0 10px;
	}
	img.left {
		float: left;
		border: 1px solid #5bccde;
		margin: 0 10px 0 0;
	}
	img.border {
		border: 1px solid #5bccde;
	}

	table td, table th { 
		vertical-align: top; 
	}

	table {
		border-collapse: collapse;
		empty-cells: show;
		border: none;
	}

	table.border td, table.border th {
		border: 1px solid #000;
		padding: 3px 8px;
	}

	table.border th {
		background-color: #F9B8B0;
		background-color: #dbe9b7;
	}

	.smaller {
		font-size: 80%;
	}

	#midc img.foto { border: 1px solid #000; }
	.no-border { border: none !important; }

	.galerie .im { position: relative; width: 240px; height: 220px; float: left; background-color: #fffbe8;
		   margin: 4px; text-align: center;
		   border: 1px solid #ffea9a;
		   }
	.galerie .im img { border: none; display: block; margin: 0 auto; }
	.galerie .im img.v { position: absolute; top: 50%; left: 50%;
			 width: 150px; height: 200px;
			 margin-left: -75px; margin-top: -100px; }
	.galerie .im img.h { position: absolute; top: 50%; left: 50%;
			 width: 200px; height: 150px;
			 margin-left: -100px; margin-top: -75px; }	

	.lbox {
		width: 200px;
		font-size: 90%;
		float: right;
		margin: 0 0 0.5em 1em;
		padding: 0.2em 1em;
		background: #eee;
	}


	#adfox-l2 h2 { text-align: right; font-size: 14px; margin: 0; }
	#adfox-l2 p { margin: 0; }
	#adfox-l2 { margin: 0 0 1em 0; }
	#adfox-l2 .adfox-box { margin: 0 0 1em 0; }
}