/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Allgemeine Styles */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
html>body a:active { 
	outline: none; 
}

html>body a:focus {
	-moz-outline-style: none; 
}

html { 
	height: 100%; 
	overflow: -moz-scrollbars-vertical;
}

html * {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:20px 0 0 0;
	color:#000;
	background:url(../img/hg-pattern.png) 0 0 repeat;
	font:12px normal normal "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

img {
	margin:0;
	padding:0;
	border:0;
}

a {
	color: #000;
	text-decoration:none;
}

a:hover {
	color: #427ece;
}

div.clear {
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	height:0;
	clear:both;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Boxen und Positionierung */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#siteFrame {
	margin:0 auto 0 auto;
	width:740px;
	min-height:100px;
	height:auto;
	/*background: #fff;*/
	/*border:0px solid #087323;*/
}

div#headerFrameBox {
	width:600px;
	padding:8px 0 0 0;
	background: #fff;
	border-bottom:1px solid #224b82;
}

div#header {
	margin:0;
	padding:0;
	border-bottom:1px solid #427ece;
	height:45px;
}

div#middleFrameBox {
}

div#contentFrameBox {
	width:600px;
	background: #fff;
	float:left;
	border-top:1px solid #c6d8f0;
	border-bottom:1px solid #427ece;
}

div#content {
	margin:0 0 30px 0;
	padding:30px 45px 0 45px;
	width:510px;
	min-height:100px;
	height:auto;
}

div#content table.entryBottomBox {
	margin:0 0 10px 0;
	width: 400px;
	padding:0;
	/*background: #EEE;*/
}

div#content td.entryBottomLeft {
	padding:0 20px 0 0;
	width:80px;
	color: #427ece;
	vertical-align:top;
}


div#marginFrameBox {
	margin-left: 20px;
	padding:30px 10px 20px 10px;
	float:left;
	width:100px;
	min-height:70px;
	height:auto;
	background: #fff;
}

div#footer {
	margin:0;
	padding:0;
	border-top:1px solid #224b82;
	background: #fff;
	width:600px;
	height:18px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Typo */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#header img#logo {
	margin:5px 45px 0 0;
	padding:0;
	float:right;
	display:block;
}

div.elementSep {
	margin:0 0 20px 0;
	height:1px;
	border-bottom: 1px solid #427ece;
}

div#content h1 {
	margin:0 0 15px 0;
	padding:0;
	font-size:14px;
}

div#content h2 {
	margin:0 0 10px 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}

div#content img.right {
	margin:0 0 5px 10px;
	float:right;
}

div#content img.left {
	margin:0 10px 5px 0;
	float:left;
}

div#content p {
	margin:0 0 10px 0;
	padding:0;
}

div#content p.indent {
	margin-left:25px;
}

div#content p.date {
	font-size:10px;
	color:#555;
	margin-top:-10px;
}

div#content .green {
	color: #427ece;
}

div#content ul {
	margin:0 0 10px 0;
	padding:0;
	display:block;
}

div#content li {
	list-style-type:disc;
	margin:0 0 0 1em;
}

div#content ul.skillBox li {
	list-style-type:none;
	margin:0 0 0 1em;
	list-style-position: inside;
}

div.margin {
	
}

div#naviFrameBox li {
	list-style-type:none;
	font-size:14px;
	margin:0 0 5px 0;
}

div#naviFrameBox li.HI {
	color: #427ece;
}

div#naviFrameBox li.HI a {
	color: #427ece;
}

div#footer a {
	margin:2px 45px 0 0;
	display:block;
	float:right;
	font-size:11px;
}