/* Style Sheet für rural-services.eu

#000000
#3f4446
#666666

#83a739
#9dc451
#a9cb67

#cee1a8
*/


html    {
        height: 100%;
        margin-bottom: 1px;
        }
        
*	    {
        margin: 0;
        padding: 0;
        }

body 	{
        font-size: 62.5%;
        font-family: arial,helvetica,sans-serif;
        text-align: center;
        }

a:link, a:visited, a:hover {
        text-decoration: none;
		color: #272727;
        }
		
#content a {
		color: #576f26;
		}

h       {
        font-family: arial,helvetica,sans-serif;
        }

h1      {
        font-size: 1.6em;
        font-weight: bold;
        margin-bottom: 9px;
        }
        
h2      {
        font-size: 1.4em;
        font-weight: bold;
        }
        
h3      {
        font-size: 1.3em;
        font-weight: normal;
        }
        
h3.superline {
        font-size: 1.3em;
        font-weight: normal;
		font-style: italic;
		margin-top: 18px;
        }
        
h4      {
        font-size: 1.3em;
        font-weight: bold;
		margin-bottom: 3px;
        }
        
img     {
        border: none;
        }
		
ul		{
		font-size: 1.3em;
		margin: 6px 0;
		}
		
li		{
		margin: 3px 0;
		}

p, address {
		font-size: 1.3em;
		margin: 6px 0;
		}
        

/* ..... WRAP / TOP ..... */

#wrap	{
        width: 760px;
        margin: 0 auto;
		padding: 12px 0 12px 0;
        text-align: left;
        }

#header	{
        float: left;
        margin-top: 18px;
        margin-bottom: 6px;
        width: 760px;
        height: 40px;
    	background: url(images/rural_header.gif) no-repeat;
        text-align: right;
		}

#main   {
        float: left;
        width: 100%;
		border-top: 1px solid #3f4446;
		border-bottom: 1px solid #3f4446;
		padding-bottom: 12px;
        }
		
#picturebar {
		width: 760px;
		height: 76px;
		border-bottom: 1px solid #3f4446;
		background: url(images/header_img.jpg) no-repeat;
        }


/* ..... START ..... */

#subtitle {
		width: 760px;
	    padding-top: 1px;
        }
        
span.subtitle {
		display: block;
	    margin-top: 9px;
		font-size: 1.3em;
        font-style: italic;
	    }
		
#stage	{
		height: 320px;
		width: 760px;
		margin-top: 12px;
        background: url(images/titel.jpg) no-repeat;
		}
	
ul.language_select {
		float: right;
		list-style-type: none;
		margin-top: 15px;
		}
        
ul.language_select li {
		display: inline;
		}
		
ul.language_select img {
		margin: 3px;
		border: 1px solid #3f4446;
		}
        
li.en a	{
		background: url(images/gb18.gif) 0 3px no-repeat;
		padding: 1px 12px 0 23px;
		}
			
li.fr a	{
		background: url(images/fr18.gif) 0 3px no-repeat;
		padding: 1px 12px 0 23px;
		}
			
li.de a	{
		background: url(images/de18.gif) 0 3px no-repeat;
		padding: 1px 12px 0 23px;
		}

	
/* ..... SIDENAVI ..... */

#sidenavi {
		float: left;
        width: 162px;
        height: 460px;
		margin-top: 12px;
        }

ul.navi {
        list-style-type: none;
        }
        
ul.navi li a {
		display: block;
        border-top: 1px solid #3f4446;
        border-bottom: 1px solid #3f4446;            
        margin-bottom: 6px;
        padding: 2px 3px;
		background: #dae9be;
		color: #000000;
		text-decoration: none;
        }

ul.navi li a:hover, ul.navi li a.active {
		background: #a9cb67;
		color: #000000;
		text-decoration: none;
        }

.partner {
		margin: 9px 0;
		padding: 3px 0;
        }

.left	{
		float: left;
		}

.right	{
		float: right;
		}

.clear	{
		clear: both;
		}
		
#eu		{
		float: left;
		width: 112px;
		margin-left: 9px;
		text-align: right;
		font-size: 0.8em;
		color: #999999;
		}
		
#eu p	{
		margin: 0;
		}

           
/*----- CONTENT -----*/

#content {
        float: right;
        width: 568px;
		margin-top: 18px;
        }
        
#content ul.text {
		list-style-type: disc;
		margin-left: 23px;
		font-size: 1.3em;
		}
        
#content ul.text ul {
		margin-left: 15px;
		margin-top: 3px;
		font-size: 1em;
		}

a.more	{
		margin-left: 12px;
		}
		
ul.doclinks {
		margin-top: 9px;
        margin-left: 28px;
        list-style-image: url(images/text.gif);
        }

ul.members {
        margin-top: 9px;
        margin-left: 25px;
        list-style-image: url(images/6dot.gif);
        }
		
ul.members li {
		margin: 9px 0;
		}

ul.members ul {
		margin-left: 15px;
		list-style-image: url(images/ball.gif);
		font-size: 1em;
		}
		
ul.members ul li {
		margin: 3px 0;
		}

#subcat_navi {
		padding-bottom: 9px;
		border-bottom: 1px dotted #49cb67;
		margin-bottom: 12px;
		}

#content ul.subcat {
        list-style-type: none;
        }
        
#content ul.subcat li a {
		display: block;
        padding: 2px 3px;
		background: url(images/rightarrow.gif) 0 5px no-repeat;
		padding-left: 15px;
		color: #000000;
		text-decoration: none;
        }

#content ul.subcat li a:hover, #content ul.subcat li a.active {
		background: #dae9be url(images/downarrow.gif) 0 5px no-repeat;
		color: #000000;
		text-decoration: none;
        }

.listing {
		padding: 6px;
		border-bottom: 1px dotted #49cb67;
		margin-bottom: 3px;
		}
		
span.anno {
		font-style: italic;
		}
           
/*----- KONTAKT / IMPRESSUM -----*/

.addressbox {
		float: left;
        width: 270px;
        margin-right: 12px;
        margin-bottom: 15px;
    	border-bottom: 1px dotted #49cb67;
        }

address {
		margin-bottom: 9px;
		font-style: normal;
		}
            
form	{
		clear: both;
		}

fieldset {
		width: 400px;
        margin: 6px 0px;
		border: 1px solid #3f4446;
		padding: 0px 5px;
		text-align: right;
   		}

legend	{
        background-color: #ffffff;
        padding: 1px 5px;
        border-left: 0px solid #3f4446;
        border-bottom: 0px solid #3f4446;
        }

input.person {
		border: 1px solid #3f4446;
		width: 240px;
		margin-left: 6px;
        margin-right: 0px;
		}
        
textarea {
		border: 1px solid #3f4446;
        width: 240px;
        height: 100px;
		}
		
.alertbox {
		width: 400px;
		border: 1px solid red;
		padding: 12px;
		}
        
/*----- Footer -----*/        
        
#footer  {
         clear: both;
         width: 760px;
         margin-bottom: 12px;
         }
           
#footer p {
		font-size: 0.9em;
		color: #666666;
		}