/* CSS Document */ 
/* foerderverein-gartenschau-winsen.de | Sebastian Putensen | Juli 2010 V1 */
/* (LAYOUTLINE): border: dashed 1px #333; */


/* //////////// HTML, BODY //////////// */

* {
margin: 0;
padding: 0;
font-size: 100%;
}

body {
background: url(../images/bg.gif) repeat-x;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}


/* //////////// WRAPPER //////////// */

.wrapper {	
    width: 906px;
	margin-left: auto;
	margin-right: auto;
}


/* //////////// HEADER, LOGO //////////// */

div#header { 
	width: 906px;
	height: 124px;	
}	

div#logo { 
    float: left;
    margin: 20px 0px 0px 35px; 
    border: none;
}

.headerimage { 
    float: right;
    margin: 0px 10px 0 10px;
    position: relative;
}


/* //////////// NAVIGATION //////////// */

.navi{ 
    clear: both;
    background-color: #78b319;
	width: 906px;
	height: 30px;
	z-index: 200;
}
	
.navi ul{ 
	list-style:none;
    float: left;
    margin-left: 10px;
	z-index: 200;
}
	
.navi li{  
    float:left; 
    height: 30px;
	z-index: 200;
}

.navi li a{ 
    font-family: Trebuchet MS, Arial , sans-serif;
    font-size: 15px;
    color: #FFF;
    display: block;
    text-align:center;
    text-decoration:none;
    margin-top: 0px;
    padding: 5px 20px 6px 20px;
	z-index: 200;
}
  
.navi li ul{
    background-color:#FFF;
    border-left: 2px solid #78b319;
    border-top: 1px solid #78b319;
    border-bottom: 2px solid #78b319;
    border-right: 2px solid #78b319;
    display:none;
    height: auto;
    width: 200px;
    line-height: 30px;
    position:absolute;
    filter:alpha(opacity=85);
    opacity:0.85;
    margin-left: -0px;
	z-index: 200;
}
    
.navi li:hover ul{
    display:block;
	z-index: 200;
}
    
.navi li li { color: #005da8;
    display:block;
    float:none;
    width: 200px;
	z-index: 200;

}
    
.navi li ul a{ color: #005da8;
    display:block;
    font-size:12px;
    font-style:normal;
    padding: 0px 10px 0px 15px;
	z-index: 200;
    text-align:left;
}

.navi li ul a:hover{
    background:#949494;
    color:#FFF;
    opacity: 1.0;
    filter:alpha(opacity=100);
	z-index: 200;
}

.navi #active { height: 30px;
	background-color: #005da8; 
	z-index: 200;
}	
/* //////////// CONTENT //////////// */

h1 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #78b319;
	margin-top: 20px;
}

h2 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #78b319;
}

h3 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #78b319;
}

#content { 
	float: left;	
	width: 890px;
	margin: 50px 0px 10px 14px;
}

#content p { 
	margin-top: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;	
	color: #000;
}

#content a { 
	color: #78b319;
	font-weight: bold;	
}

#content-left {
width: 557px;
float: left;
}

#content-right {
padding: 0 0 0 62px;
margin-top: -44px;
width: 271px;
float: left;
}

#content ul { 
    margin-left: 50px;
}


.teaser #content-left {
	border: 1px dotted #005da8;
	padding: 15px;
	padding-top: 25px;
	margin: 5px;
	width: 557px;
	display: block;
}

.teaser #content-left h1{
	margin-top: -13px;
}

.teaser #content-left p{
	margin-top: 0px;
}


.teaserNav a{
	margin: 0;
	padding: 0;
	display: block;
	width: 150px;
	height: 30px;
}

#right-col p { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;	
	color: #000;
	margin-top: 28px;
}

#right-col table { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;	
	margin-top: 28px;
}

div#right-col th { 
    width: 70px; 
    font-weight:bold; 
    text-align:left;
}

#right-col td { 
    width: 200px;
}

#right-col a { 
	color: #78b319;
	font-weight: bold;
}

.contentimage { 
	border:2px solid #78b319;
    width: 255px;
	height: 171px;
}


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

.footer { 
	clear: both;
	width: 901px; 
	height: 74px;
    margin: 0px auto 0px auto;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	padding: 111px 50px 0 73px;
}

.footer td { 
	color: #005da8;
}

div#left-footer { 
    float: left;
    margin: 111px 0px 0px 73px;
    color: #005da8;
}

div#right-footer { 
    float: left;
    margin: 111px 0px 0px 139px;
    color: #005da8;
}

div#right2-footer { 
    float: left;
    margin: 111px 0px 0px 45px;
    color: #005da8;
}

.footer a { 
	text-decoration: none;
	color: #005da8;
}