@charset "utf-8";

/*
-----------------------------------------------
Author:   	Christian Hamann
Version:  	31 Januar 2012

----------------------------------------------- */


/* Clean slate */
body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li, table, tr, th, td, form {
margin: 0; padding: 0; border: 0; list-style: none; font-size: 100%; font-weight: normal; }
img { border: 0px;}


body { 
		font: 12px/16px "Courier New", Courier, mono; 
		color: #99CC99;
		background: #FFF url(../img/gfx/bg.gif);
		}

h1, h2, h3, h4, h5, #nav { 
		line-height: 16px; 
		}

#header h1 { 
		text-indent: -999em;
		}

h2#claim { 
		text-indent: -999em;
		}

h3#current { 
		color: yellow;
		}

h4, h5 { 
		font: bold 12px/16px Helvetica, Arial, "Courier New", Courier, mono;
		} 

h5 { 
		margin-bottom: 8px;
		} 
		
#header {
		margin: 69px 0 0 100px;
		}

p {
		margin-bottom: 8px;
		}

noscript {
		background-color: #FFFF99;
		}

.clear {
	position: relative;
	clear: both;;
	}

/* Links */

a img 	{ border: none !important; }
a:focus	{ outline: none !important; }

a:link		{ color: #99CC99; text-decoration: none; }
a:visited 	{ color: #99CC99; text-decoration: none; }
a:hover 	{ color: #FFF; text-decoration: none; }
a:active	{ color: #459702; text-decoration: none; }

.desc a:link, #nav a:link 		{ color: #99CC99; text-decoration: none; }
.desc a:visited, #nav a:visited { color: #99CC99; text-decoration: none; }
.desc a:hover, #nav a:hover 	{ color: #FFF; text-decoration: none; }
.desc a:active, #nav a:active	{ color: #459702; text-decoration: none; }

.desc p a:link 		{ color: #99CC99; text-decoration: none;}
.desc p a:visited	{ color: #99CC99; text-decoration: none;}
.desc p a:hover 	{ color: #FFFFFF; text-decoration: none;}
.desc p a:active 	{ color: #459702; text-decoration: none;}

.footer a:link		{ color: #99CC99; text-decoration: none;}
.footer a:visited	{ color: #99CC99; text-decoration: none;}
.footer a:hover		{ color: #4A6F60; text-decoration: none;}
.footer a:active	{ color: #459702; text-decoration: none;}

#filter a:link, ul#sub li a:link		{ color: #99CC99; text-decoration: none;}
#filter a:visited, ul#sub li a:visited	{ color: #99CC99; text-decoration: none;}
#filter a:hover, ul#sub li a:hover		{ color: #FFF; text-decoration: none; }
#filter a:active, ul#sub li a:active 	{ color: #459702; text-decoration: none;}


/* Navigation */

#menu {	
		margin: 10px 0 0 100px;
		}
				
ul#nav li {
		display: block;
		list-style: none; 
		width: 75px;
		line-height: 32px;
		margin-left: 4px;
		}

ul#nav #currentpage a { 
		color: yellow;
		text-decoration:none;
		border: none;
		}

ul#filter, #sub { 
		top: 58px;
		position:absolute; 
		left: 636px;
		width: 220px;
		}

ul#filter li, #sub li{
		display: inline;
		}

ul#filter li span.filter-label,
ul#sub li span.browse-label {
	color: #FFF;
	font: 10px/8px Arial,Verdana,"Courier New",Courier,mono
	}

a#alle_an.button  { color: yellow; }

		
/* Description */

.desc { 
		margin: 16px 16px 16px 100px;
		color: #FFF;
		}

.desc p { 
		margin-top: 8px;
		font: 13px/16px "Franklin Gothic Medium", Helvetica, Arial, "Courier New", Courier, mono;
		}

.neu {color: yellow;}

.desc table, .desc p.numbers, code {
		border-collapse: collapse;
		border-spacing: 0;
		font: 13px/16px "Courier New", Courier, mono;
		}

.desc table th, .desc table td {
		border: 0;
		text-align: left;
		vertical-align: top;
		padding: 0 20px 16px 4px;
		}

/* Work */

#work { 
		position:absolute; 
		left: 436px;
		float: left;
		}

ol#work li {
		display: inline;
		width: 420px;
		}

ol#work li img { 
		border-left: 1px dotted #99CC99;
		border-right: 1px dotted #99CC99;
		}
	
/* Layout */

#global {
		text-align:left;
		margin: 8px 0 24px 8px;
		}

#tafel img {
		margin-bottom: 16px;
		}

div#logo, 
div#navigation, 
div#welcome,
div#news,
div.projekt-web,
div.projekt-design,
div#info {
		float: left;
		width: 420px;
		height: 160px;
		margin: 0 8px 8px 0;
		}

div#block { 
		width: 420px; 
		float: left;
		}						

div#logo  {
		background: url(../img/gfx/board-claim.gif) no-repeat;
		}
div#logo:hover {
		background: url(../img/gfx/claim-hover.gif) no-repeat;
		}

div#welcome, div#news {
		background: url(../img/gfx/board.gif) no-repeat;
		}
		
div#navigation, div#info  {
		background: url(../img/gfx/board-menu.gif) no-repeat;
		}

/* About */

div#about {
		width: 748px;
		padding: 56px 0 8px 100px;
		margin: 0 8px 8px 0;
		float: left;
		font: 24px/32px "Franklin Gothic Medium Cond", Arial Narrow, Helvetica, Arial, "Courier New", Courier, mono;
		color: #4A6F60;
		background-color: #A7D3A7;
		position:relative;
}

#about p { 
		padding: 0 40px 0 0;
		margin-bottom: 16px;
		}

div.links  {
		float: left;
		width: 420px;
		margin: 0 8px 8px 0;
		background-color: #4A6F60; 
		}

div.bild {
		float: left;
		width: 420px;
		margin: 0 8px 8px 0;
		}

div#google-map {
		float: left;
		margin: 0 8px 8px 0;
		color: #4A6F60;
		width: 420px; 
		height: 420px
		}
					
/* Footer */

div#footer {
		width: 320px;
		height: 160px;
		padding: 0 8px 8px 100px;
		float: left;
		font: 10px/8px Arial, Verdana, "Courier New", Courier, mono;
		color: #99CC99;
		}
		
		
/* Home */

.tile {
		position: absolute;
		padding: 6px 7px 7px 7px;
		background: url(../img/gfx/bg-tile.gif) repeat-x;
		color: #4A6F60;
		border-bottom: 1px solid #555555;
		border-right: 1px solid #555555;
		border-top: 1px solid #efefef;
		cursor: move;
	    }



.board {
		background-color: #4A6F60;
		width: 848px;
		height: 496px;
		margin: 0 8px 8px 0;
		}

#besucher {
		top: 656px;
		position:absolute; 
		left: 536px;
		font: 10px/8px Arial, Verdana, "Courier New", Courier, mono;
		color: #99CC99;
		}