/* Reset CSS */

*, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 101%; /* letter-spacing: 0; Problems with FF3 s*/ vertical-align: baseline; background: transparent; }

body { line-height: 1em; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,

q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

html {
    font-size: 75%;
}

html>body {
	font-size: 12px;
}

.clear {clear: both;}

/* ************************************************** */


div#contentContainer {
width: 865px;
height: 465px;
position:absolute; 
left:50%; 
top:50%; 
margin-left:-35em; 
margin-top:-20em; 
}

div#contentContainer div#contentContainerBg {
background: url(images/content_bg.png) no-repeat top center;
width: 865px;
height: 465px;
}

div#contentContainer div#contentContainerBg div#leftContent {
width: 226px;
float: left;
height: 350px;
margin: 49px 9px 0 61px;
}

	#navigation {
	width: 226px;
	margin-top: 25px;
	height: 126px;
	}
	
	#navigation li {
	width: 226px;
	float: left;
	clear: left;
	margin-bottom: 5px;
	}
	
	#navigation li a.projekt, #navigation li a.termine, #navigation li a.kontakt {
	display: block;
    height: 42px;
    text-indent: -9999px; 
	line-height: 42px;
	background: url(images/navigation_bg.jpg) no-repeat;
	}
	
	
	#navigation li a.projekt {
	background-position: 0px 0px;
	width: 226px;
	height: 42px;
	}
	
	#navigation li a.projekt:hover {
	background-position: 0px -42px;
	width: 226px;
	height: 42px;
	}
	
	#navigation li a.projekt-akt {
	background-position: 0px -42px;
	width: 226px;
	height: 42px;
	}
	
	#navigation li a.termine {
	background-position: 0px -84px;
	width: 226px;
	height: 42px;
	}
	
	#navigation li a.termine:hover {
	background-position: 0px -126px;
	width: 226px;
	height: 42px;
	}
	
	#navigation li a.termine-akt {
	background-position: 0px -126px;
	width: 226px;
	height: 42px;
	}
	
	#navigation li a.kontakt {
	background-position: 0 -168px;
	width: 226px;
	height: 42px;
	}
	
	#navigation li a.kontakt:hover {
	background-position: 0 -210px;
	width: 226px;
	height: 42px;
	}
	
	#navigation li a.kontakt-akt {
	background-position: 0 -210px;
	width: 226px;
	height: 42px;
	}
	

div#contentContainer div#contentContainerBg div#rightContent {
width: 457px;
height: 315px;
float: left;
margin: 49px 0 0 0;
padding: 25px 25px 10px 25px;
}

div#contentContainer div#contentContainerBg div#rightContent p {
color: #282828;
font: 11px Verdana, Arial, Helvetica, sans-serif;
line-height: 180%;
margin-bottom: 6px;
}

div#contentContainer div#contentContainerBg div#rightContent p.small {
font-size: 9px;
margin: 0 auto;
} 

div#contentContainer div#contentContainerBg div#rightContent p.smallb {
font-size: 9px;
margin-top: 20px;
border-top: 1px dashed #606060;
padding: 3px 3px 0 3px;
}


h1 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #ffa028;
letter-spacing: 2px;
}

h1 span {
font: normal 9px Verdana, Arial, Helvetica, sans-serif;
color: #282828;
letter-spacing: 0;
}

h2 {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #232323;
margin-bottom: 22px;
letter-spacing: 0.2px;
}

a, a:visited {
color: #282828;
text-decoration: none;
}

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

a.mail {
color: #ffa028;
text-decoration: none;
}

a.mail:hover {
text-decoration:underline;
}