/* ###################################################### */
/* ####################### BODY ################### */
/* ###################################################### */

html, body{
background: #e3f7b4 url(../upload/layout/bg_banner.gif) repeat-x top left;
 margin:0;
 padding:0;
 text-align:center;
 font-family: arial, helvetica, verdana; color: #000000; font-size: 9pt;
}

/* ##### ERTERNE LINKS KENNZEICHNEN ##### */
a[href^="http:"] {
background: transparent url('../upload/layout/externallink.gif') 100% 50% no-repeat;
padding-right: 10px;
}

a[href^="http://gruene-rhede.de"],
a[href^="http://www.gruene-rhede.de"],
a[href^="http://rheder-gruene.de"],
a[href^="http://www.rheder-gruene.de"]
{
background: transparent;
padding-right: 0px;
}



#leftcol #rss {
 background-color:#ffffff;
 margin:20px 0px 0px 0px;
 }
 
 #leftcol .rss {
 padding:10px;
 }

.rss {
padding-top: 5px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
vertical-align: middle;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #439800;
 background-color:#ffffff;

}


.rss #rss_head a{
text-decoration:none;
font-size:10pt;
font-weight:bold;
color: #333333;
}


#pagewidth{
 width:960px;
 text-align:left;
margin-left:auto;
 margin-right:auto;
}

* html #pagewidth{
 width:970px;
}

#header{
 position:relative;
 width:100%;
}

#leftcol{
 width:200px;
 float:left;
 position:relative;
margin:5px;
padding:5px;
 }

#twocols{
 width:740px;
 float:right;
margin:0px;
padding:0px;
 position:relative;
  }

#rightcol{
 width:190px;
 float:right;
 position:relative;
 background-color:#ffffff;
margin:5px;
padding:10px;
 }

#maincol{
background-color: #FFFFFF;
 float: left;
 display:inline;
 position: relative;
 width:490px;
margin:5px;
padding:10px;
 }
 
#maincol img{
border:1px solid #ececec;
padding:2px;
}

#footer{
 clear:both;
 }

/* ###################################################### */
/* ####################### KANDIDATEN ################### */
/* ###################################################### */

.produktlistelinks, .produktlisterechts {position:relative; width:auto; margin-bottom:15px; border-bottom:10px solid #E3F7B4;}
.produktheadline {font-weight:bold;font-size:12pt;}
.produkttext0{}
.produktimage{float:left; position:relative;top:0px;left:0px; margin-right:10px;width:auto;}
.produkttext2{font-weight:bold;}
.produkttext3{}
.produktlink{}



/* ###################################################### */
/* ####################### Artikelliste ################### */
/* ###################################################### */

#artikellist {
margin:0px -10px 0px -10px;
padding:10px 10px 10px 10px;
 border-top-width:10px;
 border-top-style:solid;
 border-top-color:#E3F7B4;
 clear:both;
 display:block;
}

#artikellist #category{
margin-bottom: -12px;
font-size: 10pt;
display: block;
color: #439800;
}

#artikellist #image{
float:left;
margin: 0px 10px 0px 0px;
width:150px;
}


#artikellist img{
border:1px solid #ececec;
padding:2px;
}


#artikellist #headline h1{
margin-bottom: 0.5em;
font-size: 12pt;
color: #333333;
}

#artikellist #text a, #artikellist #text a:visited {
color: #333333;
font-weight: normal;
}



 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */



 /*printer styles*/
 @media print{
/*hide the left column when printing*/
#leftcol{display:none;}

/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}