@media only screen and (min-width: 481px){
	
	img { behavior: url(../files/iefix/iepngfix.htc); }
	
	html { background: #bebebe; }
	h1 {
		font-size:16px;
	}
	#main { 
		width:964px; 
		margin:0 auto; 
		zoom:1; 
	}
	
	#hero { width:960px; height:auto; position:relative; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px 4px 4px 4px; margin:0 auto; padding:0; behavior: url(../files/iefix/PIE.htc); }
	.content { position: relative; margin: 0 auto; padding: 0px; width: 880px; -webkit-box-shadow: 0px 1px 6px rgba(0,0,0,1); -moz-box-shadow: 0px 1px 6px rgba(0,0,0,1); box-shadow: 0px 1px 6px rgba(0,0,0,1); background: #ecedf1; behavior: url(../files/iefix/PIE.htc); }
	#logo {
		position:relative; 
		float:left;
		padding-top:16px; 
		padding-left:130px;
		height: 50px; 
		font-family:Arial, Helvetica, sans-serif;
		font-size:32px; 
		color:#003466; 
	}
	#navileiste { 
		position:relative;
		float:left;
		height: 27px;
		width:960px;
		background-color: #003466;
	}
	
	/* ### Contentstyles ######################################## */
	#content_box { 
		position:relative;
		background-image:url(img/bg_content.gif);
		background-repeat:repeat-y;
		background-position:130px;
		padding-left:130px;
		float:left;
		width:700px;
		height:auto;
		
	}
	#content_box.oneCol { 
		background-image:none;
		background-color:rgba(255,255,255,1);
		padding-left:0; margin-left:130px; 
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
	#content_left {
		position:relative;
		float:left;
		width:460px;
		height: auto;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px; 
	}
	#content_left h1 {
		padding:0px;
	}
	#content_right {
		position:relative;
		float:left;
		width:220px;
		height: auto;
		padding:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px; 
	}
	#content_right :last-child {
		border:none;
	}
	#content_bottom {
		position:relative;
		background-color:#FFFFFF;
		height: 30px;
		width:680px;
		float:left;
		border-top: 1px solid #bebebe;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		padding:10px;
	}
	#content_full .tinymcewysiwyg, h1 {
		padding-left:10px;
		padding-right:10px;
	}
	
	#content_left ul, #content_full ul {
		list-style-image: url(img/bullet.gif);
		padding:16px;
	}
	#content_left a, #content_full a {
		color:#3f6a95;
		text-decoration:none;
	}
	#copyright {
		text-align:right;
	
	}
	
	
	
	/* ### nav1st - first level navigation ######################################## */
	
	ul {
		padding: 0;
		margin: 0;
	}
	ul.nav {
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		font-size:12px;
		float:right;
		margin-right:130px;
		border-right: 1px solid #ffffff;
	}
	
	ul.nav li {
		list-style-type:none;
		text-align: right;
		float:left;
		line-height:27px;
		background-color: #003466;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	
	ul.nav a {
		display: block;
		color:#ffffff;
		text-decoration:none;
		padding-left:10px;
		padding-right:10px;
		border-left: 1px solid #ffffff;
	}
	
	ul.nav > li:hover, ul.nav > li.active, .nav li ul li.active, .nav li ul li:hover {
		background-color:#3f6a95;
	}
	
	ul.nav2 li a {
		display: block;
		color:#003466;
		text-decoration:none;
		border-left: none;
	}
	
	.nav li ul li.active a, .nav li ul li a:hover {
		color:#ffffff;
	}
	
	ul.nav2 {
		font-family:Arial, Helvetica, sans-serif;
		text-transform:none;
		font-size:12px;
		background-color:#d0d5e4;
		margin-top:0;
		-webkit-box-shadow: 3px 3px 4px 2px #333333;
		box-shadow: 3px 3px 4px 2px #333333; 
	}
	
	ul.nav2 li.sub, ul.nav2 li.active {
		list-style-type:none;
		text-align: left;
		line-height:1.4em;
		border-top: 1px solid #ffffff;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		padding-top:5px;
		padding-bottom:5px;
		background-color:#d0d5e4;
		-webkit-transition: background-color .5s ease;
		-moz-transition: background-color .5s ease;
		-ms-transition: background-color .5s ease;
		-o-transition: background-color .5s ease;
		transition: background-color .5s ease;
	}
	
	ul.nav2 li:last-child {
		border-bottom: 1px solid #ffffff;
	}
	
	ul.nav_service {
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		float:left;
	}
	
	ul.nav_service li {
		list-style-type:none;
		float:left;
	}
	
	ul.nav_service a {
		color:#000000;
		text-decoration:none;
		padding-right:10px;
	}
	
	ul.nav_service li a:hover, ul.nav_service li.active a {
		color:#3f6a95;
		text-decoration:none;
	}
	
	figure, .rightTxtInput {
		display: inline;
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
		-webkit-margin-start: 0;
		-webkit-margin-end: 0;
		padding:5px;
		margin-top:0px;
		border-bottom:1px solid #BEBEBE;
		font-size:12px;
	}
	figcaption{
		padding-left:5px;
		
	}
	.screen {
		padding:5px;	
	}
	.mobile{
		width:0px;
		display:none;
	}
	
	.mobile a img {
		width:0;
	}
	.tabelHead { 
		width:100%; 
		font-size:18px; 
		padding:0px; 
		background-color:#d0d5e4; 
		color:#003464;
	}
	.tabelHead span {
		padding:10px; 
		line-height:26px;
	}
	
	section.dataRow:hover {
		background-color:#ECEDF1;
	}
	.description a {
		text-decoration:none;
	}
	
	.dataRow {
		width:100%; 
		min-height:38px;
	}
	.dataRow :nth-last-child(2) {
		/*float:right;*/
	}
	.dataRow div {
		float:left;
	}
	.dataRow p {
		margin:0;
		padding:0;
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
	}
	.dataRow img {
		margin-right:10px;
		margin-top:4px;
	}
	
	.dataHeadline{
		font-weight:bold;
	}
	
	.dataHeadline, .dataSubHeadline {
		padding-left:10px;
		padding-top:4px;
		width:100%;
		
		float:none;
	}
	
	.description {
		padding-left:10px;
		padding-top:4px;
		width:40%;
	}
	.date, .stand {
		width:12%;
		padding:4px;
	}
	
	.dl_mobil{
		display:none;
		position:absolute;
		right:0px;
		height:0;
	}
	.dl_mobil a img {
		height:0;
	}
	.download{
		position:absolute;
		right:0px;
		padding:0;
		height:auto;
	}
	.xls, .pdf, .zip{
		right:10px;
		display: block;
	}
	
	section.closeTag{
	/*	position:absolute;
		bottom:0px;
		display:block;
		width:100%;
		height:1px;
		line-height:1px;*/
		border-bottom:1px solid #cccccc !important;
	}
	
	section.dataRow br{
		height:1px;
		line-height:1px;
		padding:0px;
		margin:0px;
		font-size:1px;
	}
	
	#content_full :last-child {
		border-bottom:0px;
	}
	li.update, li.head{
		list-style:none;
		line-height: 2em;
		width:100%;
		padding-left:5px;
		float:left;
		margin:0;
	}
li.head{
		background-color:#ccc;
		font-weight:bold;
	}
li.update{
		border-bottom:1px solid #ccc;
}
div.head2, div.update2{
	text-align:right;
	width:57%;
		float:left;
}
div.headleft{
	width:40%;
	float:left;
	position:relative;
}
	
}

@media only screen and (max-width: 480px) {

	html { background: #bebebe; }
	body{margin:0px;}
	h1 {
		font-size:16px;
	}
	#main { 
		width:100%;
		overflow-x:hidden; 
		margin:0; 
	}
	
	#hero { width:100%; margin:0; padding:0; }
	.content { position: relative; margin: 0; padding: 0px; width: 100%; background: #ecedf1; }
	#logo {
		
		padding:10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px; 
		color:#003466; 
	}
	#navileiste { 
		width:100%;
	}
	
	/* ### Contentstyles ######################################## */
	#content_box { 
		
		width:100%;
	}
	#content_box.oneCol { 
		background-image:none;
		background-color:rgba(255,255,255,1);
		padding-left:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	
	#content_left {
		
		width:100%;
		padding:0px;
		padding-right:10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px; 
	}
	#content_left h1 {
		padding:10px;
	}
	#content_right {
		width:100%;
		padding:0px;
		padding-right:10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px; 
	}
	#content_right :last-child {
		border:none;
	}
	#content_bottom {
		
		background-color:#003466;
		width:100%;
		border-top: 1px solid #bebebe;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		padding:0px;
	}
	#content_full .tinymcewysiwyg, h1 {
		padding:10px;
	}
	#content_full :last-child {
		border-bottom:0px;
	}
	
	#content_left .tinymcewysiwyg, h1 {
		padding-left:10px;
		padding-right:10px;
	}
	#content_left ul, #content_full ul {
		list-style-image: url(img/bullet.gif);
		padding:16px;
	}
	#content_left a, #content_full a {
		color:#3f6a95;
		text-decoration:none;
	}
	#copyright {
		text-align:left;
		color:#ffffff;
		padding:10px;
	}
	
	
	
	/* ### nav1st - first level navigation ######################################## */
	
	ul {
		padding: 0;
		margin: 0;
	}
	ul.nav {
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
	}
	
	ul.nav li {
		list-style-type:none;
		text-align: left;
		line-height:35px;
		background-color: #003466;
		border: 1px solid #ecedf1;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	.nav li a{
		display: block;
		 position: relative;
		 height: 35px;
		 color: #FFFFFF;
	}
	
	ul.nav a {
		color:#ffffff;
		 position: relative;
		text-decoration:none;
		padding-left:10px;
		padding-right:10px;
		border-left: 1px solid #ffffff;
	}
	
	ul.nav > li:hover, ul.nav > li.active, .nav li ul li.active, .nav li ul li:hover {
		
		background-color:#3f6a95;
		
	}
	ul.nav2 li a {
		display: block;
		color:#003466;
		text-decoration:none;
		border-left: none;
	}
	
	.nav li ul li.active a, .nav li ul li a:hover {
		color:#ffffff;
	}
	
	ul.nav2 li {
		border: none;
		border-bottom: 2px solid #fff;
		background-color:#d0d5e4;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	.sub:hover {
		background-color:#3f6a95;
	}
	ul.nav2 li:last-child {
		border-bottom: none;
	}
	.nav li ul {
		display:none;
		
	}
	
	ul.nav li.active ul {
		display:block;
		border-top: 2px solid #ffffff;
	}
	
	
	ul.nav_service {
		font-family:Arial, Helvetica, sans-serif;
	}
	
	ul.nav_service li {
		list-style-type:none;
		padding-top:10px;
		padding-left:10px;
	}
	
	ul.nav_service a {
		color:#ffffff;
		text-decoration:none;
	}
	
	ul.nav_service li a:hover, ul.nav_service li.active a {
		color:#3f6a95;
		text-decoration:none;
	}
	
	figure, .rightTxtInput {
		display: block;
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
		-webkit-margin-start: 0;
		-webkit-margin-end: 0;
		padding:5px;
		margin-bottom:5px;
		border-bottom:1px solid #BEBEBE;
		font-size:14px;
		background-color:#cccccc;
	}
	
	figure .screen{
		display:none;
		}
		
	figcaption{
		padding-bottom:5px;
		
	}
	.tabelHead { 
		font-size:14px; 
		padding:10px; 	
		background-color:#d0d5e4; 
		color:#003464;
	}
	.tabelHead span {
		padding:0px; 
		line-height:1.5px;
	}
	
	section.dataRow:hover {
		background-color:#ECEDF1;
	}
	section.closeTag{
/*	position:absolute;
	bottom:0px;
	display:block;
	width:100%;
	height:1px;
	line-height:1px;*/
	border-bottom:1px solid #cccccc !important;
}

	section.dataRow br{
		height:1px;
		line-height:1px;
		padding:0px;
		margin:0px;
		font-size:1px;
	}
	.description a {
		text-decoration:none;
	}
	.dataHeadline{
	font-weight:bold;
	}
	.dataHeadline, .dataSubHeadline {
	padding-left:10px;
	padding-top:4px;
	width:90%;
	
	float:none;
}
	.dataRow {
		width:100%; 
		
		min-height:38px;
	}
	.dataRow :nth-last-child(2) {
		float:right;
	}
	.dataRow div {
		float:left;
	}
	.dataRow p {
		margin:0;
		padding:0;
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
	}
	.dataRow img {
		margin-right:10px;
		margin-top:4px;
	}
		
	.description {
		padding-left:10px;
		padding-top:4px;
		width:80%;
	}
	.date, .stand {
		display:none;
	}
	.download{
	display:none;
}
li.update, li.head{
		list-style:none;
		line-height: 2em;
		width:100%;
		padding-left:5px;
		float:left;
		margin:0;
	}
li.head{
		background-color:#ccc;
		font-weight:bold;
	}
li.update{
		border-bottom:1px solid #ccc;
}
div.head2, div.update2{
	text-align:right;
	width:57%;
		float:left;
}
div.headleft{
	width:40%;
	float:left;
	position:relative;
}

}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
    background-color: #000000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 999;
    width: 560px;
    margin-left: -280px;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: none;
}

.modal.fade {
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
    top: -25%;
}

.modal.fade.in {
    top: 10%;
}

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
}

.modal-header .close {
    margin-top: 2px;
}

.modal-header h3 {
    margin: 0;
    line-height: 30px;
}

.modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 400px;
    padding: 15px;
}

.modal-form {
    margin-bottom: 0;
}

.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    *zoom: 1;
}

.modal-footer:before, .modal-footer:after {
    display: table;
    content: "";
    line-height: 0;
}

.modal-footer:after {
    clear: both;
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0;
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0;
}