/* CSS Document for Kreta-Umweltforum.de */

/* ----------------------------------------------------------------------------- */
/* Body general */

body 	{	margin:0px;
			font-family:Arial, Helvetica, sans-serif;
			text-align:center;
			background-color:#7ACBD8;	
	 		}
		

/* ----------------------------------------------------------------------------- */	 
/* Header styles */

/*  Classes to display the header images                                         */

.hlogo 	{	background:url(images/h_logo.gif) no-repeat;
			width:221px;
			height:195px 
			}


.hnav 	{	background-repeat:no-repeat;
			width:539px;
			height:195px;
			vertical-align:top;	
			}

/* ----------------------------------------------------------------------------- */
/* Navigation Buttons top */

/*  These classes are for the links (used in de a-tag) in the header grafics.    */
/*  They are only empty rectangles positioned above the grafic text.             */

#bforum {
	display:block;
	width:55px;
	height:30px;
	position:relative;
	top:115px;
	left:326px;
	z-index:1;
	color:#5CBBCD;
	visibility: visible;
			}

#blinks {	display:block;
			width:50px;
			height:30px;
			position:relative;
			top:85px;
			left:394px;
			z-index:2;
			color:#5CBBCD;
			}

#bcontact {	display:block;
			width:70px;
			height:35px;
			position:relative;
			top:65px;
			left:449px;
			z-index:3;
			color:#5CBBCD;
			}


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

/*  Sets the bg-image and the width of the navigation cell                       */
#nav {			background:url(images/nav_bg.gif) repeat-y;
				padding-top:0px;
				vertical-align:top;
				width:221px;
				}
/*  sets the bg for the startseite link                                          */			
#navstart {		background:url(images/navstart_bg.gif) no-repeat;
				display:block;
				height:57px;
				}
/*  these link classes handle the position and the appearance of the startseite link */						
a.navstartlink:link, a.navstartlink:visited {
	position:relative;
	top:7px;
	left:120px;
	color:#EBD697;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
				}
			
a.navstartlink:hover, a.navstartlink:active {
				color:#A55A00;
				text-decoration:none;
				}

/*  links classes to manage the appearance of the navigation links incl. bg        */			
a.navlink:link, a.navlink:visited {
				background:url(images/navmenu_bg.gif) no-repeat;
				display:block;
				height:21px;
				color:#C28B49;
				font-size:9pt;
				font-weight:bold;
				line-height:21px;
				text-indent:20px;
				text-decoration:none;
				}

a.navlink:hover, a.navlink:active {
	background:url(images/navmenu_bg.gif) no-repeat;
	display:block;
	height:21px;
	color:#C28B49;
	font-size:9pt;
	font-weight:bold;
	line-height:21px;
	text-indent:20px;
	text-decoration:none;
				}

/*  class to mark the link the user clicked and the page which is actually displayed */
a.navlinkactive {
				background:url(images/navmenu_active_bg.gif) no-repeat;
				display:block;
				height:21px;
				color:#86A527;
				font-size:9pt;
				font-weight:bold;
				line-height:21px;
				text-indent:30px;
				text-decoration:none;
				}
/*  classes to get space above and under the naom logo                               */
.navspacer1 {	display:block;
				height:20px;
				}
			
.navspacer2 {	display:block;
				height:50px;
				}

.navpink { 		color:#CC0099}

.navgreen {		color:#86A527}

/* ----------------------------------------------------------------------------- */
/* Content styles */

/*  Sets the bg-image and the width of the content cell                          */
#cont { 	background:url(images/cont_bg.gif) repeat-y;
			vertical-align:top;
			padding:17px 15px 50px 20px;
			width:271px;

			}
/*  formating all h1-tags in the content cell                                    */
#cont h1 {	font-weight:bold;
			font-size:11pt;
			color:#318899;
			}
/*  formating all p-tags in the content cell                                     */
#cont p {	color:#318899;
			font-size:9pt;
			text-align:left;
			}
/*  used for the Logo typo within the content text                               */			
.logogreen {color:#86A527;
			font-weight:bold;
			}
		
.logoblue {	color:#45A1B6;
			font-weight:bold;
			}
.logopink {	color:#CC0099;
			font-weight:bold;}

		
/*  formating all links in the content cell                                      */		
#cont a:link, #cont a:visited {
			color:#318899;
			text-decoration:underline;
			}
		
#cont a:active, #cont a:hover {
			color:#318899;
			text-decoration:overline;
			}
			
/*  gives the border an space for the image in the subcontent cell     */		
#contimg { 	width:215px;
			border:2px solid #B1E6EE;
			background-color:#B1E6EE;
			margin-top:25px;		
}

/*  formattes the image subtitle text                                 */
#contimg p.subtitle {
			font-size:8pt;
			color:#196A7A;
			padding:4px;
			margin:0px;}
			
#contimg a:link, #subcimg a:visited {
			display:inline;
			margin-left:0px;
			text-indent:0px;
			text-decoration:underline;
			color:#196A7A;
		}
		
#contimg a:hover, #subcimg a:active {
			display:inline;
			margin-left:0px;
			text-indent:0px;
			text-decoration:none;
			color:#196A7A;
		}

/* styles for forms */
input, textarea {	
			border:1px solid #318899;
			width:220px;
			background-color:#C7EEF3;
			font-family:Arial,Helvetica,sans-serif; 
			font-size:10pt;
			color:#196A7A;
			}
input.button {	width:100px;
				background-color:#318899;
				color:#B1E6EE;}

/* ----------------------------------------------------------------------------- */
/* Subcontent styles */

/*  Sets the bg-image and the width of the subcontent cell                       */
#subc { 	background:url(images/subc_bg.gif) repeat-y;
			vertical-align:top; 
			padding-top:0px;
			width:268px;

			}

/*   handles the bg of the headlines in the subcontent cell                      */			
.subch1 {	background:url(images/subc_h1_bg.gif) no-repeat;
			display:block;
			height:81px;
			width:268px;

			}

/* handles the position and format of the headline text in the subcontent cell   */			
.subch1 h1 {position:relative;
			top:38px;
			left:20px;
			color:#318899;
			font-weight:bold;
			font-size:11pt;
			margin:0px;
			}
			
/* handles the position and format of the headline2 text in the subcontent cell   */			
.subch1 h2 {position:relative;
			top:32px;
			left:20px;
			font-weight:normal;
			color:#318899;
			font-size:8pt;
			margin:0px;
			}


/*  formating all p-tags in the subcontent cell                                  */			
#subc p{	padding-left:20px;
			padding-right:15px;
			margin:0px;	
			font-size:9pt;
			color:#196A7A;
}


/*  formating all general a-tags (link) in the subcontent cell. Used for the     */
/*  links to the merkblaetter                                                    */
#subc a:link,#subc a:visited {
			color:#196A7A;
			text-decoration:underline;
			margin-left:30px;
			text-indent:-30px;
			display:block;
			padding-bottom:7px;
} 			

#subc a:hover,#subc a:active {
			color:#196A7A;
			text-decoration:none;
			margin-left:42px;
			text-indent:-42px;
			display:block;
			padding-bottom:7px;
} 

/* linkclasses for other text links in the subcontent cell                     */
#subc a.txt:link, #subc a.txt:visited {
			display:inline;
			margin-left:0px;
			text-indent:0px;
			color:#196A7A;
			text-decoration:underline;

}

#subc a.txt:hover, #subc a.txt:active {
			display:inline;
			margin-left:0px;
			text-indent:0px;
			color:#196A7A;
			text-decoration:none;

}

/*  gives the border an space for the image in the subcontent cell     */		
#subcimg { 	width:215px;
			border:2px solid #DCF8FC;
			background-color:#DCF8FC;
			margin-left:20px;
			margin-top:25px;		
}

/*  formattes the image subtitle text                                 */
#subcimg p.subtitle {
			font-size:8pt;
			color:#196A7A;
			padding:4px;}

#subcimg a:link, #subcimg a:visited {
			display:inline;
			margin-left:0px;
			text-indent:0px;
			text-decoration:underline;
			color:#196A7A;
		}
		
#subcimg a:hover, #subcimg a:active {
			display:inline;
			margin-left:0px;
			text-indent:0px;
			text-decoration:none;
			color:#196A7A;
		}

/* ----------------------------------------------------------------------------- */
/* Footer styles */

.footer { 	background:url(images/footer_bg.gif) no-repeat;
			height:120px;
			vertical-align:top; 
			}

a.pagetop:link, a.pagetop:visited {	
			font-size:8pt;
			margin-left:236px;
			color:#196A7A;
			text-decoration:none;}
			
a.pagetop:before { content:url(images/top.gif)" "; }
			
a.pagetop:hover, a.pagetop:active {	
			font-size:8pt;
			margin-left:236px;
			color:#196A7A;
			text-decoration:none;}