/* CSS für die Hauptseiten */

/********************** Grundsätzliche styles für die Hauptseiten ******************************/
body {
	/*background-color: #0FBFB5;*/
	background-color: #89D8D3;
	font-family: verdana;
	font-size: 10.5pt;
}

#main {
	margin: auto;
	width: 970px;
}

#top {
	background-color: #0C9991;
	height: 150px;
	background-image: url('../img/main/banner_new.jpg');
	background-repeat: no-repeat;
}

#servicenavi a{
	font-size: 10pt;
	text-decoration: none;
	color: #ffffff;
}
#servicenavi a:hover{
	text-decoration: underline;
}

#infozeile a {
	font-size: 10pt;
	color: #ffffff;
	text-decoration: none;
}

#infozeile a:hover {
	text-decoration: underline;
}

#logo {
	float: left;
	padding: 0px;
	width: 180px;
}

#logo img {
	margin: 10px;
	margin-right: 0px;
}

#logo p {		
	line-height: 110%;
	font-family: verdana;
	font-size: 7pt;
	margin: 10px;
	margin-top: 0px;
	color: white;
}

#banner {
	float: right;
	width: 790px;
	/*background-image: url('../img/main/banner_rechts.gif');*/
	background-repeat: no-repeat;
	background-position: right top;
}

#slogan {
	float: left;
}

#servicenavi {
	width: 200px;
	height: 30px;
	color: #FFFFFF;
	float: right;
}

#news {
	text-align: right;
	width: 250px;
	background-image: url(../img/main/verlauf.jpg);
	background-repeat: repeat-y;
	background-position: top-right;
	margin-top: -100px;
	margin-left: 540px;
}

.newslist {
	margin-top: 4px;
	border-bottom: 1px solid black;
}
.newslist img {
	position: relative;
	top: 0px;
	left: 100px;
	border: none;
}

#news a {
	display: block;
	font-family: verdana;
	font-size: 10.5pt;
	font-weight: bold;
	color: red;
	padding-right: 10px;
	text-decoration: none;
}

#infozeile {
	height: 20px;
	padding-right: 210px;
	text-align: right;
	color: #ffffff;
	margin-top: 130px;
	font-weight: bold;
}

#content {
	margin-left: 3px;
}
/********************** Styles für Formulare ******************************/
input{	
	border:1px solid black;
}
input.file{	
	font-size: 8pt;
	width:150px;
}
input.button{
	font-size: 8pt;
	border-color: black;
	border-style: solid;
	border-width: 2px 1px 2px 1px;
}
textarea{
	border:1px solid black;
}



/**************************** Style für die Navigation *****************************************/


#navi {
	background-image: url('../img/main/menu_unten.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 0px;
	clear: both;
	width: 180px;
	float: left;
	background-color: #0C9991;
	margin-right: 3px;
	margin-top: 3px;
	padding-bottom: 75px;
	min-height:700px;
	height:auto !important;
	height:700px;
}

#navi a {
	font-size: 10pt;
/*	width: 172px;*/
	display: block;
	text-decoration: none;	
	margin: 0px;
	margin-top: 1px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
}

#navi ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#navi li {
	margin-top: 1px;
	background-color: #0FBFB5;
}

#navi .active1 a{
 	color: #FF0000;
}

#navi a:hover {
	background-color: #0C9991;
}

#navi .ebene1 a:hover {
	color: #FF0000;
	background-color: #FFFFFF;
}

#navi ul.ebene2 {
	background-color: #0C7C75;
}

#navi ul.ebene2 li {
	background-color: #0EB3AA;
}

#navi .ebene2 a:hover {
	color: #FFFFFF;
	background-color: #0C9991;
}

#navi .active1 ul {
}

#navi .active1 {
	padding-bottom: 0px;
	padding-left: 3px;
	background-color: #FFFFFF;
	color: #FF0000;
}

#navi .active1 ul a {
	color: #FFFFFF;
	padding-left: 10px;
}

#navi ul.ebene2 li.active2 {
	padding-left: 0px;
	background-color: #0C9991;
}

/***************** kleine Einzelheiten auf der Homepage ***************************/

/* Gesamter Bereich der Laschen */
#ebene3 {
	background-image: url('../img/main/banner_unten.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	margin-left: 180px;
	padding-bottom: 0px;
	padding-top: 5px;
	margin: 0px;
	height:20px;
	line-height: 18px;
}

/* Bild mittelgross anzeigen */
#bild {
	margin: 15px 0px 2px 25px;
	float: right;
	width: 250px; /*	border: 1px solid #888888;*/
	padding: 5px;
}

#bildimg {
/*	border: 1px solid #888888;*/
  width:250px;
  height:250px;
}
#bildtext {
	color: #909090;
   margin-top:7px;
	margin-bottom: 3px;
	font-size: 9pt;
	line-height: 100%;
	text-align: left;
}

/* CSS des Inhaltes */
#text {
	background-color: #FFFFFF;
	background-image: url('../img/main/inhalt_unten.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 533px;
	overflow: auto !important;
	overflow: visible;
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 55px;
	text-align: left;
	min-height:700px;
	height:auto !important;
	height:700px;
	font-size: 10pt;

}


/* CSS für den Bereich nach den Laschen */
#bilder {
	background-image: url('../img/main/menu_unten.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 198px;
	background-color: #0C9991;
	padding: 10px 0px 50px 0px;
	color: #FFFFFF;
	float: right;
	min-height:700px;
	height:auto !important;
	height:700px;
}





/*********************** Style für die einzelnen Laschen der 3. Stufe **************************/
ul#laschen {
	margin: 0px;
	margin-bottom: 3px;
	padding: 0px;
}

ul#laschen li {
	display: inline;
}

ul#laschen li a.active {
	background-color: #ffffff;
	background-image: url('../img/main/lasche_aktiv.gif');
	color: #505050;
}
/*
ul#laschen li a.active:hover {
	color: #505050;
}*/

ul#laschen li a {
	font-size: 9pt;
	line-height: 17px;
	background-color: white;
	background-image: url('../img/main/lasche_inaktiv.gif');
	background-position: right;
	background-repeat: no-repeat;
	padding: 2px 22px 5px 15px;
	text-decoration: none;
	color: white;
}

/********************************* Fragen ******************************************/

#fragen{
	color: red;
}

.content_jugendimgfont {
	position: relative;
	top:347px;
	right:5px;
	cursor: pointer;
}
.content_fragenimg {
	cursor:pointer;
	margin-right: 1px;
	margin-top: 1px;
	height: 170px;
	width: 170px;
	background-position: center top;
	vertical-align: bottom;
	float: left;
}

a.picright {
	display:block;
	margin:auto;
	margin-bottom:3px;
}

a.picright img {
	border:none;
	padding: 7px;
}

a.picright:hover {
	background-position:bottom;
}

.addpoint {
	margin:2px;
	border:1px solid #006666;
}

.addpointsub {
	margin:2px;
	width:16px;
	border:none;
	background-color:transparent;
	background-image:url('../img/add_16x16.png');
	background-repeat:no-repeat;
	cursor: pointer;
}







/************ DOCUMENTS **********************/
#doc {
	border:1px solid #696969;
	padding:5px;
	width:97%;
	margin-top:5px;
}

#doc h1 {
	border-bottom:1px solid #888888;
	color:#222222;
	font-size:15px;
	margin-top:0px;
	padding-bottom:3px;
}

#doc form {
	margin-top:8px;
}

table#documents {
	margin-top:10px;
	clear:both;
	width:80%;
}

table#documents th {
	padding:3px;
}

table#documents tr {
	border-bottom:1px solid #bbbbbb;
}

table#documents td {
	padding:3px;
	font-size:11px;
}

/****************** Styles für den Adminbereich **********/
#newsupload {
}