html, body { 	
	background: #FFEEC3 url(img/bodybg.jpg) repeat-x;
	margin: 0px; padding: 0px;
	height:100%;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Layout Blocks
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#main { /* Holds the page items in place */
	width: 996px;
	min-height:99%;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #FFF url(img/mainbg.gif) repeat-y;
        border-top: 4px solid #009DDB; 
}


#header {
	height:178px;	
	background: #fff url(img/header.jpg ) no-repeat;
}


#pageheader {
	padding:130px 120px 15px 22px;
}


#pageheader strong {
font-size: 12px; 
color:#009DDB;
font-family: Arial, Helvetica, sans-serif, Verdana ;
letter-spacing:0.9px;
}


#content { /* WYSIWYG */
	width: 540px;
	float: left;
	display:inline;
	margin-left: 0px;
        margin-top: 5px;
        margin-right: 10px;}


#content a 
{ text-decoration: none; color:#3399cc;}

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


#content h1, h2 { 
background: url(http://von-laer-stiftung.de/media/logo/) no-repeat left top;
padding: 0px 0px 0px 65px;}

/*  http://von-laer-stiftung.de/media/logo/2L-web.jpg  */
/*  img/L-web.jpg  */


#rightbox 
        {width: 150px;
	float: left;
	display:inline;
	margin-left: 20px;
        margin-top: 0px;
        margin-right: 5px;
        padding: 0px 0px 0px 0px;
/*border-bottom: 1px dashed #aaa090 ; */  
}

#rightbox a 
{ text-decoration: none;
color:#3399cc;
}

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


.clearcontent {height:10px; clear:both;
margin: -20px 0px 0px 0px;
}



/* Search Box in header */
#search_box {
	color: #fff;	
        text-align: right;
}
#search_box {
	float: right;
	clear: right;
	width: 100px;
	padding:135px 10px 0px 0px;
}


#search_box .searchstring { width:100px;
	border: 0px solid #555;
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


#prevnext {
	float:right;
	margin-top:0px;
	margin-right:10px;
	color: #fff;
	font-weight: bold;
}


#prevnext a {
        color: #fff;
text-decoration: none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#navContainer {height:3px;  color: #fff; clear:both; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Customise the Login Box */


#login-box { padding-top:0px; border: 0px solid #FFDE7C;}
#login-box fieldset {border:0; text-align:center;}
#login-box legend		{
	font-size: 90%;	
	color: #333;
}
.username {color: #009;} /* Color of name when logged in*/
.topboxbody {font-size:0.8em;padding:2px;}


#login-box label {clear:left; width: 100px; display:block;
	float:left;}
#login-box input {
	display:block;
	float:left;	
	font-size: 10px;
	margin: 2px auto 1px auto;
	width: 100px;
}
#login-box div {clear:left;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	Custom Classes (Re-useables)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


* html #clearfix {
	height: 1%;
}
/* -------------- */

.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */



/* ----------------------Bilder im Text haben Abstand rechts */
img { margin: 0px 20px 10px 0px;
float: left;
}

/* ----------------------verlinkte Bilder im Text bewegen sich */

a img:hover{
                    padding-top: 2px;
                    padding-left:1px; 
                    border-bottom: 1px dashed #aaa090 ;
padding-bottom:2px; }



/* das MENU --------------------------------------------------------_____________*/


.menu {
	float: left;	
        width: 180px;
        margin: 0px;	
	margin-top: 10px;
        margin-left: 20px;  
        margin-bottom: 50px; 
  
}


.menu ul, .menu li {
	margin: 0;	
        padding: 0;
        list-style: none;
	margin-bottom: 20px;
}


.menu ul ul {
	padding-left: 20px;
        color: #000000;
        border-bottom: 1px dashed #aaa090;
        font-size: 0.85em;




}


.menu a:link, .menu a:visited, .menu a:active, .menu a:hover {
	display: block;
        font-family: Arial, Helvetica, sans-serif, Verdans ;
        color: #777777;	
        font-size: 0.9em;  
        text-decoration: none;
      }


.menu a:hover{
color:#f00000;
}


.menu_default a:link, .menu_default a:visited, .menu_default a:active {
 	
}
.menu_default a:hover {
	
}


.menu_current  
{
        padding-left: 0;	
        font-weight: bold;}


#infobox { /* Currently holds the login box */
	float: left;
	display:inline;
	width: 210px;
        min-height: 400px;
        margin-right:35px; }

#innerinfo { 
/* poll */	
        background: #f0f8ff ;
        float: left;
	display:inline;
        margin-left:40px;
        padding-left:3px;
        font-size: 10px; 
        font-family: Verdana, Arial, Helvetica, sans-serif ;
        margin:10px;
        border-bottom: 1px dashed #aaa090; }


#innerinfo p {margin:10px;
font-size:10px;
  }


#innerinfo strong {margin:10px;
font-size:10px;
font-weight:bold;
color: #3399cc;
  }


#footerbox {
margin: 0px auto 0px auto; 
height:20px; 
width: 996px; 
background-color:#009DDB;
}


#footer {	
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif ;
font-size:0.7em;
margin: 0px 0px 0px 0px;
text-align: center;
height:20px;
background-color:#009DDB;
clear: both;
}