/* 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 
			}

.himg 	{	background:url(images/h_img.jpg) no-repeat;
			width:271px;
			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;
			}

#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:125px;
				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:#A55A00;
				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_special.gif) repeat-y;
			vertical-align:top;
			padding:17px 15px 50px 20px;
			width:539px;

			}
/*  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;
			}
/*  used for the Logo typo within the content text                               */			
.logogreen {color:#86A527;
			font-weight:bold;
			}
/*  used for the Logo typo within the content text                               */		
.logoblue {	color:#45A1B6;
			font-weight:bold;
			}
/*  used for the Logo typo within the content text                               */
.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 content 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;
		}


.contsep {		background:url(images/cont_separator.gif) no-repeat;
				display:block;
				height:55px;
				width:110px;
				margin-left:195px;
				text-align:center;}

				
								
a.linkh:link, a.linkh:visited {
				padding-bottom:10px;
				font-weight:bold;
				}

a.linkh:hover, a.linkh:active {
				padding-bottom:10px;
				font-weight:bold;
				}

/* styles for page links */

#contplinks {padding-top:50;
				}

#contplinks a.page:link, #contplinks a.page:visited {	
				font-weight:bold;
				color:#5CBBCD;
				text-decoration:underline;
				padding-right:10px;}

#contplinks a.page:hover, #contplinks a.page:active {
				font-weight:bold;
				color:#5CBBCD;
				text-decoration:none;
				padding-right:10px;}

#contplinks a.pageactive {	font-weight:bold;
				color:#87A723;
				text-decoration:none;
				padding-right:10px;}

.txtbold {	font-weight:bold}

/* ----------------------------------------------------------------------------- */

/* Footer styles */

.footer { 	background:url(images/footer_bg_special.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;}