/* (C) 2010-2016 by Daniel Blaschke, www.surfers-guide.org, all rights reserved */

html { height:100%; }
body {	background: #E0E0E0; margin:0px; padding:0px; height:100%; vertical-align:top; }
#layer { width:100%; max-width:1008px; height:100%; margin : 0px auto; padding:0px; background-color:#fefaea; height: 100%; }	
.clmain { background-color:#fefaea; text-align: justify; padding:0px; margin:0px; box-shadow: 0px 0px 15px grey; height: 100%; }

.maintitle { 	background: #fefaea;
		background: radial-gradient( ellipse closest-side, #f3aa2c, #fefaea);
		width: 100%;
		min-width: 670px; 
		height:45px; 
		padding: 0px;
                margin: 0px; 
		margin-top:0px; 
		text-align: center; 
		font-weight: bold; 
		font-size:26pt; }

.clleft {	background: #f3aa2c;
        	background: linear-gradient( to right, #f3aa2c, #fefaea);
		width: 130px;
		height: 100%;
		vertical-align: top;
		min-height: 680px; 
		padding:5px; 
		padding-left:5px; 
		padding-top:5px; 
		padding-bottom:15px; 
		margin:0px;}

.clcenter {	background: #fefaea; 
		width: 100%;
		min-width: 405px; 
		height: 100%;
		min-height: 670px;
		vertical-align: top;
		padding:5px; 
		padding-left: 10px;
		padding-bottom:30px; 
		margin:0px;}

.clright {	background: #f3aa2c; 
        	background: linear-gradient( to right, #fefaea, #f3aa2c);
		width: 144px; 
		height: 100%;
		min-height: 690px;
		vertical-align: top;
		padding:5px; 
		padding-left:5px; 
		padding-top:5px; 
		margin:0px; 
		text-align: center; 
		font-family: Arial, "Liberation Sans", sans-serif; 
		font-weight: bold;
		font-size:10pt;}

.noborders { padding:0px; margin:0px; border-collapse:collapse; height: 100%; }

img { border: 0; }


/*
#title {	background: #fefaea; 
	        background: radial-gradient( ellipse closest-side, #f3aa2c, #fefaea);
			position:fixed; 
			width: 100%;
			max-width: 1008px;
			min-width: 670px; 
			height:45px; 
			left: 0px; 
			top: 0px; 
			padding-left:0px; 
			padding-top:0px; 
			z-index: 4; 
			margin:0px;}

#menu {	background: #f3aa2c;
        background: linear-gradient( to right, #f3aa2c, #fefaea);
			position:fixed; 
			width: 130px;
			height: 100%;
			min-height: 680px; 
			left: 0px; 
			top: 45px; 
			padding-left:10px; 
			padding-top:5px; 
			padding-bottom:15px; 
			z-index: 3; 
			margin:0px;}

#list {	background: #f3aa2c; 
        background: linear-gradient( to right, #fefaea, #f3aa2c);
			position:fixed; 
			width: 144px; 
			height: 100%;
			min-height: 690px;
			left: 864px; 
			top: 45px; 
			padding-left:0px; 
			padding-top:10px; 
			z-index: 3; 
			margin:0px; 
			text-align: center; 
			font-family: Arial, "Liberation Sans", sans-serif; 
			font-weight: bold;
			font-size:10pt;}

#body {	background: #fefaea; 
			position:absolute; 
			width: 724px; 
			min-height: 670px;
			left: 140px; 
			top: 45px; 
			padding-left:0px; 
			padding-top:0px; 
			padding-bottom:30px; 
			z-index: 2; 
			margin:0px;}

#bodycolor {	background: #fefaea; 
			position:fixed; 
			width: 724px; 
			height: 100%;
			left: 140px; 
			top: 45px; 
			padding-left:0px; 
			padding-top:0px; 
			padding-bottom:30px; 
			z-index: 1; 
			margin:0px;}
*/


div {		margin-left: 5px; 
			margin-right: 5px; 
			font-family: georgia, "Droid Serif", serif; 
			font-size:12pt;}

h3 { 	margin-left: 5px; 
		margin-right: 5px; 
		font-family: georgia, "Droid Serif", serif; 
		font-size:15pt;}

h1 { 	margin-left: 5px; 
		margin-right: 5px; 
		font-size:26pt;}

.cldivtitle { 	margin-left: 20px; 
					margin-right: 20px; 
					margin-top:1px; 
					text-align: center; 
					font-weight: bold; 
					font-size:26pt;}

.clmenu {margin-left: 5px; 
			margin-right: 5px; 
			font-family: Arial, "Liberation Sans", sans-serif; 
			font-size:12pt; 
			line-height: 1.8;}

.clsubmenu {margin-left: 10px; 
				margin-right: 5px; 
				font-family: Arial, "Liberation Sans", sans-serif; 
				font-weight: bold; 
				font-size:13pt; 
				line-height: 1.8;}

.clsubsubmenu {margin-left: 10px; 
					margin-right: 5px; 
					font-family: Arial, "Liberation Sans", sans-serif; 
					font-weight: normal; 
					font-size:11pt; 
					line-height: 1.2;}

.cldiv1 {margin-left: 105px; 
			margin-right: 35px; 
			font-family: georgia, "Droid Serif", serif; 
			font-size:12pt;}

.cldiv2 {margin-left: 45px; 
			margin-right: 45px; 
			font-family: georgia, "Droid Serif", serif; 
			font-size:12pt;}

.cldiv2date {margin-left: 45px; 
			margin-right: 45px; 
			font-family: georgia, "Droid Serif", serif;
			text-align: right;  
			font-size:10pt;}

.cldivcopyr {		font-family: georgia, "Droid Serif", serif;
			text-align: center;  
			font-size:8pt;}

.clsmallul {margin-left: 45px; 
				margin-right: 45px; 
				font-family: georgia, "Droid Serif", serif; 
				font-size:10pt;}

a:hover {text-decoration: underline; 
			color: red;}

a.clanchor:hover {text-decoration: none; 
						color: black;}
a.cllimenu {text-decoration: underline; 
				color: #00008B;}
a.cllimenu:visited {	text-decoration: underline; 
							color: #00008B;}
a.cllimenu:hover {text-decoration: none; 
						color: yellow; 
						background: #182D71;}

a.cllimenubig {text-decoration: underline; 
				color: #00008B;  
			font-size:14pt;}
a.cllimenubig:visited {	text-decoration: underline; 
							color: #00008B;  
			font-size:14pt;}
a.cllimenubig:hover {text-decoration: none; 
						color: yellow; 
						background: #182D71;  
			font-size:14pt;}