@import url(modules.css);

html {
   height: 100%;
   margin: 0px;
   padding: 0px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:#000000;
	font-family: Arial;
	font-size:14px;
	color:#333333;
	line-height:1.5;
}

/**************************************************
	Layout
**************************************************/

#container {
	margin:auto;
	width:1186px;
}

#background {
	width: 1186px;
    float: left;
	background: url(images/repeat_background.jpg);
}

#wrapper {
	width: 1186px;
    height: auto !important;
	min-height: 769px;
	height: 769px; /*FOR IE*/
	float: left;
    position: relative;
	background: url('images/background.jpg') no-repeat;
}

#link_bernermarketingtag {
    width: 215px;
    height: 35px;
    position: relative;
    top: 0;
    left: 29px;
    display: block;
}

#link_jetzt_anmelden {
    position: absolute;
    top: 670px;
    left: 96px;
}

/**************************************************
	Top Navigation
**************************************************/

#topnavigation {
    width: 675px;
    height: 18px;
    padding: 3px 19px 0 19px;
    margin: 80px 0 0 244px;
    font-size: 11px;
}

#topnavigation a {
	color:#000000;
	text-decoration:none;
	margin:0px 10px 0px 10px;
}

#topnavigation a:hover,
#topnavigation a.active {
	text-decoration:underline;
}

/**************************************************
	Left Navigation
**************************************************/

#leftnavigation {
	width:165px;
	margin-top:30px;
	margin-left:78px;
	float:left;
}

* html #leftnavigation {
	margin-left:39px;
}

#leftnavigation ul,
#leftnavigation ul li {
	margin:0;
	padding:0;
	float:left;
}

#leftnavigation ul li {
	list-style:none;
	margin-bottom:10px;
}

#leftnavigation ul li a {
	color:#373e20;
	text-decoration:none;
	display:block;
	background:url(images/nav_level_1.jpg);
	width:150px;
	height:19px;
	font-weight:900;
	padding:1px 15px 0 0px;
	font-size:12px;
    text-align:right;
}

#leftnavigation ul li a.active {
	color:#000000;
}

#leftnavigation ul li a:hover {
	color:#000000;
}

#leftnavigation ul li a.inactive_level2,
#leftnavigation ul li a.active_level2 {
	background:url(images/nav_level_2.jpg);
	width:150px;
	padding:1px 15px 0 0px;
}

#leftnavigation ul li a.active_level2 {
	color:#000000;
}

/**************************************************
	Networks
**************************************************/

#networks {
    width: 49px;
    float: left;
    position: absolute;
    top: 166px;
    right: 180px;
}

#networks a {
    width: 49px;
    height: 25px;
    float: left;
    margin: 0 0 5px 0;
}

#networks a.xing {
    background: url('images/xing.png') no-repeat top;
}

#networks a.xing:hover {
    background: url('images/xing.png') no-repeat bottom;
}

#networks a.facebook {
    background: url('images/facebook.png') no-repeat top;
}

#networks a.facebook:hover {
    background: url('images/facebook.png') no-repeat bottom;
}

#networks a.twitter {
    background: url('images/twitter.png') no-repeat top;
}

#networks a.twitter:hover {
    background: url('images/twitter.png') no-repeat bottom;
}

/**************************************************
	Content
**************************************************/

#content {
	margin-top:50px;
	margin-left:30px;
	width:440px;
	float:left;
	font-size:12px;
}

#content h1, h2, h3, h4, h5, h6, h7, a {
	color:#5e8a3c;
    outline: 0;
}

#content h1 {
	font-size:22px;
}

#content h2 {
	font-size:18px;
}

#content h3, h4, h5, h6, h7 {
	font-size:14px;
}

#content h1.first {
	margin-top:0;
}

#content fieldset {
	width:420px;
	padding-left:20px;
}

#content legend {
	color: #5E8A3C;
}

#content label {
	width:100px;
	float:left;
}

#content form {
	width:400px;
}

#content form p input {
	float:left;
}

form p {
	min-width:200px;
	width:auto !important;
	width:200px;
	float:left;
}

form img.captcha  {
	min-width:120px;
	width:auto !important;
	width:120px;
	float:left;
	padding-right:0px;
}



/**************************************************
	Sidebar
**************************************************/

#sidebar {
	margin-top:50px;
	margin-left:50px;
	width:161px;
	float:left;
}

#sidebar .sidebarheading {
	color:#AAAAAA;
	padding:0 0 10px 0;
	margin:0;
	font-size:10px;
	border-top:1px dotted #AAAAAA;
}

/**************************************************
	Footer
**************************************************/

#footer {
	float:left;
	width:1186px;
	height:50px;
	background:url(images/footer.jpg);
}

/**************************************************
	Copyright
**************************************************/

#copyright {
	float:left;
	width:1186px;
	color:#FFFFFF;
	font-size:11px;
	text-align:right;
	padding:6px 0px 30px 0px;
	border-top:1px solid #FFFFFF;
}

#copyright a {
	color:#FFFFFF;
	text-decoration:none;
}


.contentbox {
	width:186px;
	height:250px;
	border:2px solid #cccccc;
	padding:10px;
	float:left;
	margin:0px 10px 10px 0;
}



.contentboxwide {
	width:407px;
	height:230px;
	border:2px solid #cccccc;
	padding:10px;
	float:left;
	margin:0px 10px 10px 0;
}


.contentbox h1 {
	margin:0 0 10px 0;
	padding:0;
	font-size:12px !important;
}


.contentboxwide h1 {
	margin:0 0 10px 0;
	padding:0;
	font-size:12px !important;
}

.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%;
}