@charset "UTF-8";



/* ####################################################################################################################
   MAIN VARS
   #################################################################################################################### */

* { 
	margin:0; 
	padding:0; 
	outline: 0;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
	
	
	}




html
	{
	overflow-y: scroll;
	

	}

body
	{
	
	background:#fff;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	line-height: 1.5;	
	margin:0;
	padding:0;
	color:#444;
	}

.onlymobile
	{
	display:none;
	}

img
	{
	border:0;
	max-width:100%;
	
	}
	
td
	{
	vertical-align:top;
	}	


a 	{
	color: #0d4193;
	text-decoration:none;
	}


a:hover {
	color: #9e0b0f;
	text-decoration:underline;
	}

.clearer
	{
	clear:both;
	}

hr
	{
	border: 0;
	color: #e5e5e5;
	background-color: #e5e5e5;
	height: 1px;
	margin:20px 0;
	}


blockquote
	{
	padding-left:15px;
	}

.clearfix:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


.fancybox-skin
	{
	background:#fff;
	}

.text_small
	{
	font-size:11px;
	}
	
	
ul, ol
	{
	margin:10px 0 10px 20px;
	}	

#contentcell_main ul
	{
	list-style:none;
	}

#contentcell_main ul li:before {
  content: "\f138"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

.placeholder
	{
	color:#ccc;
	}
	
p
	{
	margin-bottom:1em;
	}

p:last-child
	{
	margin-bottom:0;
	}

/* ####################################################################################################################
   SEITEN-BEREICHE
   #################################################################################################################### */

.contentwidth
	{
	width:100%;
	max-width:990px;
	margin:0 auto;
	
	
	}


#pagewrap
	{
	
	
	}
	
#header
	{
	border-bottom:1px solid #00315a;
	}

#header_content
	{
	position:relative;

	}


#logo
	{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-200px;
	margin-top:-88px;
	}

#logo img
	{
	
	}

#searchbox
	{
	float:right;
	padding-top:12px;
	}


#mainmenu_wrapper
	{
	background:#29292a;
	border-bottom:1px solid #000;
	}

#mainmenu
	{
	
	}

#slider_wrapper
	{
	clear:both;
	border-bottom:1px solid #00315a;
	position:relative;
	
	}

div.slider_claim
	{
	position:absolute;
	bottom:10%;
	right:0;
	
	
	background-color:#fff;
	background-color:rgba(255, 255, 255, 1);
	
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
	padding:10px 25px;
	max-width:800px;
	font-size:30px;
	line-height:1em;
	color:#fff;
	
	}

#headimage_wrapper
	{
	clear:both;
	position:relative;
	height:450px;
	overflow:hidden;
	background-size:cover;
	border-bottom:1px solid #ccc;
	}

.headimage
	{
	max-width:100%;
	border-bottom:1px solid #00315a;
	width:100%;
	
	}

.headimage_caption
	{
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);		
	
	position:absolute;
	bottom:10%;
	right:0;	
	background-color:#fff;
	background-color:rgba(255, 255, 255, 1);	
	padding:15px 25px;
	
	font-size:36px;
	color:#d77e0e;
	font-weight:600;
	min-width:30%;
	text-align:center;
	
	text-transform:uppercase;
	
	}


#contentrow
	{
	
	
	
	}





#contentcell_left
	{
	width:170px;
	float:left;
	padding-top:25px;
	
	}


#contentcell_main
	{
	margin: 0 0 0 0;
	padding: 25px 0 30px 0;
	overflow:hidden;
	}



#contentcell_main.withleftcol
	{
	
	margin-left:210px;
	
	}
	
#contentcell_main.withrightcol
	{
	margin: 0 240px 0 0;
	width:630px;
	}	

.withrightcol
	{
	margin: 0 240px 0 0;
	width:707px;
	}


td.contentcell_spacer
	{
	
	}
	
#contentcell_right
	{

	
	
	}	


#footer
	{
	background:#29292a;
	clear:both;
	padding: 35px 0 35px 0;
	color:#ddd;
	font-size:12px;
	border-top:3px solid #000;
	}


#footer a 
	{
	color:#ddd;
	text-decoration:none;
	}

#footer_content
	{


	}

.qtipevent
	{
	font-size:20px;	
	line-height:22px;
	}


.runtime_leftcol
	{
	float:left;
	width:760px;
	}

.runtime_rightcol
	{
	width:224px;
	float:right;
	border-left:1px solid #ccc;
	padding-left:20px;
	}



/* ####################################################################################################################
   HEADLINES, INLINE ELEMENTS
   #################################################################################################################### */

h1
	{
	font-size:28px;
	color:#444;
	font-weight:400;
	line-height:1em;
	margin-bottom:0.5em;
	xxtext-shadow: 1px 1px 2px #CCCCCC;
	}
h1 span
	{
	font-size:16px;
	color:#444;
	font-weight:600;
	line-height:1px;
	}
	
h2
	{
	font-size:22px;
	color:#444;
	font-weight:600;
	line-height:1em;
	margin-bottom:0.5em;
	}	

h3
	{
	font-size:18px;
	color:#d77e0e;
	font-weight:600;
	margin-bottom:0.5em;
	}
	
h4
	{
	font-size:17px;
	color:#000;
	font-weight:600;
	}	
	
a.morelink
	{
	font-size:12px;
	}
	
a.morelink:after{ 
   content: '\f101';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 0px 0px 5px;
   
   text-decoration:none;

} 	

	


img.contentfloat.right
	{
	float:right;
	margin:0 0 10px 10px;
	}

.highbox
	{
	border:1px solid #444;
	color:#000;
	margin: 20px 0;
	
	padding: 15px;
	background: #eeeeee;
	}

.highbox h4
	{
	
	color:#eee;
	margin:-15px -15px 5px -15px;
	padding:5px 20px 5px 20px;
	background: #333;
	border-bottom:1px solid #eee;
	}

.runtime_rightcol .highbox
	{
	padding: 10px;
	}

.runtime_rightcol .highbox h4
	{
	margin:-10px -10px 5px -10px;
	padding:5px 10px 5px 10px;
	}

.runtime_rightcol, .runtime_rightcol .highbox h4
	{
	font-size:12px;
	}

.highbox a
	{
	color:#000;
	text-decoration:underline;
	}


.zitatbox
	{
	border:0;
	color:#000;
	margin: 20px auto;
	
	padding: 15px;
	background: #fde5ca;
	font-size:20px;
	
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
width:80%;

	
	}
.smallshadow
	{
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);	
	
	}


/* #################################################################
   BREADCRUMBS
   ################################################################# */

#breadcrumbs
	{
	font-size:12px;
	text-transform:uppercase;
	padding:10px 0 25px 0;
	margin-top:-25px;
	
	
	}

#breadcrumbs ul
	{
	list-style: none;
	margin:0;
	}

#breadcrumbs ul li
	{
	float:left;
	}

#breadcrumbs ul li:after
	{ 
	content: '\f0da';
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	margin:0px 7px 0px 7px;
	text-decoration:none;
	color:#666;

	}

#breadcrumbs li:before
	{
	content: none!important;
	}


#breadcrumbs ul li:last-child
	{
	font-weight: bold;
	}

#breadcrumbs ul li:last-child:after
	{
	content: none;
	margin:0;
	}

#breadcrumbs a
	{
	color:#666;
	text-decoration:none;
	}


/* ####################################################################################################################
   ARTICLEIMAGE
   #################################################################################################################### */
.articleimage
	{
	line-height:1;
	margin-bottom:15px;
	display:inline-block;
	}

.articleimage_title
	{
	font-size:14px;
	font-weight:400;
	text-align:center;
	border:1px solid #333;
	
	background:#fde8cd;
	padding:5px 10px;
	margin-top:0px;
	}
.articleimage_source
	{
	font-size:15px;
	}

div.articleimage.LEFT
	{
	float:left;
	margin:0 15px 15px 0;
	max-width:45%;
	}
	
div.articleimage.RIGHT
	{
	float:right;
	margin:0 0 15px 15px;
	max-width:45%;
	}
	
div.articleimage.LEFT img, div.articleimage.RIGHT img
	{
	max-width:100%;
	}	


/* ####################################################################################################################
   GRID
   #################################################################################################################### */

.row {
  width:auto;
  margin-bottom:2em;
}



.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.columns {
	float:left;
	padding-left:1em;
	padding-right: 1em;  
}



.row .columns:first-child
	{
	padding-left:0;
	}

.row .columns:last-child
	{
	padding-right:0;
	}






/* Large */
@media screen and (min-width:1000px) {
  .lg1 {width:25%;}
  .lg2 {width:50%;}
  .lg3 {width:75%;}
  .lg4 {width:100%;}
  
  .third1 {width:33.333333%;}
  .third2 {width:66.666666%;}
  .third3 {width:100%;}

}


/* ####################################################################################################################
   MAINMENU OBEN
   #################################################################################################################### */

div#mainmenu
	{
	z-index: 1200;
	}


#nav-main
	{
	margin:0;
	display:table;
	width:50%;
	table-layout: fixed;
	}


#nav-main li
	{
	list-style: none;
	position:relative;
	
	}
	
#nav-main li.menulevel1
	{
	color: #fff;
	font-size: 17px;
	font-weight:400;
	padding: 0;
	position:relative;
	display:table-cell;
	text-align:center;
	text-transform:uppercase;
	}
	
#nav-main li.menulevel1.last
	{
	
	
	}

#nav-main li.versteckt
	{
	display:none;
	}
	
#nav-main li a	
	{
	color: #eee;
	text-decoration:none;
	padding: 0;
	display:block!important;
	line-height:49px;
	}	


#nav-main li.current a
	{
	color: #fff;
	}


#nav-main ul
	{
	visibility: hidden; /* hides sub-menu */
	opacity: 0;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	
	background:#f19000;
	
	position: absolute;
	top:41px;
	
	width:100%;
	z-index:200;
	
	border-bottom:1px solid #00315a;
	border-left:1px solid #00315a;
	border-right:1px solid #00315a;	
	
	margin:0;
	
	}





#nav-main li.folder:hover
	{
	border-bottom:none;
	}


#nav-main li.notcurrent:hover a
	{
	color:#fff;
	
	}




#nav-main li:hover ul
	{
	visibility: visible; /* shows sub-menu */
	opacity: 1;
	
	transform: translateY(0%);
	transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
	

	
	}


#nav-main li:hover ul ul
	{
	display:none;
	}


#nav-main li:hover ul li:hover ul
	{
	display:block;
	position: absolute;
	left:100%;	
	top:0;
	}






#nav-main li ul li
	{
	color:#000;
	padding: 0!important;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	}
	
#nav-main li ul li a
	{
	font-weight:normal!important;
	color:#fff!important;
	padding:7px 20px 7px 20px;
	height:auto;
	line-height:1.2em;
	}	

#nav-main li ul li a:hover
	{
	background-color:#ffb75b;
	color:#004279!important;
	
	}	


#nav-main li ul li.folder, #nav-main li ul li.folder a:hover
	{
	background-image:url(/images/layout/menumore_back.png);
	background-repeat:no-repeat;
	background-position: right center;
	}
	
#nav-main li ul li.folder ul li a:hover	
	{
	background-image:none;
	}




/* ####################################################################################################################
   SUBMENU LEFT
   #################################################################################################################### */

#nav-sub ul
	{
	margin:0;
	}


#nav-sub h4
	{
	color:#000;
	padding:0 10px;
	margin-bottom:5px;
	
	}

#nav-sub a
	{
	color:#d77e0e;
	display:block;
	font-size:13px;
	}


#nav-sub li.current a
	{
	font-weight:bold;
	}

#nav-sub li.current ul li a
	{
	font-weight:normal;
	}

#nav-sub li.current ul li.current a
	{
	font-weight:bold;
	}

#nav-sub h4 a
	{
	font-size:15px;
	}

#nav-sub a:hover
	{
	text-decoration:none;
	}
	
#nav-sub ul li
	{
	list-style: none;
	border-bottom:1px solid #ffc985;
	}

#nav-sub ul li a
	{
	padding:3px 10px;
	}


#nav-sub ul li ul 
	{
	padding: 0 0 0 10px;
	}
	
#nav-sub ul li:first-child
	{
	border-top:1px solid #ffc985;
	}

#nav-sub ul li:last-child
	{
	border-bottom:0;
	}

#nav-sub ul li a:hover
	{
	background:#eee;
	}
	

/* ####################################################################################################################
   HOMEBOX
   #################################################################################################################### */
div.homebox
	{
	border:1px solid #ccc;
	border-top:3px solid #d77e0e;
	height:275px;
	position:relative;
	overflow:hidden;
	}

div.inside_homebox
	{
	padding:10px;
	font-size:14px;
	height:100%;
	}


div.homebox_overlay
	{
	min-height:275px;
	height:100%;	
	}

div.homebox div.mask
	{
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	

   	

   
   -webkit-transform: translateX(-100%);
   -moz-transform: translateX(-100%);
   -o-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   transform: translateX(-100%);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;	
	
}

div.homebox:hover .mask, div.homebox .maskvisible {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}


div.gradback, div.mask.gradback
	{
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */   	
	
	
	}

div.homeboxinfo
	{
	position:absolute;
	bottom:0px;
	right:3px;
	font-size:16px;
	color:#d77e0e;
    text-shadow:  1px  1px 0px black,
                  1px -1px 0px black,
                 -1px  1px 0px black,
                 -1px -1px 0px black;
	}

/* ####################################################################################################################
   TICKER
   #################################################################################################################### */

.shadow
	{
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	}
   
div.ticker
	{
	
	
	
	}

div.ticker ul
	{
	width:100%;
	margin:0;
	}

div.ticker span.mlogoback
	{
	display:block;
	float:left;
	width:40px;
	height:65px;
	margin-right:10px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	
	}


div.ticker h5
	{
	font-size:13px;
	line-height:1.1em;
	}

div.ticker h5 span
	{
	font-size:12px;
	display:block;
	font-weight:400;
	}
	
div.ticker ul li
	{
	display:block;
	padding: 7px 10px;
	min-height:75px;
	font-size:12px;
	border-bottom: 1px solid #ccc;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	
	}


div.ticker ul li:before {
  content: none!important; 
  }

.tickernav
	{
	font-size:16px;
	color:#d77e0e;
	position:absolute;
	z-index:99;
	cursor:pointer;
	}

.tickernav:hover
	{
	color:#005396;
	}

div.ticker_up
	{
	right:3px;
	bottom:0px;
	}
	
div.ticker_down
	{
	right:3px;
	top:0px;
	display:none;
	}	
	
/* ####################################################################################################################
   FOOTERMEMBERS
   #################################################################################################################### */	


div.footermenu
	{
	float:right;
	}


div.footermenu a
	{
	display:inline-block;
	
	}
   
div.footermenu a:after{ 
   content: '|';
   font-weight: normal;
   font-style: normal;
   margin:0px 10px 0px 10px;
   
   text-decoration:none;

}    

div.footermenu a:last-child:after{ 
   content: '';
   margin:0;
} 
   
ul.footermembers
	{
	display:table;
	width:100%;
	table-layout: fixed;	
	margin-top:15px;
	}

ul.footermembers li
	{
	display:table-cell;
	}

ul.footermembers li a
	{
	display:block;
	width:80px;
	height:40px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	
	}
/* ####################################################################################################################
   NEWSLISTE MAIN
   #################################################################################################################### */
   
.news_item
	{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #eee;	
	line-height:1.5;
	}
   
.news_item:nth-of-type(1)
	{
	padding-top:10px;
	border-top:1px solid #eee;	
	}
   
.news_date
	{
	font-size:13px;
	
	}

.news_title
	{
	font-weight:600;
	}   

.news_content.withpic
	{
	margin-left:150px;
	}

.news_thumb
	{
	float:left;
	margin:0 20px 0 0;
	width:120px;
	text-align:center;
	}
   
.news_thumb img
	{
	
	max-width:100px;
	max-height:70px;
	
	}  
	
a.pdf:after{ 
   content: '\f1c1';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 0 0px 5px;
   
   text-decoration:none;

} 

a.pdf.noicon:after
	{
	content: '';
	}

a.video:after{ 
   content: '\f03d';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 0 0px 5px;
   
   text-decoration:none;

} 


a.external:after{ 
   content: '\f08e';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 0 0px 5px;
   
   text-decoration:none;

} 
 

a.more:after{ 
   content: '\f101';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 0px 0px 5px;
   
   text-decoration:none;

} 	
	
/* ####################################################################################################################
   MINIMENU
   #################################################################################################################### */

div.minimenu
	{
	float:right;
	font-size:14px;
	}
	
	
/* ####################################################################################################################
   TABNAVIGATION UND ADMIN
   #################################################################################################################### */

div.tableiste {
	width: 100%;
	display: table;
	margin: 0 0 1em 0;
	padding: 0;
	font: bold 11px arial, verdana, sans-serif;
}

ul.tableiste {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #000;
}

ul.tableiste li {
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
}

ul.tableiste li.atablink {
	
}

ul.tableiste a {
	float: left;
	display: block;
	margin: 0;
	padding: 3px 6px 3px 6px;
	color: #003466!important;
	text-decoration: none;
	background: #fff;
	border: 1px solid #D7D7D7;
	border-bottom: none;
}

ul.tableiste a:hover {
	background: #AFD90B;
}

ul.tableiste li.atablink a,ul.tableiste li.tablink.active a  {
	padding: 3px 9px 3px 9px;
	color: #FFF!important;
	border: 1px solid #013E91;
	border-bottom: none;
	background: #013E91;
}

ul.tableiste li.atablink a:hover,ul.tableiste li.tablink.active a:hover  {
	background: #013E91;
}


	
div.admin_itemrow
	{
	border:1px solid #cccccc;
	padding:5px;
	margin-bottom:15px;
	
	}
	
div.admin_itemrow.smallindex
	{
	padding:2px 3px 2px 5px;
	margin-bottom:2px;
	}	
	
div.admin_itemrow.moved
	{
	border:1px solid #f01414;
	}
	
div.admin_itemrow:hover
	{
	border:1px solid #f01414;
	}
	
a.buttonlink
	{
	font-size:11px;
	font-weight:normal;
	padding:2px 4px;
	border:1px solid #000;
	background:#eee;
	margin-right:10px;
	}	
	
/* ####################################################################################################################
   LINKS
   #################################################################################################################### */

a.smalliconlink
	{
	background-position: 0 3px;
	background-repeat:no-repeat;
	padding-left: 12px;
	font-size: 11px;
	}
	
a.internal
	{
	background-image: url(/images/layout/bg_link-internal.png);
	}
	
	
a.iconlink
	{
	margin: 0 15px 0 0;
	padding: 3px 0 3px 22px;
	background-repeat: no-repeat;
	background-position: left 2px;
	}	
	
a.iconlink.add		{ background-image: url(/images/icons/icon_add.gif); }
a.iconlink.edit		{ background-image: url(/images/icons/icon_edit.gif); }
a.iconlink.delete	{ background-image: url(/images/icons/icon_delete.gif); }
a.iconlink.copy		{ background-image: url(/images/icons/icon_copy.gif); }
a.iconlink.sortdown	{ background-image: url(/images/icons/icon_sortdown.gif); }
a.iconlink.sortup	{ background-image: url(/images/icons/icon_sortup.gif); }
a.iconlink.view		{ background-image: url(/images/icons/icon_view.gif); }	
a.iconlink.backlink	{ background-image: url(/images/icons/icon-backlink.png); }	
a.iconlink.pdf		{ background-image: url(/images/icons/pdf.gif); }	
a.iconlink.xls		{ background-image: url(/images/icons/xls.gif); }	
a.iconlink.login	{ background-image: url(/images/icons/icon_admin_kundelogin.png); }	

a.iconlink.totop	{ 
	padding: 10px 14px 3px 0px; 
	background-position: right 13px;
	background-image: url(/images/icons/icon-top.png); 
		
	
	}	
	
	
/* ####################################################################################################################
   FORMULARE
   #################################################################################################################### */
   
fieldset {
	margin: 0 0 20px 0;
	padding: 10px;
	border: 1px solid #999;
}

legend {
	padding: 1px 5px;
	font-weight: bold;
	border: 1px solid #999;
	background: #E4E4E4;
}   
   
input,select,textarea
	{
	border: 1px solid #aaa;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	padding: 5px 3px;
	}

input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus
	{
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.20);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,.20);
	box-shadow: 0px 0px 15px rgba(0,0,0,.20);
	outline: 0;
	border-color: #333;
	}   
	
	
input[type="checkbox"], input[type="radio"]
	{
	margin: 0 5px 0 0;
	padding: 0;
	border: none;
	background: none;
	vertical-align:middle;
	
	}

input[type="submit"], input[type="button"]
	{
	font-weight:bold;
	background: #dadada;
	font-size: 12px;
	padding: 7px 8px 7px;	
	color: #333;
	cursor:pointer;
	
	}		
	
/* ####################################################################################################################
   Search-Form
   #################################################################################################################### */	
   
#searchbox input[type="text"] 
	{
	padding: 2px 3px;
	background:#ccc;
	}
	
#searchbox input[type="submit"] 
	{
	padding: 2px 3px;
	font-weight:400;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background:#ccc;
	color:#000;
	}
	
#searchbox input[type="submit"]:hover	
	{
	color:#000;
	background:#fff;
	}
	
	
.imagerow {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.imagecolumn {
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.imagecolumn img {
  margin-top: 8px;
  vertical-align: middle;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .imagecolumn {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .imagecolumn {
    flex: 100%;
    max-width: 100%;
  }
}