/** Stylesheet **
* Reportunio - Die Comuniozeitung  
* 
* Standard-Stylesheet
*
* @copyright Copyright 2008, Fritz Schnürer
* @link      http://www.gleichehoehe-magazin.de
* @author    Fritz Schnürer
*/ 

/**
* -------------------------------------------------------------
* Hilfsmittel
* -------------------------------------------------------------
*/

p.clear {
	clear: both;
}

/**
* -------------------------------------------------------------
* Einstellungen und Bugfixes
* -------------------------------------------------------------
*/


/* IE-Italics-Bug beheben */
* html body * { overflow: visible; }
* html iframe, * html frame { overflow: auto; }
* html frameset { overflow: hidden; }


/* Alle kritischen Werte mit 0 instanzieren */
* {
  margin: 0; 
  padding: 0;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
}


/* Korrekte Layout-Skalierung im IE 7 gewährleisten */
body { position: relative; }


/* Schriftgröße kontrollieren */
body, td, th { font: normal 75%/170% Verdana, sans-serif; }
td, th { f\ont-size: 100%; }


/**
* -------------------------------------------------------------
* Hauptelemente der Seite
* -------------------------------------------------------------
*/


/* Voreinstellungen body */
body {
background-image: url(../images/back.jpg);
background-color: #000000;
background-repeat: repeat-x;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
min-width: 1000px;
font-size: 0.8em;
}


/* Voreinstellungen main */
div#main {
width: 1000px;
min-height: 650px;
margin: 0 auto;
padding: 0;
}


/* Voreinstellungen layout */
div#layout {
background-color: #025E1F;
margin: 0; 
padding: 0;
width: 780px;
min-height: 500px;
float: left;
}

/* Voreinstellungen content*/
div#content {
padding: 2em 2em 1em 2em;

float: right;
width: 558px;
background-color: #fff;
background-image: url(../images/rasen2.jpg);
background-repeat: repeat;
min-height: 490px;
}


/* Voreinstellungen header */
div#header {
/*background-image:url(../images/header.jpg);
background-repeat:no-repeat;*/
height: 180px;
width: 780px;
background-color: #333;
}

div#subheader {
	color: white;
	background-color: #333;
	text-align: right;
}

#subheader a {
	font-size: 0.75em;
	margin-right:10px;
	color: white;
	text-decoration: none;
}

#subheader a:hover {
	color: #ffb800;
}

#subheader img {
	margin-left: 10px;
	float: left;
}

/* Voreinstellungen navi */
div#left {
float: left;
width: 170px;
margin: 0;
padding-top: 0;
background-color: #025E1F;
}

/* Korrektur Right IE lt 6*/
* html div#infos {
margin-left: 0px;
}


/* Korrektur Right IE 7 */
*:first-child+html div#infos {
margin-left: 0px;
}


/* Voreinstellungen Footer */
div#footer {
clear: both;
background-color: #303030;
color: #FFFFFF;
width: 770px;
text-align: right;
padding-right: 10px;
}

#footer a:link, a:visited {
	color: #666;
}

/* Voreinstellungen Infos */
div#infos {
background-image: url(../images/info.png);
height: 220px;
position: absolute;
margin: 0px 0px 0px 780px;
padding: 0;
width: 20px;
position: absolute;
top: 28px;
}


#infos p {
	font-size: 0.35cm;
}

/* Ausschließen Infos IE lt 7*/
* html div#infos {
display: none;
}


/* Korrektur Infos IE 7 */
*:first-child+html div#infos {
margin-left: 0px;
}

/* Schrift ausblenden, wenn nicht gehovert */
* div#infos p{
display: none;
}


/* Voreinstellungen Infos-Hover */
div#infos:hover {
background-image: url(../images/info-hover.png);
width: 200px;
height: 220px;
}
div#infos:hover p {
display: block;
width: 170px;
height: 200px;
padding: 10px 20px 10px 10px;
}


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


#navi ul {
  width: 170px;
  margin: 0;
  padding: 0;
  color: white;
  margin-bottom: 2em;
  font-weight: bold;
  list-style: none;
}

#navi ul li.ueberschrift{
  margin: 0;
  padding: 0 0 0 0.5em;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  background-color: #239C01;
}

#navi ul li ul {
  margin: 0;
}
#navi ul li ul li {
  margin: 0;
  border-bottom: 1px solid black;
  border-top: none;
  background-color: #025E1F;
}

#navi ul a {
  display:block;
  padding: 0;
  padding-left: .1em;
  text-decoration: none; font-weight: bold;
  color: white;
}

#navi ul a:hover {
color: #239C01;
text-decoration: none;
}

#navi ul span.navihover a{
color: #ffb800;
}
#navi ul li ul li{
padding-left: 1em;
}


/**
* -------------------------------------------------------------
* Schriftelemente
* -------------------------------------------------------------
*/


#breadcrumbs {
margin: 0 0 20px 20px;
}


a {
color: #303030;
text-decoration: underline;
}

a:hover {
color: #3f7b3f;
}


#content h1 {
font-size: 1.3em;
margin-left: 15px;
margin-top: 1em;
margin-bottom: 1.3em;
font-weight: bold;
color: #000000;
}

#content .fluss {
float: left; margin: 0.5em;
}

#content h1 {
	margin-bottom: 1em;
	color: #025E1F;
	font-size: 1.5em;
}

#content p {
	margin-bottom: 0.8em;
}

#content strong {
	color: #025E1F;
}

#content p.abstand {
	margin-top: 1.5em;
}

img.activity {
	vertical-align: middle;
	margin: 0 0 0 5px;
}

p.info {
	font-style: italic;
}

h4 {
	margin-top: 1.5em;
	margin-bottom: 0.2em;
}

.error, .ok {
	font-weight: bold;
}

.error {
	color: red;
}

.ok {
	color: #025E1F;
}

.orange {
	color: #ffb800;
}

input {
	border: 1px solid black;
}

#werbung {
	top: 10px;
	/*top: 256px;*/
	left: 6px;
	position: relative;
	float:left;
	z-index: -3
}