/*
Design by Peter Popp
*/

html
{
    margin:0;
    padding:0;
    height: 100%; 
    overflow: auto;
}
   
body {
	margin: 0;
	margin-left:00px; 
	margin-right: 0px;
	font-family:  Verdana, Arial, Tahoma,Helvetica, sans-serif;
	font-size: 80%;
	color: black;
	background-color: lightgrey;
	background-image: url(blockgrey.jpg);
	overflow:auto;
	height: 99%;
	text-align: center;
	}



h1, h2, h3, h4, h5 {
	font-family:  Verdana, Arial, Tahoma,Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	color: blue;
}

h1 {
	margin-bottom: 3px;
	font-size: 140%;
	}

h2 {
	
	margin-bottom: 3px;
	font-size: 120%;
}

h3 {
	margin-bottom: 2px;
	font-size: 110%;
	}


h4 {
	font-size:100%
	font-weight: bold;
	margin-bottom:1px;
	}

h5 {
	margin-bottom: 2px;
	font-size:100%;
	font-weight: bold;
}

p, blockquote, ul, ol {
	margin-bottom: 1.4em;
	line-height: 1.8em;
	text-align: justify;
}

blockquote {
	margin-left: 2em;
	margin-right: 2em;
	font-style: italic;
}

ul, ol {
	margin-left: 3em;
}

table { 
width: 100%; 
font-size: 100%;
} 


a { color: black; 
	text-decoration: none;
}

a:hover {
	text-decoration: none; background-color:darkgrey;
}

a.inverted:link {
  color:gold; font-weight: normal; text-decoration: underline;
  }
 a.inverted:visited {
  color:lightgreen;
  }
 a.inverted:hover {
  color:red;
  font-weight:normal;
  }

a.footer:link {
  color:blue; font-weight: normal; text-decoration: underline;
  }
 a.footer:visited {
  color:green;
  }
 a.footer:hover {
  color:red;
  font-weight:normal;
  }

td 
{vertical-align: top;
}

hr
{
	border:none;
border-top: 1px solid grey;
color:white;
height: 1px;
width: 100%;

}


/* individuelle Klassen*/

#calosc {
	width:90%;
	border-left:1px solid grey;
	border-right:1px solid silver;
	margin: auto;
	background:white;
	overflow: auto;
	}





/* Boxed Style */

.boxed .title {
	padding: 0px 0 0 10px;
	background: url(images/img03.gif) no-repeat left center;
	border-bottom: 1px solid #D6D5D5;
	font-size: 1.4em;
}

.boxed .content {
	padding: 10px;
}

/* Logo */

#baner {
	font-size:80px;
	text-align:left;
	width:99%; padding: 0px; margin-bottom:10px;
	border-bottom: 1px solid white;
	height:150px;
	background-image: url(images/photopluck.jpg);
}

#logo {
	margin: 20px auto;
	border:0;	
	text-align:center;
	}

#logo h1 {
	padding: 10px 0 0 0px;
}

#logo h1 a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 30px;
}

#logo h2 {
	padding: 0 0 0 2px;
	text-transform: lowercase;
	font-size: 1em;
}

#logo img {
	text-decoration:none;
	border:0;
}

#logo2 {
text-align:center;
}

/* Content */

#content {
	width: 770px;
	margin: 0 auto;

}

/* Content > Main */

#main {
	float: left;
	swidth: 500px;
	margin-left: 50px;
	text-align: left;
	overflow: auto;
}

/* Content > Sidebar */

#sidebar {
	float: left;
	width: 150px;
	background-color: black;

}

/* Content > Sidebar > Login */

#login fieldset {
	border: none;
}

#login legend {
	display: none;
}

#login label {
	font-size: x-small;
	font-weight: bold;
}

#login input {
	margin-bottom: 5px;
	padding: 2px 5px;
	border: 1px solid #385B88;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#inputtext1, #inputtext2 {
	color: #385B88;
}

#inputsubmit1 {
	background: #385B88;
	color: #FFFFFF;
}

/* Content > Sidebar > Menu */

.menucol
{
	background-color: white;
	color:black;
	width: 175px;
	text-align:center;
	padding: 5px;
	padding-left:10px;
	font-size:90%;
}


#menu {
	margin-top:0px;
	margin-bottom: 5px;
	sborder-bottom: 1px solid #EBEBEB;
}


.menuline {
	margin-top:5px;
	margin-bottom: 5px;
	padding: 2px;
	background-color: dimgrey;
	border-top: 1px solid lightgrey;
}


ul, ol 
{
margin: 0px;
padding: 0px;
}

/* rechte Menüleiste */ 


#menu li {
	display: inline;
}

#menu a {
	display: block; background: #333333; color:gold;
	background-image: url(menbgr2.jpg);
	padding: 2px 0 2px 5px;
	border-top: 1px solid lightgrey;
	border-right: 1px solid black;
	border-bottom: 1px solid grey;
	text-decoration:none;
	font-size:100%;
	font-weight: normal;

}


#menu a:hover, #menu .active a {
	background: white;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px solid grey;
	color: red;
}


#entfeucht {
	text-decoration:none;
	font-size:100%;
	font-weight: normal;
}

#entfeucht li 
{
	display: inline;
	font-weight: normal;
}

#entfeucht a
{	
 	text-decoration:none;
	font-size:100%;
	font-weight: normal;
	display: block; 
	background-color: blue; 
	color:white;
	background-image: url(menbgr4.jpg);
	padding: 2px 0 2px 5px;
	border-top: 1px solid lightgrey;
	border-right: 1px solid black;
	border-bottom: 1px solid grey;
}

#entfeucht a:visited
{	
 	text-decoration:none;
	font-size:100%;
	font-weight: normal;
	display: block; 
	background-color: blue; 
	color:white;
	background-image: url(menbgr4.jpg);
	padding: 2px 0 2px 5px;
	border-top: 1px solid lightgrey;
	border-right: 1px solid black;
	border-bottom: 1px solid grey;
}

#entfeucht a:hover
{
	background: white;
	background-image: url(menbgr5.jpg);
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px solid grey;
	color: blue;
}

#entfeucht a:active
{	
 	text-decoration:none;
	font-size:100%;
	font-weight: normal;
	display: block; 
	background-color: blue; 
	color:white;
	background-image: url(menbgr4.jpg);
	padding: 2px 0 2px 5px;
	border-top: 1px solid lightgrey;
	border-right: 1px solid black;
	border-bottom: 1px solid grey;
}

div.story	{
margin:10px;
}

.colstory
{
	padding: 5px;
	text-align: left;
	text-valign: top;
	min-height:400px;
	border-left: 1px solid grey;
	bbackground-image: url(blocko.jpg);
	font-size: 100%;
}

.colstory a:link
{
	text-decoration: underline;
}


.divcontent
{
	background-color: white;
	padding: 2px;
	text-align: left;
	overflow:auto;
	width: 100%;
	border-right: 1px solid lightgrey;
}


/* Footer */


.zert
{ color: black; 
background-color:lightgrey; 
font-size:9pt;
text-decoration:none; 
padding:5px;
margin-top:0px;
margin-bottom:0px;
}


.contentblock
{ 
color: black; 
height: 100%;
background-color:gold; 
background-image: url(blocko.jpg);
text-decoration:none; 
padding:5px;
margin-top:0px;
margin-bottom:0px;
}

.contentblock a:link
{
	text-decoration: underline;
	font-weight:bold;
}

.contentblock a:visited
{
	text-decoration: underline;
	font-weight:bold;
}

.contentblock a:hover
{
	text-decoration: underline;
	font-weight:bold;
}

.newselement 
{ color:#0000C0; 
background-color:lightgrey; 
font-size:10pt;
text-decoration:none; font-size:9pt; 
width:100%;padding:5px
margin-top:0px;
margin-bottom:0px;
}

a.newslink:link 
{
	display: block; background: dimgrey; color:white;
	padding: 2px; text-decoration:none;
	border-top: 1px solid grey;
	border-left: 1px solid dimgrey;
	text-align: left;
	color: gold;
}

a.newslink:visited { color:green; text-decoration:none; }

a.newslink:hover { color:blue; background-color: white; text-decoration:none; font-weight:normal; font-size: 9pt;}


a.wmen:link {
  color:corn; font-weight: bold; text-decoration: underline;
  }
 a.wmen:visited {
  color:green;
  }
 a.wmen:hover {
  color: green; background-color: lightgrey;

  }

#outerframe
{
	height: 95%; 
	width: 99%;
	background-color: #333333;
	overflow:auto;

}

.rightcol
{ background-color:lightgrey; font-family: Verdana, Arial, Helvetica, Sans serif; font-size: 90%;
}

.abs1
{margin-left:20px;
margin-right:10px;
font-size:110%;
}

#vmenu1
{width: 100%; text-align: right;  
margin-right: 0px; margin-bottom:10px; 
margin-top:10px;
 background-color: smokewhite; 
 height: 15px; padding-top:2px;
}

#vmenu1 a 
{color: darkblue; width: 80px; height:15px;
background-color: smokewhite;
border: none;
border-bottom: none; padding-right:3px;
text-decoration: none; text-align: center; }

#vmenu1 a:link 
{color: darkblue; width: 80px; height:20px;
background-color: smokewhite;
border: none;
border-bottom: none; padding-right:3px;
text-decoration: none; text-align: center; }

#vmenu1 a:hover {
  color: gold; 
  background-color: dimgrey; 
  border-bottom: none;
  }


#toppi
{width: 100%; text-align: right;  
margin-right: 0px; margin-bottom:10px; 
margin-top:10px;
background-color: white; 
width: 100%;
height: 150px; 
background-image: url(header.jpg);
background-repeat:no-repeat; 
bborder-bottom:1px silver solid;
text-align:right;
padding-top:2px;
}

#toppi a 
{color: darkblue; width: 80px; 
height:15px;
background-color: smokewhite;
border: none;
border-bottom: none; padding-right:3px;
text-decoration: none; text-align: center; }

#toppi a:link 
{color: darkblue; width: 80px; height:20px;
background-color: smokewhite;
border: none;
border-bottom: none; padding-right:3px;
text-decoration: none; text-align: center; }

#toppi a:hover {
  color: gold; 
  background-color: dimgrey; 
  border-bottom: none;
  }

/* ++++++++++++++++++++++++Footer++++++++++++++++++++ */

#foooter {
	text-align:center;
    padding:2px;
 
    bottom:0px;
	width: 100%;
	margin: auto;
	border-top: 1px solid white;
	background: darkgrey;
	font-weight:bolder;
}


#footer {
    
 	text-align:center;
    padding:2px;
 	border-top: 1px solid white;
	background: darkgrey;
	font-size: 9px;
	font-weight:bolder;
	margin-bottom: 0px;
  margin-left: auto;
    margin-right: auto;
    width: 99%;

}

#footer a:link
{
	font-weight:lighter;
	text-decoration: none;
	font-size:9px%;
}

#footer a:hover
{
	font-weight:lighter;
	color: gold; 
	text-decoration: none;

}

#footer a:visited
{
	font-weight:lighter;
	color: gold; 
	text-decoration: none;

}
/* ++++++++++++ ende footer +++++++++++++++*/


.header 
{ 
margin:0px; width: 100%; height: 120px; 
background-image: url(header.jpg);
background-repeat:no-repeat; 
border-bottom:1px silver solid;
text-align:left;
}

.liste
{
	list-style-type:disc;
	list-style-position:inside
	font-weight:bold;
	margin-left:20px;
	text-align: left;
}