/*
	Template Name: SSI Left Nav Midnight Blue Fixed
	Template URI: http://freewebtemplates.me
	Description: A fixed width two column left navigation CSS web template with MidnightBlue as the theme color.
	Version: 1.0
	Author: Ed Zivkovic
	Author URI: http://freewebtemplates.me
	Tags: SSI, Includes, Blue, CSS, Fixed Width, No Graphics, Two Columns, Left Navigation, Tableless, 
*/

/*
	Template by Ed Zivkovic released under the
	Creative Commons Attribution 2.5 License:
	http://creativecommons.org/licenses/by/2.5/au/
*/

body    { color: #000; font-size: 90%; font-family: "Trebuchet MS", Futura, Arial, Helvetica, Verdana, sans-serif; background-image: url(media/images/3_Kopie.jpg); text-align: center }

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	letter-spacing: 0.1em;
}

a {
	text-decoration: none;
}
	
div#mainwrap {
	width: 800px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	text-align: left;
}

div#header {
	color: #9C9CFE;
	background-color: #11114E;
	padding: 20px;
	height: 100px;
}

div#header h1 {
	color: #9C9CFE;
}

div#topnav {
	color: MidnightBlue;
	padding: 8px;
	font-size: 90%;
	background-color: #2A2ABD;
	text-align: center;
}

div#topnav a {
	color: #9C9CFE;
	border-bottom: 0px solid #11114E;
}

div#topnav a:hover {
	color: #FFF;
	border-bottom: 1px solid #FFF;
}

div#leftnavwrap {
	float: left;
	width: 160px;
	padding-top 5px;;
	font-size: 90%;
}

div#leftnavwrap h3 {
	font-family: "mead bold", "Trebuchet MS", Futura, Arial, Helvetica, Verdana, sans-serif;
	color: MidnightBlue;
	margin: 15px 0 0;
	padding: 6px;
	border-bottom: 0px solid #2A2ABD;
	font-size: 1.7em;
	text-align: center;
}
	
div#leftnavwrap ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
	
div#leftnavwrap ul li {
	margin-top: 8px;
}
	
div#leftnavwrap ul li a {
	display: block;
	width: 160px;
	padding: 7px 5px 7px 10px;
	color: MidnightBlue;
	background-color: #9C9CFE;
	font-weight: bold;
}

div#leftnavwrap ul li a:hover {
	color: #FFF;
	background-color: #2A2ABD;
}

div#contentwrap {
	border: 0px solid #2A2ABD;
	background-color: #CDCDFE;
}

div#breadcrumb {
	color: MidnightBlue;
	padding: 8px 8px 8px 0;
	font-size: 85%;
	background-color: #CDCDFE;
	margin-left: 200px;
}

div#breadcrumb a {
	color: MidnightBlue;
	border-bottom: 1px solid MidnightBlue;
}

div#breadcrumb a:visited {
	color: MidnightBlue;
	border-bottom: 1px dashed #2A2ABD;
}

div#breadcrumb a:hover {
	color: #2A2ABD;
	border-bottom: 1px solid #2A2ABD;
}

div#content {
	line-height: 170%;
	padding: 20px;
	margin-left: 200px;
	background-color: #FFF;
}

div#content h2 {
	color: MidnightBlue;
	border-bottom: 3px solid #CDCDFE;
	padding-bottom: 6px;
}

div#content h3 {
	color: MidnightBlue;
	border-bottom: 3px solid #CDCDFE;
	padding-bottom: 6px;
}

div#content a {
	color: #2A2ABD;
	border-bottom: 1px solid #2A2ABD;
}

div#content a:visited {
	color: MidnightBlue;
	border-bottom: 1px dashed #9C9CFE;
}

div#content a:hover {
	color: #2A2ABD;
	border-bottom: 1px dashed #2A2ABD;
}

div#bottomnav {
	color: MidnightBlue;
	padding: 8px;
	font-size: 80%;
	background-color: #2A2ABD;
	text-align: center;
}

div#bottomnav a {
	color: #9C9CFE;
	border-bottom: 0px solid #9C9CFE;
}

div#bottomnav a:hover {
	color: #FFF;
	border-bottom: 1px solid #FFF;
}

div#copyright {
	color: #2A2ABD;
	padding: 8px;
	font-size: 80%;
	background-color: #11114E;
}

div#copyright a {
	color: #2A2ABD;
	border-bottom: 1px dashed #2A2ABD;
}

div#copyright a:hover {
	color: #9C9CFE;
	border-bottom: 1px solid #9C9CFE;
}

div#credit {
	color: #11114E;
	padding: 8px;
	font-size: 80%;
	background-color: MidnightBlue;
}

div#credit a {
	color: #11114E;
	border-bottom: 0px solid #11114E;
}
		
.right {
	text-align: right;
}

.left {
	text-align: left;
} 

.center {
	text-align: center;
}
	
div#clear {
	clear: both;
}

.box {
	color: MidnightBlue; 
	border: 1px solid #9C9CFE; 
	background-color: #CDCDFE; 
	padding: 10px 12px 12px;
	margin: 20px 70px;
	text-align: justify;
	font-size: 90%;
	line-height: 180%;
}

.warning {
	color: #FF0000;
}