/* 
    Document   : style
    Created on : 07.10.2009, 02:24:43
    Author     : wkl
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/* global settings ************************************************************/
	* html div{
		height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers 6 */
	}
	html{	/* Schrifteinstellung für das ganze Dokument */
		font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 90%;
		font-weight: normal;
		color: #efefff;
	}
	body{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background: #0909ba url('./img/bg_fader.png') repeat-x;
		text-align: center;
	}
	a, a:link, a:visited, a:active, a:hover {
		color: #efefff;
		text-align: center;
		text-decoration: none;
	}
	img { border: none; }
/* Definition used screen area *****************************/
	div.main {
		width: 750px; /*76%; */
		margin: auto;
		padding: 0;
	}
/* Definition Banner row *****************************/
	div.banner {
		text-align: center;
/*		border: dotted 1px; */
	}
		div.banner img.logo {
		}
		div.banner a {
		}
/* Definition Col-Block ******************************/
	div.cols {
		position: relative;
		width: 750px;
		min-height: 432px;
		margin: auto;
		background-color: transparent; /* #ffffff; */
	}
		div.cols div.topimg {
			position: absolute;
			left: 0px; top: 32px; width: 150px; height: 400px;
			background: transparent url('img/greyfog60.png') 0px 0px no-repeat;
			z-index: 3;
/*			border: dotted 1px red; */
		}

		div.cols a {
			display: block;
			position: absolute;
			left: 0px; top: 0px; width:150px; height: 432px;
			background: transparent url('') left bottom no-repeat;
		}
		div.cols a:hover {
			z-index: 9;
		}
			div.cols a .button {
				position: absolute;
				left:0px; top:0px; width: 150px; height: 32px;
				background: transparent url('img/h1button_normal.png') no-repeat;
				color: #03035b;
				padding-top: 5px;
				font-weight: bold;
			}
			div.cols a:hover .button {
				background: transparent url('img/h1button_hover.png') no-repeat;
				padding-top: 8px;
			}
			div.cols a .colimg {
				position: absolute;
				left:0px; top:32px; width: 150px; height: 400px; z-index:5;
				background-image: url('img/bluefog60.png');
			}
			div.cols a:hover .colimg {
				position: absolute;
				left:0px; top:32px; width: 150px; height: 400px; z-index:5;
				background-image: url('');
			}
			div.cols a .caption {
				display: none;
				position: absolute;
				left:5px; top:35%; width: 140px; min-height: 1em; z-index:10;
				padding: 5px 0px;
				background-image: url('img/greyfog60.png');
				text-align: center;
			}
			div.cols a:hover .caption {
				display: block;
			}
/* Definition main content area *****************************/
		div.content {
			margin: 0px 0px 5px 0px;
			padding: 0;
			text-align: left;
			min-height: 400px;
			background-position: top center;
			background-repeat: no-repeat;
			border: none;
			background-color: #030463;
		}
/* Definition of columns *****************************/
			div.leftcol {
				float: left;
				width: 150px; /* 18%; */
				margin: 0px;
				padding: 15px;
				border: dotted 1px;
				border: transparent;
			}
			div.rightcol {
				border: dotted 1px;
				padding: 15px;
				margin: 0 0 0 165px; /* 19%; */
				border: transparent;
			}
			div.menue_box {
				margin: 0px;
				padding: 15px;
				-moz-border-radius: 15px;
				-khtml-border-radius: 15px;
				-webkit-border-radius: 15px;
				background-image: url('./img/whitefog40.png');
				background-color: transparent;
			}
			div.inner_content {
				margin: 0px;
				padding: 15px;
				min-height: 360px;
				-moz-border-radius: 15px;
				-khtml-border-radius: 15px;
				-webkit-border-radius: 15px;
				background-image: url('./img/whitefog40.png');
				background-color: transparent;
			}



/* Definition Breadcrumb row *****************************/
	div.breadcrumb {
		height: 20px;
		margin-top: 3px;
		padding: 2px 5px 0px 5px;
		font-size: 0.95em;
		background-image: url('./img/whitefog30.png');
/*		border: dotted 1px transparent; */
	}
		div.breadcrumb a {
			font-size: 1.0em;
			margin: 0px 3px 0px 3px;
			border-bottom: dashed 1px;
		}
	div.powered_by {
		text-align: right;
		font-size: 0.65em;
		padding-top: 2px;
	}

/* Definition allgemeiner Style-Klassen ********************/
	.fleft	{
		float: left;
	}
	.fright	{
		float: right;
	}
	.bold   { font-weight: bold; }
	.italic { font-style: italic; }
	.sup		{ vertical-align: super;}
	.sub		{ vertical-align: sub;}
	.small  { font-size: 0.87em; }
	.xsmall { font-size: 0.82em; }
	.hsmall { font-size: 0.79em; }

	.red    { }
	.clear	{ clear: both; }

/* global tag settings ********************************************************/
	.curved5{
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-khtml-border-radius: 5px;
		behavior:url(border-radius-ie8.htc);
	}
	.curved15{
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		-khtml-border-radius: 15px;
		behavior:url(border-radius-ie8.htc);
	}