/* ====================================================================
GENERAL STYLING
-------------------------------------------------------------------- */
/* border:nones are for NN4 */
html { margin: 0px; padding: 0px; }

BODY , TD {
font-family : Arial, Helvetica, sans-serif; 
font-size : 11pt; 
color : #f9eec8; 
background-color : #bdc99a; 
line-height : 14px; 
margin : 110px 0px 0px 0px;
}

div {	border: none;}
/*
BODY
{
border-left-color: #48abb3;
border-left-style: dashed;
border-left-width: 2px;
}

*/


.space
{letter-spacing: 3px;
font: Verdana, Arial, Helvetica, sans-serif;
font-size : 1.3em;
font-style: normal;
font-weight: normal;
}

div { margin: 0px; padding: 0px; }
.clear { clear: both;} /* CSS HACK: only for NN4, so now use Caio hack to cleanse palette */
/*/*/ .clear { display: none; } /* */
.box-header
	{
	z-index: 61;
	color: #000000;
	margin: 70px 50px 0px 0px;
	border: none;
	background: transparent;
	}

.box-footer
	{
	clear: both;
	border: none
	}
H1
{
color: #E0FFFF;
font-size: 1.2em;
}
H2
{
color: #112233;
font-size: 12px;
font-weight: bold;
}
H3
{
color: #808080;
font-size: 11px;
}
/* COLUMNS LAYOUT */
/* ------------------------------------------------------------------- */
.columns-float
	{
	float: left;
	width: 85%;
	}
.column-one
{
float: left;
width: 32%;
margin: 3px;
border-left-color: #48abb3;
border-left-style: dashed;
border-left-width: 2px;
}
/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
.column-two { margin-left: 30%; }
.column-three {margin-left: 85%;}

.column-one-content
{
 border: none;
 color: #000000;
}
.column-two-content
{
 border: none;
 color: #000000;
}
.column-two-content h2
{
 font-size: 1.1em;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #000000;
 letter-spacing: 1px;
 line-height: 16px;
}
.column-three-content
	{
	border: none;
	color: #000000;
	}	
	

	
/* CSS HACK:  position:relative needed by IE6 otherwise the
 header and col 2 don't show up on initial rendering - 
they're there but you have to minimise the window or switch
 to another app and back to see the full effect. But IE5(pc)
 doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - 
any nested element that needs a background colour appears 
to require to be be relatively positioned */ 
/*/*/
.box-wrap, .columns-float, .column-one, .column-two, .column-three, h2
	{ position: relative; }
/* */
/*** Hauptartikel ******************************/ 
div#Hauptartikel
{
/* background: #9aa url(/0_bilder/hgblue.gif) bottom left fixed repeat-x; */
background: #FAEBD7;
color: #113355;
line-height: 120%;
padding: 7%;
position: relative;
border-bottom-style: solid;
border-top : 3px outset white; 
border-right : 3px outset #f9eec8; 
border-bottom : 3px outset #f9eec8; 
border-left : 3px outset #e0ffff; 
}

div.Article {
font: 11px/1.5 Geneva, Arial, Helvetica, sans-serif;
background: transparent;
border:none;
position:relative;
  } 
div.Article h3 {
  font-size:1.3em;
  padding:15px;
  
  }
div.ArticleBody {
  padding:15px;
  margin:0;
  margin-top:-1.7em;
  }
div.ArticleFooter {
  }
div.ArticleFooter p {
padding:15px;
margin:-2em 0 0 0;
}
/* Fusszeile ---------------------------  */ 
div#fuss{
z-index:6; 
top: 85%;
position: absolute;
}
div.Fusszeile {
margin: 3px 0px 0px 0px;
padding: 3px 0px 0px 10px;
border-top: dotted;
border-left: dotted;
border-color: #EE1132;
border-width: 0px 0px 0px 2px;
font-size: 80%;
color : #112233; 
}
div.Fusszeile a:hover {
cursor: help;
}
div.aktualisiert {
font-size: 100%;
}

/* media="all" hides styles from NS4.x only 
   - so we'll put styles we want to hide from NS4.x here */
div.Article {

  } 
div.Article h3 {

  padding:15px;
  margin:0
  }
div.ArticleBody {

  }
div.ArticleFooter {

  }
div.ArticleFooter p {

  }

  
/*******************************************/ 
/*** NAVIGATION OBEN ***********************/ 
/*******************************************/ 

/* Navigation Uebersicht ------------------*/ 

div#nav1 {
z-index : 40; 
top : 3%; 
left : 31px; 
width : 110px; 
position : absolute; 
} 
div#nav1 a {
border : 1px dotted inherit; 
border-color : white; 
padding-top : 5px; 
padding-right : 10px; 
padding-bottom : 5px; 
padding-left : 10px; 
margin : 0 0 2px; 
display : block; 
text-align : center; 
text-decoration : none; 
font : 12px arial, sans-serif; 
background : transparent; 
color : #f9eec8; 
} 
div#nav1 a:hover {
border-top : 3px outset white; 
border-right : 3px outset #f9eec8; 
border-bottom : 3px outset #f9eec8; 
border-left : 3px outset #e0ffff; 
background : #8f7070; 
color : #b0e0e6; 
} 
div#nav1select {
z-index : 101; 
top : 3%; 
left : 31px; 
width : 100px; 
padding-top : 5px; 
padding-right : 10px; 
padding-bottom : 5px; 
padding-left : 10px; 
margin : 0 0 2px; 
display : block; 
border-top : 3px outset white; 
border-right : 3px outset #f9eec8; 
border-bottom : 3px outset #f9eec8; 
border-left : 3px outset #e0ffff; 
text-align : center; 
text-decoration : none; 
position : absolute; 
font : 12px arial, sans-serif; 
background : #8f7070; 
color : #b0e0e6; 
} 
/* Navigation der Weg ---------------------*/ 
div#nav2 {
z-index : 41;
top : 3%; 
left : 141px; 
width : 110px; 
position : absolute; 
} 
div#nav2 a {
border : 1px dotted inherit; 
border-color : white; 
padding-top : 5px; 
padding-right : 10px; 
padding-bottom : 5px; 
padding-left : 10px; 
margin : 0 0 2px; 
display : block; 
text-align : center; 
text-decoration : none; 
font : 12px arial, sans-serif; 
background : transparent; 
color : #f9eec8; 
} 
div#nav2 a:hover {
border-left : 3px outset #e0ffff; 
border-top : 3px outset white; 
border-right : 3px outset #f9eec8; 
border-bottom : 3px outset #f9eec8; 
background : #48abb3; 
color : #b0e0e6; 
} 
div#nav2select {
z-index : 102; 
top : 3%; 
left : 141px; 
width : 100px; 
padding-top : 5px; 
padding-right : 10px; 
padding-bottom : 5px; 
padding-left : 10px; 
margin : 0 0 2px; 
display : block; 
border-top : 3px outset white; 
border-right : 3px outset #f9eec8; 
border-bottom : 3px outset #f9eec8; 
border-left : 3px outset #e0ffff; 
text-align : center; 
text-decoration : none; 
position : absolute; 
font : 12px arial, sans-serif; 
background : #48abb3; 
color : #b0e0e6; 
} 
/* Navigation die Loesung -----------------*/ 
div#nav3 {
z-index : 43;
top : 3%; 
left : 251px; 
width : 110px; 
position : absolute; 
} 
div#nav3 a {
border : 1px dotted inherit; 
border-color : white; 
padding-top : 5px; 
padding-right : 10px; 
padding-bottom : 5px; 
padding-left : 10px; 
margin : 0 0 2px; 
display : block; 
text-align : center; 
text-decoration : none; 
font : 12px arial, sans-serif; 
background : transparent; 
color : #f9eec8; 
} 
div#nav3 a:hover {
border-left : 3px outset #e0ffff; 
border-top : 3px outset white; 
border-right : 3px outset #f9eec8; 
border-bottom : 3px outset #f9eec8; 
background-color : #d3c72c; 
color : #b0e0e6; 
} 
div#nav3select {
z-index : 103; 
top : 3%; 
left : 251px; 
width : 100px; 
padding-top : 5px; 
padding-right : 10px; 
padding-bottom : 5px; 
padding-left : 10px; 
margin : 0 0 2px; 
display : block; 
border-top : 3px outset white; 
border-right : 3px outset #f9eec8; 
border-bottom : 3px outset #f9eec8; 
border-left : 3px outset #e0ffff; 
text-align : center; 
text-decoration : none; 
position : absolute; 
font : 12px arial, sans-serif; 
background : #d3c72c; 
color : #b0e0e6; 
} 
/* Navigation Portfolio -------------------*/ 
div#nav4 {
z-index : 44;
top : 3%; 
left : 361px; 
width : 110px; 
position : absolute; 
} 
div#nav4 a {
border : 1px dotted inherit; 
border-color : white; 
padding-top : 5px; 
padding-right : 10px; 
padding-bottom : 5px; 
padding-left : 10px; 
margin : 0 0 2px; 
display : block; 
text-align : center; 
text-decoration : none; 
font : 12px arial, sans-serif; 
background : transparent; 
color : #f9eec8; 
} 
div#nav4 a:hover {
border-left : 3px outset #e0ffff; 
border-top : 3px outset white; 
border-right : 3px outset #f9eec8; 
border-bottom : 3px outset #f9eec8; 
background : #daa520; 
color : #b0e0e6; 
} 
div#nav4select {
z-index : 104; 
top : 3%; 
left : 361px; 
width : 100px; 
padding-top : 5px; 
padding-right : 10px; 
padding-bottom : 5px; 
padding-left : 10px; 
margin : 0 0 2px; 
display : block; 
border-top : 3px outset white; 
border-right : 3px outset #f9eec8; 
border-bottom : 3px outset #f9eec8; 
border-left : 3px outset #e0ffff; 
text-align : center; 
text-decoration : none; 
position : absolute; 
font : 12px arial, sans-serif; 
background : #daa520; 
color : #b0e0e6; 
} 
/* Navigation Kontakt ---------------------*/
div#nav5 {
z-index : 45; 
top : 3%; 
left : 471px; 
width : 110px; 
position : absolute; 
} 
div#nav5 a {
border : 1px dotted inherit; 
border-color : white; 
padding-top : 5px; 
padding-right : 10px; 
padding-bottom : 5px; 
padding-left : 10px; 
margin : 0 0 2px; 
display : block; 
text-align : center; 
text-decoration : none; 
font : 12px arial, sans-serif; 
background : transparent; 
color : #f9eec8; 
} 
div#nav5 a:hover {
border-left : 3px outset #e0ffff; 
border-top : 3px outset white; 
border-right : 3px outset #f9eec8; 
border-bottom : 3px outset #f9eec8; 
background-color: #D32C39;
color : #f9eec8; 
} 
div#nav5select {
z-index : 105; 
top : 3%; 
left : 471px; 
width : 100px; 
padding-top : 5px; 
padding-right : 10px; 
padding-bottom : 5px; 
padding-left : 10px; 
margin : 0 0 2px; 
display : block; 
border-top : 3px outset white; 
border-right : 3px outset #f9eec8; 
border-bottom : 3px outset #f9eec8; 
border-left : 3px outset #e0ffff; 
text-align : center; 
text-decoration : none; 
position : absolute; 
font : 12px arial, sans-serif; 
background-color: #D32C39;
color : #b0e0e6; 
} 
/* Navigation Suchen ----------------------*/ 
div#suchen {
z-index : 90; 
top : 3%; 
left : 700px; 
position : absolute; 
width : 190px; 
} 
input#search {
background-color : #bdc99a; 
} 
.query { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: red}

/* Navigation Button 6/Suchen Ende --------*/ 
/*******************************************/ 
/*** NAVIGATION ENDE ***********************/ 
/*******************************************/


/*** die Übersicht ***************************/ 
div#lo1 {
z-index: 51;
background-color: #8F7070;
position: absolute;
top: 75px;
left: 60%;
height: 95px;
width: 32%;
color: white;
padding: 10px;
border-top : 3px outset white; 
border-right : 3px outset #f9eec8; 
border-bottom : 3px outset #f9eec8; 
border-left : 3px outset #e0ffff; 
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
/*** der Weg *********************************/
div#lo2 {
z-index: 52;
position: absolute;
background-color: #48abb3;
top: 75px; left: 60%; height: 95px; width: 32%; 
color: white;
padding: 10px;
border-bottom-style: solid;
border-top : 3px outset white; 
border-right : 3px outset #f9eec8; 
border-bottom : 3px outset #f9eec8; 
border-left : 3px outset #e0ffff; 
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
/*** die Lösung ******************************/ 
div#lo3 {
z-index: 53;
position: absolute;
background-color: #d3c72c;
top: 75px; left: 60%; height: 95px;; width: 32%;
color: white;
padding: 10px;
border-bottom-style: solid;
border-top : 3px outset white; 
border-right : 3px outset #f9eec8; 
border-bottom : 3px outset #f9eec8; 
border-left : 3px outset #e0ffff; 
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
/*** das Portfolio ***************************/
div#lo4 {
	z-index: 54;
	position: absolute;
	background-color: #DAA520;
	top: 75px;
	left: 60%;
	height: 95px;
	width: 32%;
	color: white;
	padding: 10px;
border-bottom-style: solid;
border-top : 3px outset white; 
border-right : 3px outset #f9eec8; 
border-bottom : 3px outset #f9eec8; 
border-left : 3px outset #e0ffff; 
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
/*** der  Kontakt ****************************/ 
div#lo5 {
z-index: 55;
position: absolute;
background-color: #D32C39;
top: 75px; left: 60%; height: 95px; width: 32%;
color: white;
padding: 10px;
border-bottom-style: solid;
border-top : 3px outset white; 
border-right : 3px outset #f9eec8; 
border-bottom : 3px outset #f9eec8; 
border-left : 3px outset #e0ffff; 
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

div#haupt {
	z-index: 50;
	top: 15%; left: 25%;
	height : 80%;
	width: 70%;
	position: absolute;
	background-color: #D32C39;
	color: #113355;
	line-height: 105%;
	padding: 7%;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.bsblau
{
	font-size : 2.6em; color : blue;
}
.bsred
{
	font-size : 2.6em; color : red;
}
.bsbd
{
font-size : 2em; border : 1px solid white
}
.bshg
{
padding : 4px;background-color : #D3C72C;font-weight : bold
font-style: italic;
font: cursive;
}
.pfeil{
font-size: xx-small;
color: #FF4500;
}
.mark
{
font-size: xx-small;
color: Aqua;
background-color: #c30;
}
.hinweis
{
font-size: xx-small;
line-height: 110%;
}



/*******************************************/ 
/*** MENU LINKS ****************************/ 
/*******************************************/

p a:link, li a:link {
color:	#c30
}
 
#akmenu {  		/* The ALA template already has a div with id="menu" so we’ll use "akmenu" instead. */
width: 130px;
border-top : 3px outset white; 
border-right : 3px outset #f9eec8; 
border-bottom : 3px outset #f9eec8; 
border-left : 3px outset #e0ffff; 
		background-color: #f6f6f6;
		padding: 0 0 1px 5px;
		color: #333;
		}
		
#akmenu ul {
      list-style-image: url('none');
		margin: 0;
		padding: 0;
		border: medium none;
		}
		
#akmenu li {
		border-top: 1px solid #333;
		margin: 0;
		}

#akmenu li a {
		color: #48abb3;
		background-color: #f6f6f6;
		display: block;
		padding: 5px 5px 5px 0;
		text-decoration: none;
		width: 100%;
		}

html>body #akmenu li a {
		width: auto;
		}

#akmenu li a:hover {
		background-color: #c30;
		color: #fff;
		}