html { height:101% }

body { 
	font: 100.01% Arial, Verdana, "Bitstream Vera Sans", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", sans-serif; 
	color: #666;
	margin: 0px; 
	padding: 0 0 10px 0;
	text-align:left;
	background:#A7A9A8 url("../images/bg_background.jpg") repeat-x;
}

#wrapper {
	width:802px;
	text-align:left;
	font-size:80%;
	margin: 0 auto;
	position:relative;
	background: url("../images/bg_wrapper.gif") repeat-y top right;
}

div#shadow-bottom {
	width:802px;
	margin: 0 auto;
	height:14px;
	background: url("../images/shadow-bottom.png") no-repeat top right;
	behavior: url(iepngfix.htc);
}

a { text-decoration: none; color: #5191CD; border-bottom:1px dotted #535454; }	
a:link { text-decoration:none; color: #5191CD; border-bottom:1px dotted #535454; }
a:visited { color: #5191CD; border-bottom:1px dotted #535454; }
a:hover { color:#000; border-bottom:1px solid black; }
a.noBorder, a:link.noBorder,  a:visited.noBorder { border-bottom:0; }

* html a, * html a:link, * html a:visited { border-bottom:1px solid #535454; }


/****************************************************************
	Modul Kopfbereich
*****************************************************************/

div#header { 
	margin:0 0 30px 0;
	height:114px; 
	background:#5191CD url("../images/bg_topleft.gif") no-repeat top left;
	border-bottom:1px solid #C8C7C7;
}

div#logo a {
	display:block;
	background: transparent url("../images/logo-die-projektentwickler.gif") no-repeat top left;
	position:absolute;
	right:20px;
	top:35px;
	width:239px;
	height:54px;
}


/****************************************************************
	Modul Content
*****************************************************************/	

div#container { background-color:white; border:1px solid #C8C7C7; }

div#colLeft {
	float:left;
	width:165px; 
}

div#colContent {
	float:left;
	width:285px;
	line-height:1.6em;
}

div#colRight {
	float:left;
	width:350px; 
}

#colContent img { border:0px; }
div.inhalt { padding:0 15px 30px 30px; }
div#colRight div.inhalt { padding-left:0; }

/****************************************************************
	Modul Navigation
*****************************************************************/	

#subnavi ul { padding:0; margin:0; border-top: 1px solid #C8C7C7; }
#subnavi ul li  { list-style-type: none; width:100%; float: inherit; border-bottom:1px solid #C8C7C7; }
#subnavi ul li a { display:block; color:#666; border:none; padding: 5px 10px 5px 15px; }
#subnavi ul li a.active, #subnavi li a.active:visited, #subnavi ul li a:hover { color:#5191CD; }
#subnavi ul ul { padding: 0 0 0 15px; margin:0; border-top:0; }
#subnavi ul ul li { margin:0; border-bottom:none; }
#subnavi ul ul li a { padding-left: 10px; }


/****************************************************************
	Modul Allgemeine Tags
 	Definiert p, h1-h5, etc.
*****************************************************************/			

h1, h2 { 
	font-size:130%; 
	margin: 0 0 20px 0; 
	padding-top: 3px; 
}

h1 { letter-spacing: 1px; }

h2 { 
	padding-top:20px; 
	color:#666;
	font-size:100%;
}

p { margin-bottom:1em; }

@media screen, print
{
.invisable {
	position: absolute;
	left: -1000em; 
	width: 20em;
}
}

hr.clear_columns {	
	clear: both; 
	float: left; 
	content: "."; 
	display: block;  
	height: 0; 
	line-height: 0px; 
	visibility: hidden; 
	border: 0; 
	padding: 0;
	margin: -1.1em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}

.Clear { clear: both; }	

div.block {
	margin-top: 50px;
	border-top: 1px solid #C8C7C7;
	border-bottom: 1px solid #C8C7C7;
	padding: 5px 15px;
}

div.block h2 {
	padding:0;
	margin:0;
}

/****************************************************************
	Modul Image
 	Definiert Bilderausgabe Fliesstext Content-Bereich
*****************************************************************/	

#colRight img, #contentright img, #topnavi img, #left img { border:0px; }
#contentright img {	padding-bottom:0px; }

#colRight .flLeft a, #colRight .flLeft a:link, #colRight .flLeft a:visited, #colRight .flRight a, #colRight .flRight a:link, #colRight .flRight a:visited, #colRight .flNone a, #colRight .flNone a:link, #colRight .flNone a:visited {
	text-decoration:none;
	border-bottom:0px !important;	
}

#colRight .flRight { }
#colRight .flLeft { }

#colRight .flNone {
	width:200px;
	margin:.3em 1.2em .2em 0;
}

.flLeft p, .flRight p	{
	line-height:12px;
	font-style:italic;
	position:relative;
	margin:0;
	padding:0;
}

.flLeft p.subline, .flRight p.subline { margin: 5px; }

div.flLeft div, div.flRight div {
	float:left;
	margin:2px;
}

div.flLeft div img { border:1px solid #000 !important; }

div.flLeft div img.zoom, div.flRight div img.zoom {
	position:absolute;
	border:0px !important;
	right:0;
	bottom:0;
}

* html div.flLeft div img.zoom, * html div.flRight div img.zoom { bottom:15px; }

#projektbild { margin-bottom:10px; border:1px solid #000 !important; }
div#Blaettern a { margin-right:5px; border-bottom:none; }


/****************************************************************
	Modul Footer
*****************************************************************/

div#footer {
	margin-top:15px;
	padding: 3px 0;
	background-color:#5191CD;
	color:#fff;
	text-align:center;
}	

div#footer a {
	color:#fff;
	border:none;
}