/* 
  -----------------------------------
 Hauptdefinitionen
  -----------------------------------
*/

* {
	margin: 0;
	padding: 0;
	}

body {
	color: #333333;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif !important;
	text-align: center;	
	font-size: 80%;	
	}
	
/********Hauptumrandung**********/
header {
    width: 100%;
    position: fixed;
    top: 0;
        height: 100px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #ccc;
	margin-top: 0px;
	z-index: 999;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
    filter: alpha(opacity=85);
    -moz-opacity: 0.85; 
    -khtml-opacity: 0.85; 
    opacity: 0.85;
    // set animation
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    }

#innerHeader {
    width: 1160px;     	
	padding: 0;
    margin: 64px auto 0 auto;
    z-index: 99;
// set animation
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
	}

header.sticky #innerHeader {
    width: 1160px;     	
	padding: 0;
    margin: 21px auto 0 auto;
    z-index: 99;
	}

header.sticky {
    position: fixed;           
    height: 57px; 
    width: 100%;       
    background: rgba(255,255,255,1);  
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; 
    filter: alpha(opacity=95);
    -moz-opacity: 0.95; 
    -khtml-opacity: 0.95; 
    opacity: 0.95;
    }

#logo {
position:absolute;
top: 5px;
width: 175px;
height: 176px;
background-image: url(/fileadmin/grafiken/ag_logo_gross.png);
background-repeat: no-repeat; 
// set animation
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

header.sticky #logo {
position:absolute;
top: 5px;
width: 90px;
height: 91px;
background-image: url(/fileadmin/grafiken/ag_logo_klein.png);
background-repeat: no-repeat; 
// set animation
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


#facebook {
float:right;
}


#banner  {	
    width:100%;   
border-bottom: 1px solid #ccc;
	}
#flaggen {
	positon: absolute;
	right: 0;	
    width: 80px;
	
	padding: 0;
	
	height: 15px;
	float: right;
	}

/*Linker Bereich und Hauptbereich*/
#layout-2 {	
	width: 1160px;	
	padding: 0;
	margin: 15px auto 0 auto;		
	text-align: left;	
	clear:both;		
	}

#mainbox {
	width: 74%;
	padding: 0;
	margin: 0;
	float: right;
	background-color: #fff;			
}

#sidebox {
	width: 24%;
	margin: 13px 2% 0 0;	
	float: right;
			
}

/******Navigationsbar********/

#mobilNavi {
	display: none;
}

#navigation {
	font-size: 90% !important;	/* f?r IE */
	font-weight:bold;	
	margin-left:26.3%;	
	height: 32px;
  border-left: 1px solid #333;
	}


#zusatz  {
	width: 1160px;
	clear: both;
	margin: 0 auto;
	}

.subnavigation:first-child {	
	border-top: 1px solid #CCCCCC;	
	margin-top: -5px;
}

.subnavigation {
	display: block;
	margin: 0;		
	color: #666666;
	font-size: 110% !important;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 2em;
	font-weight: normal;
	border-bottom: 1px solid #CCCCCC;
	text-indent: 10px;	
	text-decoration: none;
}
.subnavigation-aktiv {
	display: block;
	margin: 0;
	color: #663300;
	font-size: 110% !important;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 2em;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
	text-indent: 10px;	
	text-decoration: none;
	background-color: #F4F4F4;
}
.subnavigation a,.subnavigation-aktiv a { border:0px; }

.subnavigation-zwei {
	display: block;
	margin: 0;	
	color: #666666;
	font-size: 90% !important;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 2em;	
	border-bottom: 1px solid #CCCCCC;
	text-indent: 20px;
	text-decoration: none;
}
.subnavigation-aktivzwei {
	display: block;
	margin: 0;	
	color: #663300;
	background-image: url(/fileadmin/images/pfeilchen.gif);
	background-repeat: no-repeat;	
	background-position: 5px center;
	font-size: 90% !important;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 2em;
	border-bottom: 1px solid #CCCCCC;
	text-indent: 20px;
	text-decoration: none;
	font-weight: bold;	
}
.subnavigation-zwei a,.subnavigation-aktivzwei a { border:0px; }


/********Inhaltscontainer*********/

/*Main Content*/
#maincontent {
	padding: 0;
	margin: 0;		
	}
#maincontent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 110%;
	padding: 10px 0;		
	}
h1 {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 220%;
	margin: 0 0 15px 0;
	font-weight:normal;
	padding: 3px 0;
	color: #333333;	
	border-bottom: 1px solid #ccc;		
	}
h2, h3, h4 {
		
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
}
h2 {	
	font-size: 140%;
	margin: 5px 0 10px 0;
}
h3 {	
	font-size: 120%;
	margin: 5px 0 10px 0;
}

/*Sidebar*/
#sidecontent {
	padding: 0;
	margin: 0;
	font-size: 100%;
	line-height: 1.2em;	
	}
#sidecontent .topheading {
	margin: 0;
	color: #FFFFFF;
	}
#sidecontent p {
	margin: 8px 0 12px 0;
    padding: 0  0!important;
	font-size: 90%;
	}

#sidecontent ul {
	padding: 0 0 5px 0 !important;
 	}

#sidecontent li {
	margin: 5px 0 5px 0;
  padding: 0  5px!important;
	font-size: 90%;
	}

#sidecontent h2 {
	margin: 0 0 10px 0;	
	font-size: 140%;
	padding: 3px 0;
	font-weight:normal;
	color: #333333;	
	border-bottom: 1px solid #ccc;
	
	}

#sidecontent h3 {
	margin: 0 0 10px 0;	
	font-size: 110%;
	}

#sidecontent hr {
	height: 0px;
	border: 1px solid #4D4D4D;
	}

#socialmediaFrame {
	clear:both;
	width: 1160px;
	margin: 0 auto 10px auto;
	display: block;
	
}	
	
#socialmedia {
	width: 260px;
	margin-left: 585px;	
}


/***********Unterer Bereich************/
/*Footer Container*/
#footerbox {	
	clear: both;	
	margin: 0;
	width: 100%;
	background-color: #999;
	min-height: 290px;
	border-top: 3px solid #f08e15;
	}
/*Footer Content*/
#footer {
	width: 1160px;
	height:20px;
	margin: 0 auto 0 auto;
	padding: 5px 0 0 0;
	color: #fff;	
	
	}
#footer a {
	font-size: 100%;
	font-weight:bold;
	text-decoration:none;
	color: #fff;
	}

#footer p, #footer h3, #footer li {
	margin: 0;
	padding: 0;
	text-align: left;
	}



/*********Links********/
#layout a:hover 
#footer a:hover {
	background-color: #666666;
	color: #FFFFFF;
	text-decoration: none;
	}


/*Sonstige Elemente */

div#print {
	float: right;
	padding: 5px 10px;
	background-color: #f4f4f4;
	border: 1px solid #ccc;
	border-radius: 0.5em;
	margin: 10px 0; 
	}
div#print a {
	text-decoration: none !important; 
	}