/* ---------------------------------------------------------------------------------------
Basic Style Sheet

version: 	1.0
author: 	Oliver Best
eMail: 		info@netzgerei.com
website: 	http://www.netzgerei.com
--------------------------------------------------------------------------------------- */

@import url(navi.css);
@import url(hero.css);

* { 
	margin:0; 
	padding:0; 
}

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

body { 	
	height: 100%; 
	margin: 0; 
	padding:0; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height:15px;
	color:#333;
	background:#fff url(../img/bg_verlauf.jpg) repeat-x 0 0;
}

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

.clear {  
 	clear: both;  
 	line-height: 0px;  
 	font-size: 0px;  
 	height: 0px;
}

.GoLeft { 
	float:left; 
}

.GoRight { 
	float:right; 
}

.PicGoLeft { 
	float:left; 
	margin:3px 10px 10px 0;
}

.PicGoRight { 
	margin:3px 0 10px 10px;
	float:right; 
}

fieldset, form { 
	border:0; 
	margin:0; 
	padding:0; 
}

.CenterThis { 
	text-align:center; 
}

html>body a:active { 
	outline: none; 
}

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

.ImgFlowLeft {
	float:left;
	margin:3px 20px 10px 0;
}

div.Spacer {
	margin:5px 0 10px 0;
	padding:0;
	font-size:1px;
	line-height:1px;
}

div.SpacerLine {
	margin:10px 0 15px 0;
	padding:0;
	border-top:1px solid #ccc;
	font-size:1px;
	line-height:1px;
}

/* =Container Positioning 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#SiteFrameBox {
	width:918px;
	height:500px;
	margin:20px auto 0 auto;
	padding:0 0 0 6px;
}

html>body div#SiteFrameBox {
	height:auto;
	min-height:500px;
}

div#TopShadeBox {
	width:918px;
	height:17px;
	background:url(../img/bg_shadeTop.png) no-repeat 0 0;
}

div#SiteShadeBox {
	margin:0;
	padding:0;
	width:918px;
	height:500px;
	background:url(../img/bg_shadeSite.png) repeat-y 0 0;
}

html>body div#SiteShadeBox {
	height:auto;
	min-height:500px;
}

div#BottomShadeBox {
	width:918px;
	height:25px;
	background:url(../img/bg_shadeBottom.png) no-repeat 0 0;
}

div#BlueSpacer {
	margin:0 0 0 18px;
	font-size:1px;
	line-height:1px;
	background:#07419b;
	width:876px;
	height:12px;
	clear:both;
}

div#HeroBox {
	margin:2px 0 0 18px;
	width:876px;
	height:86px;
	position:relative;
}

div#HeroBox div#PicShader {
	margin:0;
	padding:64px 0 0 0;
	width:185px;
	height:22px;
	background:url(../img/PicShader.png) no-repeat 0 0;
}

div#SubNaviBox {
	margin:12px 0 0 18px;
	padding:0;
	width:172px;
	height:100px;
	float:left;
	display:inline;
}

html>body div#SubNaviBox {
	height:auto;
	min-height:100px;
}

div#ContentBox {
	margin:12px 0 3px 12px;
	padding:0 12px 0 12px;
	width:482px;
	height:380px;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
	float:left;
	display:inline;
}

html>body div#ContentBox {
	min-height:380px;
	height:auto;
}

div#RightNavigationBox {
	margin:12px 0 0 10px;
	padding:0;
	width:172px;
	height:100px;
	float:left;
	display:inline;
}

div#RightNavigationBox {
	min-height:100px;
	height:auto;
}

div#BreadCrumbTrail {
	margin:0;
}

/* =Links 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a { 
	margin:0; 
	padding:0; 
	text-decoration:none;
	color:#07419b;
}

a:hover span {
	color:Red;
	text-decoration:none;
}

div#BreadCrumbTrail a,
div#BreadCrumbTrail span {
	font-size:10px;
	color:#666;
}

a#logo {
	margin:0 0 0 278px;
	display:block;
}

/* =Typography 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

p {
	padding:0;
	margin:0 0 10px 0;
	font-size:11px;
	line-height:18px;
}

div#HeroBox div#PicShader h1 {
	margin:0 0 0 21px;
	width:185px;
	font-size:12px;
}

h1 {
	margin:15px 0 20px 0;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#07419b;
}

h2 {
	margin:15px 0 10px 0;
	font-size:11px;
	font-weight:bold;
}

div.RTF
{
	padding:0;
	margin:0 0 15px 0;
	line-height:18px;
}

div.RTF ul
{
	padding:0;
	margin:5px 0 10px 0;
	line-height:16px;
}

div.RTF ol
{
	padding:0;
	margin:5px 0 10px 5px;
	line-height:16px;
}

div.RTF ul br,
div.RTF ol br
{
	margin:0;
	padding:0;
	height:0px;
	font-size:0px;
	line-height:0px;
}

div.RTF ul li,
div.RTF ol li
{
	padding:0;
	margin:0 0 0 20px;
	line-height:16px;
}

div.NewsTeaserContainer {
	margin:0 0 15px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #999;
}

div.NewsTeaserContainer h3 {
	margin:0 0 10px 0;
	padding:0;
	width:400px;
	font-size:12px;
	line-height:16px;
}

h1.News {
	margin:15px 0 20px 0;
	padding:0;
	width:400px;
	float:left;
}

p.News {
	margin:16px 0 20px 0;
	padding:0;
	float:right;
}

/* =Boxes 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div.QuicklinkBox {
	color:#fff;
	background:#e6ecf5;
	margin:0 0 12px 0;
	padding:0 0 5px 0;
	width:172px;
}

div.QuicklinkBox h3 {
	color:#fff;
	background:#07419b;
	margin:0;
	padding:2px 0 2px 15px;
	font-size:11px;
	font-weight:bold;
}

div.QuicklinkBox a {
	margin:5px 0 3px 15px;
	padding:0;
	display:block;
	color:#666;
}

div.QuicklinkBox a:hover {
	color:#07419b;
	text-decoration:none;
}

/* =Formulare
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

form fieldset {
	border:1px solid #999;
	margin:0 0 20px 0;
	padding:5px 10px 10px 10px;
}

form fieldset input,
form fieldset select {
	border:1px solid #ccc;
	margin:0;
	padding:2px;
	font-size:11px;
	color:#333;
}

form fieldset select {
	width:70px;
}

form fieldset legend {
	margin:0 0 0 -5px;
	padding:0 5px 0 5px;
	color:#07419b;
	font-weight:bold;
}

form fieldset label {
	display:block;
	margin:10px 0 2px 0;
	color:#333;
}

form fieldset p.feedback {
	margin:5px 0 0 0;
	padding:0;
	color:red;
	/*display:none;*/
}

form fieldset p {
	margin:10px 0 0 0;
	padding:0;
}

form fieldset ol {
	margin:10px 0 0 23px;
	padding:0;
}

form fieldset input.Check {
	margin:10px 0 0 0;
	padding:0;
	border:none;
	float:left;
}

form fieldset label.Check {
	margin:10px 0 0 5px;
	padding:0;
	float:left;
	display:block;
}

form fieldset textarea.TextArea {
	width:450px;
	height:150px;
	border:1px solid #ccc;
	margin:0;
	padding:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}

form fieldset input.DoubleRowBig {
	width:220px;
}

form fieldset input.DoubleRowSmall {
	width:80px;
}

form fieldset input.DoubleRowHalf {
	width:150px;
}

form fieldset input.SingleRowSmall {
	width:150px;
}

form fieldset input.SingleRowMedium {
	width:250px;
}

form fieldset input.SingleRowBig {
	width:310px;
}

form input.Submit {
	border:0;
	background:#07419b;
	padding:3px;
	color:#fff;	
	margin:0 0 10px 0;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	font-size:11px;
	font-weight:bold;
}

/* =Tabellen
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#ContentBox table {
	background:#fff;
	border-collapse:collapse;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #666;
}

div#ContentBox table thead th {
	background:#8dbee7;
	color:#07419b;
	padding:5px;
	vertical-align:top;
	border-right:1px solid #666;
}

div#ContentBox table th,
div#ContentBox table td 
 {
	border-top:1px solid #666;
	border-right:1px solid #666;
	text-align:left;
	padding:5px;
}

div#ContentBox table thead td {
	background:#E2E5FA;
	border-top:none;
}

div#ContentBox table th span {
	font-weight:normal;
}

div#ContentBox table td {
	font-size:11px;
	font-weight:normal;
	border-right:1px solid #666;
	border-top:1px solid #666;
	text-align:center;
	padding:5px;
}