
#popup1, #popup2, #popup3 {display: none;}

html, body {
        width: 100%;
        height: 100%;
        margin: 0;
        border: 0;
        padding: 0;
}

#wrapper {
        width:900px;
        position:absolute;
        left:0;
        top:0;
        bottom:0;
}
body {
	font-family: Arial,sans-serif;
	font-size: 0.9em;
	color: #000;
	background-color: #fff;
	overflow: hidden;	/* Scrollbalken im Fenster unterbinden */
}

#oben {
	position: absolute;
	top: 0;
	left: 252px;
	right: 224px;     /* Abstand zum rechten Fensterrand = Breite rechter Block */
	height: 230px;		/* Blockhöhe */
	background-color: #fff;
	overflow: hidden;
}
#oben .inhaltDiv {
	margin: 0px;		/* Abstand des Inhalts zum Blockrand */
	
}

#links {
	position: absolute;
	top: 0;      /* Abstand zum oberen Fensterrand = Höhe oberer Block */
	left: 0;
	bottom: 0;
	width: 251px;    /* Blockbreite */
	background-color: #fff;
	overflow: hidden;  /* Scrollbalken, falls notwendig */
}
#links .inhaltDiv {
	margin: 0px;		/* Abstand des Inhalts zum Blockrand */
	
}

#mitte {
	position: absolute;
	top: 230px;      /* Abstand zum oberen Fensterrand = Höhe oberer Block */
	left: 251px;     /* Abstand zum linken Fensterrand = Breite linker Block */
	bottom: 35px;    /* Abstand zum unteren Fensterrand = Höhe unterer Block*/
	right: 204px;    /* Abstand zum rechten Fensterrand = Breite rechter Block */
	overflow: auto;  /* Scrollbalken, falls notwendig */
	font-size: 0.8em;
}
#mitte .inhaltDiv {
	margin: 5px;		/* Abstand des Inhalts zum Blockrand */

}

#rechts {
	position: absolute;
	top: 0;
	bottom: 35px;     /* Abstand zum unteren Fensterrand = Höhe unterer Block*/
	right: 0;
	width: 204px;     /* Blockbreite */
	background-color: #fff;
	overflow: hidden;	/* Scrollbalken unterbinden */
}
#rechts .inhaltDiv {
	margin: 10px;		/* Abstand des Inhalts zum Blockrand */
}

#unten {
	position: absolute;
	left: 250px;      /* Abstand zum linken Fensterrand = Breite linker Block */
	bottom: 0 !important;
	bottom: -1px;     /* nur für IE6 */
	right: 0;
	height: 35px;     /* Blockhöhe */
	background-color: #fff;
	overflow: hidden;	/* Scrollbalken unterbinden */
	font: 0.8em Arial, Sans-serif;
}
#unten .inhaltDiv {
	 /*position: absolute;*/ /* auskommentiert = deaktiviert */
        /*top: 20px;*/ /* auskommentiert = deaktiviert */
        margin: 15px 0 0 5px;                /* Abstand (oben-rechts-unten-links) des Inhalts zum Blockrand */
		
		}


/************ ALLGEMEINES ****************/


#mitte a:visited
{
padding-right: 18px; 
background: url(../images/haken.gif) no-repeat 100% 50%;
position: relative;
left: 15px;
color: #009933;	
font-weight: bold;
text-decoration: none;
}

#mitte a:link {
position: relative;
left: 15px;
color: #009933;	
font-weight: bold;
text-decoration: none;
}



#mitte a:active, #mitte a:hover
{
position: relative;
left: 15px;
text-decoration: underline;
color: #009933;	
}


#mitte {text-align: left;}


#mitte h1
{
font: bold 1.8em Arial, Sans-serif;
}

#mitte h2
{
font: bold 1em Arial, Sans-serif;
}

#mitte h3
{
font: bold 1.3em Arial, Sans-serif; color: #009933;
}

#mitte .untertitel
{
position: relative;
top: -15px;
}

#mitte .nachlinks
{
position: relative;
left: -15px;
}

#mitte .big
{
font-size: 1.1em;
font-family: Comic Sans MS;
font-weight: Bold; 		
	color: #009933;	
}



a img {
border : 0 none;
}

.flags
{
position: absolute;
top: 10px;
left: 100px;
}

.red
{color: #009933;}

p.form {color: #CC0000; font-weight: bold;}

.floatright
{
float: right;
}

.floatleft
{
float: left;
}



.mainpic
{

position: absolute;
top: 35px;
}


/* LINKS IM KONTEXT */



a.context:link, a.context:visited {
    text-decoration: none;
    color: #000;
    }
a.context:hover, a.context:active {
text-decoration: underline;
}


td .rand {
border-style:solid;
border-width: 1px;
}

td .architekt {

width: 150px;
border-style:solid;
border-width: 1px;
}

/************ RECHTS ***************/

#rechts td { border: 0;
vertical-align: top;}

td .ohne { 
border: 0;
vertical-align: top;

}

#linksrechts
{
position: absolute;
bottom: 0px;
}



#rechts a:link, #rechts a:visited
{
font: italic 0.9em Arial, Sans-serif;
color: #009933;
text-decoration: none;
}

#rechts a:active, #rechts a:hover
{
text-decoration: underline;
}

#rechts a.bot:link, #rechts a.bot:visited
{
font: normal 0.9em Arial, Sans-serif;
color: #000;
text-decoration: none;
position: relative;
left: 20px;
}


#rechts a.bot:active, #rechts a.bot:hover
{
text-decoration: underline;
}

#rechts a.bot2:active, #rechts a.bot2:hover
{
text-decoration: underline; 
font: normal 1em Arial, Sans-serif;
color: #009933;
}

#rechts a.bot2:link, #rechts a.bot2:visited
{

font: normal 1em Arial, Sans-serif;
color: #009933;
}

#rechts h1
{
font: bold 1.3em Comic Sans MS, Sans-serif;
line-height: 1em;
color: #009933;
position: relative;
left: 2px;
}

#rechts h2
{
font: bold 0.9em Arial, Sans-serif;
color: #009933;
margin-top: -3px;
}

#rechts h3
{
font: normal 0.8em Arial, Sans-serif;
margin-top: -10px;
}


#rechts h4
{
font: bold 1em Comic Sans MS,Sans-serif;
color: #009933;
position:relative;
top: 15px;
left: 20px;
}


#aussen
{
position: relative;
top: 50px;
left: 10px;
}

#rechts table {
position: relative;
top: -10px;

}

#rechts .textteil

{
position: relative;
top: 40px;


}
#rechts .big
{
font-size: 1.1em;
font-family: Comic Sans MS;
font-weight: Bold; 		
	color: #009933;	
}

.klein {	font: normal 0.8em Arial;}

.green2  {	color: #009933; font-weight: bold;}

.green3  {	font: normal 0.8em Arial, Sans-serif; color: #009933;}
.bold  { font-weight: bold;}
.eingerueckt {position: relative; left: 15px;}


/*********** HEADER **************/

#oben .big
{ 
font-family: Comic Sans MS;
font-weight: Bold; 		
font-size: 1.1em;
	color: #009933;	}
	
	
#oben h1#logo {
	z-index: 100;
	position: absolute;
	margin: 0; padding: 0;
	font-size: 0.8em;
	font-family: Arial;
	font-weight: Bold;
	letter-spacing: 0px;
	color: #000000;
	/* change the values of top and Left to adjust the position of the logo*/
	top: 255px; left: 5px;

}


/*********** FOOTER *************/


#unten .big
{
font-weight: Bold; 		
	
}


.tuev
{
position: absolute;
bottom: 0px;
left: 0px;
}

/************ MENUS ************/


a.menu2:link, a.menu2:visited {margin-left: 8px;text-decoration: none; font: 0.9em 'Arial', sans-serif; color:#000000; position: relative; top: 10px;}

a.menu2:hover, a.menu2:active {text-decoration: underline;}

ul.menu{z-index:2; position: relative;top: 235px; float: right; margin:0;padding:10px;list-style-type:none;text-align:right;display:block;font: bold 0.9em 'Arial', sans-serif;line-height:165%;width:135px}
ul.menu li{margin:0;padding:1px;border-top:0px ;border-bottom:0px;}
ul.menu li a {text-transform: uppercase; display:block;text-decoration:none;color:#fff;background:#009933;margin: 0 0 0 0; padding: 0 10px 0 0;width:125px;}
ul.menu li a:hover{color: #fff ; background:#026724 url("../images/arrow.gif") no-repeat 0 7px;}

ul.menu li a.current,ul.menu li a.current:hover{background:#026724 url("../images/arrow.gif") no-repeat 0 7px;}



