@charset "utf-8";
/*********************************************
	CSS Document FeelGoodCMS
	Autor: Selim Imoberdorf
	Firma: FeelGoodWeb
	Beschreibung: All Stylsheet
	Copyright: (C) 2008 FeelGoodWeb
*********************************************/
/*********************
**Allgemeine Angaben*
*********************/
*{
  margin: 0px;
  padding: 0px;
  border:0;
}
body{
	background-color: #657074; /*grey: #F5F5F3*/
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
a:link, a:visited, a:active, a:focus{
	color: #666666;
	text-decoration: none;
}
a:hover{
	color: #7FC31C;
	text-decoration: none;
}
.clear{
	clear: both;
}
ul{
	text-align: left;
	padding-left:12px;
}
li{
	list-style-type: disc;
}
/*********************
**ToolTip*************
*********************/
.custom-tip{
	color: #666666;
	width: 110px;
	z-index: 13000;
}
.custom-title{
	font-size: 0px;
}
.custom-text{
	font-size: 11px;
	padding: 2px 4px 4px;
	background: #7FC31C;
	text-align: left;
}
/*********************
**Titelangaben*******
*********************/
h1{
	color: #7FC31C;
	font-size: 17px;
	font-weight: 600;
	text-decoration: none;
}
h2{
	color: #7FC31C;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
}
h3{
	color: #7FC31C;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
}
h4{
	color: #666666;
	font-size: 14px;
	font-weight: 300;
	text-decoration: none;
}
h5{
	color: #666666;
	font-size: 13px;
	font-weight: 300;
	text-decoration: none;
}
h6{
	color: #666666;
	font-size: 12px;
	font-weight: 300;
	text-decoration: none;
}
/*********************
**Haupt-Layer*********
*********************/
#layer{
	width: 800px;
	margin: auto;
}
/*********************
**Kopf-Layer**********
*********************/
#header{
	width: 800px;
}
#header img{
	margin: 10px 10px 0 0;
}
/*********************
**Navigation**********
*********************/
#header #nav{
	background-image: url(../gfx/web/site/header.png);
	width: 560px;
	height: 160px;
	float: left;
	border-right: #657074 2px solid;
	border-bottom: #657074 2px solid;
}
#header #nav ul{
	text-align: center;
}
#header #nav li{
	list-style-type: none;
	padding: 0px 12px;
	display: inline
}
#header #nav a{
	color: #666666;
	font-weight: 800;
	text-decoration: none;
}
#header #nav a:hover{
	color: #7FC31C;
}
/*********************
**Login-Layer*********
*********************/
#header #login{
	background-color: #FFFFFF;
	width: 218px;
	height: 140px;
	float: left;
	border-bottom: #657074 2px solid;
	padding: 10px;
}
#header #login input{
	background-color: #657074;
	color: #FFFFFF;
	margin-bottom: 2px;
}
#header #login input:hover{
	background-color: #7FC31C;
}
#header #login #button{
	background-color: #657074;
	color: #FFFFFF;
	font-size: 10px;
	width: 60px;
}
#header #login #button:hover{
	background-color: #7FC31C;
}
/*********************
**Main-Layer**********
*********************/
#main{
	float:right;
	background-image: url('../gfx/cms/wrapper.jpg');
	background-repeat:repeat-y;
	width: 800px;
}
#main a:link, #main a:visited, #main a:active, #main a:focus{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}
#main a:hover{
	color: #7FC31C;
	text-decoration: underline;
}
/*********************
**Comment*************
*********************/
#main .news{
	background-color: #F5F5F3;
	padding: 5px;
}
#main .autor{
	background-color: #FFFFFF;
	margin-top: 5px;
	padding: 10px 10px 10px 5px;
	border-bottom: 1px dashed #666666;
}
#main .komMore{
	background-color: #FFFFFF;
	padding: 5px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #666666;
}
#main #komEintragen{
	background-color: #F5F5F3;
	padding: 10px;
}
#main #komEintragen input{
	background-color: #657074;
	color: #FFFFFF;
}
#main #komEintragen input:hover{
	background-color: #7FC31C;
}
#main #komEintragen #button{
	background-color: #657074;
	color: #FFFFFF;
	font-size: 10px;
}
#main #komEintragen #button:hover{
	background-color: #7FC31C;
}

/*********************
**News****************
*********************/
#main .komWhite{
	background-color: #999999;
}
#main .komGrey{
	background-color: #FF0000;
}
/*********************
**Text-Layer**********
*********************/
#main #text{
	background-color: #FFFFFF;
	width: 540px;
	height: auto;
	padding: 10px;
	float: left;
	font-size: 12px;
	border-right: #657074 2px solid;
}
#main #text p{
	margin: 10px 0 10px 0;
}
#main #text #overViewtable{
	border: 1px dashed #666666;
	text-decoration: none;
}
/*********************
**Info-Layer**********
*********************/
#main #info{
	width: 218px;
	height: auto;
	padding: 10px;
	float: left;
}
/*********************
**Page-Navi***********
*********************/
#main #pageNavi {
	text-align: center;
	text-decoration: none;
}

/*********************
**Forms***************
*********************/
#main #Form{
	background-color: #F5F5F3;
	padding: 10px;
}

#main #Form input{
	background-color: #657074;
	color: #FFFFFF;
}
#main #Form input:hover{
	background-color: #7FC31C;
}
#main #Form #button{
	background-color: #657074;
	color: #FFFFFF;
	font-size: 10px;
}
#main #Form #button:hover{
	background-color: #7FC31C;
}

#main #Form #button:hover{
	background-color: #7FC31C;
}

#main #Form .radio{
	background-color: #F5F5F3;
	color: #F5F5F3;
}
#main #Form .radio:hover{
	background-color: #F5F5F3;
	color: #F5F5F3;
}

/*********************
**Footer-Layer********
*********************/
#footer{
	width: 800px;
	margin-bottom: 50px;
}
#footer #infoLayer{
	background-color: #FFFFFF;
	width: 540px;
	height: 15px;
	padding: 10px;
	float: left;
	border-right: #657074 2px solid;
	border-top: #657074 2px solid;
}
#footer #impressum{
	background-color: #FFFFFF;
	width: 218px;
	height: 15px;
	padding: 10px;
	float: left;
	border-top: #657074 2px solid;
}