/*
Theme Name: Oecotop.de
Theme URI: http://www.oecotop.de/
Description: Oeocotop Template für Wordpress
Version: 1.0

*/


/* --- Grundlagen--*/
/* --- jetzt gehts los --*/

body {
background: #00CC66;
background-image: url(images/hg.gif);
background-repeat: repeat;
margin: 0px;
padding: 10px 0 10px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
img {
border: none;
}
a {
color: #003600;
text-decoration:none;
border-style:none;
}
a:hover {color: #003600;
text-decoration: underline;
}
ul.point { list-style: outside url(images/punkt.gif);
margin: 0;
padding: 5px 0 0 19px;
border: 0;
}

strong {text-decoration:underline; font-weight:500;}

.green_dark {color: #2e530b;}
.green {color: #558616;}
.white {color:#FFFFFF;}
.red {color: #d4022f;}
.green_light {color: #719522;}

.seitenangabe {
padding: 10px 0 0px 20px; 
margin: 0;
color: #2e530b;
}


/*----------------------------------------------------------------
-- Header
------------------------------------------------------------------*/ 

#head_left {
width: 480px;
height: 136px;
background-color:#006600; 
float:left;
   }
#head_right{
width: 300px;
height: 136px;
background-color:#006600; 
float:left;
background-image: url(images/oecotop_logo.jpg);
background-repeat:no-repeat;
   }   

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

#menu {
width: 780px;
height:24px;
background: #3a6b09;
background-image: url(images/navi_neu.gif);
background-repeat:no-repeat;
float:left;
margin: 0px;
padding: 3px 0 3px 0;
text-align:left;
font-size: 9px;	
}
.menuX {
width: 480px;
height: 21px;
position: relative; 
padding: 0px 20px 0 0;
margin: 0px 8px 0 4px;
}
.menuX ul {list-style-type:none;}
.menuX ul li { 
border:none; 
margin-right:10px;
padding:0 0 12px 0; 
float: left;
}
.menuX ul li:hover { 
color: #FFFFFF;
text-decoration: underline;
}
.menuX ul ul{list-style-type:none}
.menuX ul ul li {
margin:12px 0px 0 0; padding: 3px 10px 4px 12px;
background-color: #bfd787;
float: left;
border: 1px;
}
.menuX ul li ul{display: none}
.menuX ul li:hover ul {
display: inline; padding:20px;
position: absolute; 
left: 0px; top: 0px; 
}
.menuX a {color: #FFFFFF}
.menuX a:hover {
}
.current_page_item {color: #FFFFFF;
text-decoration: underline;
}
.page_item {}

/*----------------------------------------------------------------
--                **************
                  Contentbereich 
				  **************
------------------------------------------------------------------*/ 
#container {
	position: absolute;
	top:30px; 
	left:50%;
	text-align: center;
	width: 796px;
	position: absolute;
	margin-left: -398px;
}

#contentcontainer {
width: 780px;
border:8px solid white;
border-color:#FFFFFF;
	background-color:#88b416;
float:left;
}


/*----------------------------------------------------------------
-- Infoblock (auf der rechten Seite!)
------------------------------------------------------------------*/ 

#infocontainer {
float: left;
width:282px;
margin:0;
background-image:url(images/info_verlauf.gif);
background-repeat:repeat-x;
}
#infolinkcontainer {
float:left;
margin-left: 50px;
margin-top: 50px;
width: 38px;
vertical-align:text-top;
}
#infotextcontainer {
float:left;
margin-top: 50px;
width: 190px;
vertical-align:text-top;
}

.infotext {
text-align:left;
color:#e6f4d7;
font-size: 9px;
}



/*----------------------------------------------------------------
-- Content linke Seite
------------------------------------------------------------------*/ 

#maincontainer {
width: 498px;
float: left;
margin: 0; padding: 0;	
background-image:url(images/schatten.gif);
background-repeat:repeat-y;
}
#bogen {
width: 31px; 
height: 100px; 
z-index: 5;
position: absolute; left:50%; top:174px;
margin: 0 0 0 77px; padding: 0;
background-color: #FFFFFF;
background-image:url(images/bogen.gif);
background-repeat:no-repeat;
background-position:right top;
}
	
#main {
width: 390px;
float:left;
padding-left: 25px;
margin-top: 50px;
margin-bottom: 0px;
text-align:left;
font-size: 9px;
}

.storyhead {
padding: 0 0 0 0;
font-size: 18px;
line-height: 1.25em;
text-align: left;
font-weight: normal;
color: #558616;
margin:0; padding:40px 0 10px 0;
}

.storycontent {
padding: 0 0 0 20px;
line-height: 1.45em;
font-size: 11px;
margin: 0;
}
.edit {
padding: 30px 0 0 20px;;
font-size: 7pt;}

/*----------------------------------------------------------------
-- Footer
------------------------------------------------------------------*/ 
#footcontainer {
width: 780px;
height: 136px;
float:left;
background-image:url(images/footinfo_verlauf.gif);
background-repeat:repeat-x;
background-position: bottom;
}
#foot_right {
float:right;
width:282px;
min-height:136px;
margin:0; padding: 0;
background-image:url(images/footinfo_verlauf.gif);
background-repeat:repeat-x;
background-position: bottom;
}
#foot_left{
width: 498px;
min-height:136px;
float: left;
margin: 0; padding: 0;
}

/*----------------------------------------------------------------
-- Adresleiste
------------------------------------------------------------------*/ 

#footerline {
	width: 796px;
	height: 30px;}

.footerline_l   { 
   font-size: 9px; 
   font-style: normal; 
   color: white; 
   float: left;
 }
.footerline a   { 
   text-decoration:underline; 
   color:white; 
  }
.footerline_r   { 
   font-size: 9px; 
   font-style:normal; 
   color:white; 
   float:right;
 }
#space {
	width: 796px;
	min-height: 60px;}

/*----------------------------------------------------------------
-- Zusätzliche Ebene
------------------------------------------------------------------*/ 

#showcontainer1 {
width: 188px;
height: 303px;
float: right;
z-index:5;
padding: 0;
background-image:url(images/themen/Oecotop_Webseite_15_Jahre_03.png);
background-repeat:no-repeat;
background-position:left top;
position:absolute; top:0px; left:50%;
margin: -30px 0 0 -578px;
}

#showcontainer2 {
width: 351px;
height: 176px;
float: right;
z-index:5;
margin: 0; padding: o;
background-image:url(images/themen/Oecotop_Webseite_15_Jahre_04.png);
background-repeat:no-repeat;
background-position:left top;
position:relative; left:-241px;
position:absolute; top:0px; left:50%;
margin: -30px 0 0 -390px;
}