html{
	height:100%;
}

body{
	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	height:100%;
	padding:0%;
	margin:0%;	
	background-color:#f9f9f9;
}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}


img{
	border:0px;
}


p{

}


h1{
	font-size:24px;
	font-weight:600;
	color:#494848;
	margin-top:37px;	
}

h2{
	font-size:18px;
	font-weight:600;
	color:#494848;
	margin-top:20px;	
	line-height:25px;
}

h2.acc{
	font-size:18px;
	font-weight:300;
	color:#494848;
	margin-top:7px;	
	line-height:0px;
}

h3{
	font-size:16px;
	font-weight:600;
	color:#494848;
	margin-top:20px;	
	line-height:25px;	
}

ul li{
	padding-bottom: 12px;
	margin-left:20px;
	list-style-image:url(imgs/icon-check.jpg);
}

ul li.standard{
	padding-bottom: 12px;
	margin-left:20px;
	list-style:none;	
}

div.menulink {
	font-size:18px;
	font-weight:300;
	color:#191919;
	width:210px;
    padding: 8px 30px;
    background-color: white;
    -webkit-transition: background-color linear  200ms 0s;
    -moz-transition: background-color linear  200ms 0s;
    -o-transition: background-color linear  200ms 0s;
    -ms-transition: background-color linear  200ms 0s;
     transition: background-color linear  200ms 0s;
}
 
div.menulink:hover {
	width:210px;
    padding: 8px 30px;
	color:#FFFFFF;	
    background-color:#e98600;
}

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

a:hover{
	text-decoration:underline;
}

a.menulink{
	text-decoration:none;
	color:#666666;
}

a.menulink:hover{
	color:#FFFFFF;
}

.main_wrapper{
    width: 990px;
	background-image:url(imgs/main_bg.png);
	background-repeat:repeat-y;
	background-position:left;

	
	position:relative; /* needed for footer positioning*/

	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */	
	overflow:hidden;
	
}

#left_menu{
	width:270px;
	background-color:#FFFFFF;
	border-right: 5px solid #e98600;
	float:left;
}

#main_content{
    width: 620px;
	min-height:750px;
    margin-left: 20px;
	padding-left:25px;
	padding-right:25px;	
	float:left;	
    background-color: #008866;
	background-color:#FFFFFF;
}

#top-logo{
	margin-top:37px;
	margin-left:30px;
	margin-bottom:46px;
}

#elements-bottom{
	text-align:center;
	position:absolute;
	width:270px;
	bottom:0px;	
	margin-bottom:15px;
}

#copyright-bottom{
	font-size:11px;
	color:#999999;

}


#trenner{
	width:620px;
	height:1px;
	background-color:#dddddd;
	margin-bottom:15px;
}

.att_box{
	width:620px;
	background-color:#f9f9f9;
	border-top:1px solid #dbdbdb;	
	border-bottom:1px solid #dbdbdb;	
	padding:25px;
	margin-left: -25px;	
}



/* Accordion Start */


.technology{
cursor: hand;
cursor: pointer;
margin: 10px 0;
background-color:#f5f5f5;
height:25px;
padding-left:24px;
padding-top:7px;
}

.technology:hover{
	text-decoration:none;
	background-color:#e7e7e7;	
}

.openlanguage{ 
	color:#FFFFFF;
	background-image:url(imgs/acc_bg.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

.closedlanguage{ 
	color:#FFFFFF;
	background-image:url(imgs/acc_bg.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;	
}

/* Accordion End */


/* 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%;
}