html {
		padding:0;
		margin:0;
		height: 101%;
}

body {
		background: #bbc6d2;
		width: 100%;
		text-align: center;
		font: 0.8em/1.4 verdana, helvetica, sans-serif;
		padding:0;
		margin:0;
}

/* Allgemeine Definitionen */



#wrapper {
		width: 936px;
		margin: 0 auto;
		padding: 0;
		text-align: left;
		background: #fff;

}

/* HEADER */

#header {
		background: #fff;
		height: 127px;

}

#header h1 {
		margin:0;
		padding:0;
		display: block;
		border-bottom: solid 1px #cccccc;
		margin: 0 0 1px 0;
}

#header h1 a {
		display: block;
		text-indent: -999em;
		width: 300px;
		height: 124px;
		margin:0;
		padding:0;
		background: url(bergton-logo.jpg) top left;
}

/* BANNER */

#banner {
		background: #888a90;
		height: 280px;
}

#banner img {
		display: block;
		margin:0;
		padding:0;
}

#banner-inner {
		padding: 65px;
		color: #fff;
		display: none;
}

#banner-inner p {
		padding-top: 0.4em;
		font-size: 1.4em;
		line-height: 1.8em;
}

/* NAVIGATION */

#navigation {
		position: relative;
		top:0;
		left:0;
		height: 85px;
}


#navigation-inner {
		position: absolute;
		top:0;
		left:-3px;
		height: 84px;
		width: 942px;
		background: #fff;
		border-bottom: solid 1px #cccccc;
		border-right: solid 1px #cccccc;
}


#navigation ul {
		margin:0;
		padding:0 0 0 2px;
		list-style: none;

}

#navigation ul li {
		float: left;
		clear: none;
		width: 160px;
		padding: 10px 0 0 25px;
		border-top: solid 1px #cccccc;
		border-left: solid 1px #cccccc;
		height: 69px;
		background: #e4e4e4;
		margin: 2px 2px 0 0;
		font-weight: bold;
		color: #061c70;
}

#navigation ul li a {
		color: #061c70;
}


#navigation ul li a:hover {
		color: #000;
}

#navigation ul li a:active {
		color: #fff;
}

#navigation ul li ul {
		margin: 4px 0 0 0;
		padding: 0;
}


#navigation ul li ul li{
		float: none;
		clear: left;
		width: auto;
		border: none;
		height: auto;
		background: none;
		margin: 0;
		padding: 0;
		list-style: inside square;
		list-style-image: url(css-li-bullet.gif);
		color: #061c70;
		font-weight: normal;
		font-size: 1em;
}

#navigation ul li ul li a {
		color: #333;
}


/* CONTENT */

#content {
		 display: table;
}

#content-inner {
		 display:table-row;
}

#content #minheight {
		float: left;
		height: 400px;
}

#content #leftcolumn {
		border-top: solid 1px #f2f2f2;
		background: #fff;
		width: 562px;
		display: table-cell;
		vertical-align: top;
}

#content #rightcolumn {
		border-top: solid 1px #dee2e5;
		border-bottom: solid 2px #fff;
		background: #eaeef1;
		width: 374px;
		display: table-cell;
		vertical-align: top;
		padding-bottom: 3em;
		
}

#content #rightcolumn a {
		padding: 0 0 0 14px;
		margin: 0 0 0 -14px;
		background: url(css-sidebar-link-bg.gif) 0px 1px no-repeat;
}

#rightcolumn-inner,  #leftcolumn-inner {
		padding-top: 48px; 
		padding-right: 37px;
}

#rightcolumn-inner {
		padding-left: 37px;
}	

#leftcolumn-inner {
		padding-left: 25px;
}

#content, #content a {
		color: #5d5d5d;
}

#content #rightcolumn a {
		text-decoration: underline;
}

#content a:hover {
		color: #000;
}

#content a:active {
		color: #ccc;
}


#content h1,
#content h2,
#content h3,
#content h4 {
		font-size: 1em;
		margin: 0 0 1em;
		color: #061c70;
}

#content table {font-size: 0.9em}

#content table strong {
		font-size: 1em;
}

#content table td:first-child {
	white-space: nowrap
}


#content .caption {
	color: #061c70;
	font-size: 0.83em;
	width: 300px;
}

#content img.caption {
	border-bottom: solid 6px #bec0cd;
}

#content ol {
	padding-left: 1.5em;
}

/* FOOTER */

#footer {
	clear: both;
	color: #57628b;
	margin:0;
	padding:0;
	height: 3em;
}

#footer p {
	border-top: solid 1px #cccccc;
	padding: 8px 25px 6px;
	margin: 0;
	}

#footer a {
		color: #57628b;
		text-decoration: none;
}

#footer p a.login {
	float: right;
	clear: none;
	color: #ddd;
}

/* CLEARFIX */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.small {
	font-size: 0.83em;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

