/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Basics */

body{
font-size: 75%; line-height: 1.8; /*12/18*/
background: #ececec;
color: #000;
font-family: Arial, Helvetica, sans-serif;
}


a img { border: none; }
a:focus,
a:hover {color:#568F4A; text-decoration: none;}
a { color: #000; text-decoration: none; }

a.more-link {
background: #fff url(../images/arrow.gif) 0 4px no-repeat;
padding: 0 5px 0 18px;
text-decoration:none;
font-weight:bold;
color:#568F4A;
}

a.more-link:hover {color:#000;}


p           { margin: 0 0 1em; }
p img.left, img.left  { float: left; margin: 0 10px 10px 0; padding: 0; }
p img.right, img.right { float: right; margin: 0 0 10px 10px; }
.teaser img {margin: 0.5em 0 1.5em 0; padding: 0;}


/* Typography */
h1,h2,h3,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
.main h1 {font-size: 1.2em;font-weight: bold;color:#568F4A;margin-bottom: 1.5em;}
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; font-weight: bold; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Containers */

#wrapper {
  background: #fff;
  width:984px;
	margin: 0 auto;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	overflow:hidden;
	padding-bottom:27px;
}

#header {
clear:both;
height:65px;
padding-top:0px;
padding-bottom:8px;
border-bottom:42px solid #6AB25C;
background:#fff url(../images/ig_logo.jpg) 11px 0 no-repeat;
text-align:right;
}



#sidebar {
width:266px;
float:left;
margin-right:4px;
}

#content {
width:714px;
float:right;

}

#mood_image {
background:#e0e0e0;
width:100%;
margin-bottom:18px;
}

#mood_image img {border-right:3px solid #fff;}


.main {
padding-left: 24px;
padding-bottom: 18px;
margin-bottom: 27px;
border-bottom:1px dotted #000;
float:left;

}

div.story {padding-top:20px;}
div.story p {width:540px;float:right;}


div.teaser {width:200px;float:left;}
div.teaser p {width:200px;}



/*  Meta navigation */

ul#meta_navi {
position:relative;
top:52px;
margin:0;
padding:0;
}

ul#meta_navi li{
display:inline;
}

ul#meta_navi li a, ul#meta_navi li a:visited{
text-decoration:none;
padding: 0 5px 6px 5px;
border-left:1px solid #6AB25C;
}

ul#meta_navi li a:hover {
color: #6AB25C;
}

ul#meta_navi li a.active {
font-weight:bold;
}

ul#meta_navi li a.last{
border-right:1px solid #6AB25C;
}

/* Main navigation */

ul#main_navi{
background: #d1d1d1;
height:26px;
margin-top:4px;
margin-bottom:7px;
}

ul#main_navi li{
float:left;
list-style:none;
}

ul#main_navi li a, ul#main_navi li a:visited{
padding: 2px 9px 0 9px;
float:left;
height:24px;
display:block;
border-right:1px solid #fff;
text-decoration:none;
font-weight:bold;
}

ul#main_navi li a:hover, ul#main_navi li a.active{
background:#568F4A;
color:#000;
}

/* Newsletter */

.newsletter {
margin: 10px;
}

.newsletter-headline {
color: #5A8F4B;
padding-bottom: 0.5em;
}



/* Subnavigation*/


.sidebar-headline {
text-transform: uppercase;
margin:0;
}

.subnavi-headline{
background:#e0e0e0;
padding: 10px 0 5px 9px;
}



ul#sub_navi {
background:#e0e0e0;
padding-bottom:1em;
margin-bottom:1.5em;
}

ul#sub_navi li {
list-style:none;
background: #e0e0e0 url(../images/arrow.gif) 0 11px no-repeat;
padding: 4px 0 0 18px;
margin-left:10px;
}

ul#sub_navi li ul li{
margin-left: 0;
}


ul#sub_navi li a, ul#sub_navi li a:visited {
text-decoration:none;
}

ul#sub_navi li a.active {
font-weight:bold;
}

ul#sub_navi li a:hover {
color:#568F4A;
}


.hr
{
color:lightgrey;
background-color:lightgrey;
height: 1px;
}

.title
{
color:#568F4A;
font-size: 1.2em;
line-height: 1.25;
margin-bottom: 1.25em;
font-weight: bold;
}

.buchstaben
{
color:#568F4A;  
}
.aufzaehlung
{
list-style-image:url(../images/list_style_image.gif)
}