@charset "UTF-8";
/**
 *
 * (de) Individuelle Formatierungen für spezielle Di-Ji-Elemente
 *
 */

@media screen, projection
{
	
/* Allgmeine Einstellungen */

	/* generelle Seiteneigenschaften */
   
	body {
		height:100% !important;
		padding:0;
		background-color:#fff;
		background-image:url(../../../images/default/background.png);
		background-repeat:repeat-x;
	}

	/* runde Ecken */

	.roundedCorners{
		border:1px;
		border-color:#023484;
		background-color:#fff;
		border-style:solid;
		border-radius: 40px 40px;
		-moz-border-radius: 40px 40px;
		-webkit-border-radius:40px 40px;
	}
}

@media all
{

	/* Seitenkopf */

	#Seitenueberschrift {
		position:absolute; left:-9999px;	
	}

	#header {
		margin-left:10px; 
		margin-right:10px; 
		margin-top:15px; 
	}

	#meldestellen_logo {
		margin-bottom:15px; 
		margin-left:15px;
	}

	#captcha {margin-left:30px;}

	#Banner {
         border-bottom: 1px solid #003382; /*blau*/
		 padding-bottom: 0.2em;
	}
	
	#Kopflogos {
		border-bottom: 1px solid #b1ca35; /*gruen*/
	}

	/* Navigation */

		/* Hauptnavigation */

		#hauptmenu {background-color:#fff; font-size: 95%;}
		#hauptmenu li a:link { color:black; text-decoration:none;}
		#hauptmenu li a:visited { color:black; text-decoration:none; }
		#hauptmenu li a:focus {  color:black; text-decoration:underline; }
		#hauptmenu li a:hover {  color:black; text-decoration:underline; }
		#hauptmenu li a:active { color:black; text-decoration:underline;  }
            
		#hauptmenu ul { line-height: 1.5em; margin: 0 0 1em 1em }
		#hauptmenue li { margin-left: 1.5em; line-height: 1.5em }
			
		/* Servicenav */

		#mainlevel_service {list-style-type:none;}
		#mainlevel_service li{float:left;}
		#mainlevel_service a:link { color:black; text-decoration:none;}
		#mainlevel_service a:visited {  color:black; text-decoration:none; }
		#mainlevel_service a:focus {  color:black; text-decoration:underline; }
		#mainlevel_service a:hover {  color:black; text-decoration:underline; }
		#mainlevel_service a:active { font-weight:bold; color:black; text-decoration:underline;  }
		#servicenav {margin-bottom:5px;}
			
	/* article index */
	.contenttoc {
		border:1px solid #efefef; 
		margin:0 0 1em 1em;
		font-size:85%;
	}
		
	.contenttoc-clear {
		border: none 0;
		clear: both;
		float: none;
		height: 0;
		line-height: 1px;
		margin: 0;
		padding: 0;
		visibility: hidden;
		overflow: hidden;
	}
	
	.contenttoc .pagination {
		text-align: center;
	}
	
	.contenttoc ol {
		position: relative;
		padding: 0 5px 5px 2.0em;
		margin: 0;
		vertical-align: top;
		counter-reset: item;
	}
		
	.contenttoc ol ol {
		padding: 0 0 0 2.0em;
	}

	.contenttoc ol li {
		display: list-item;
		list-style-type: decimal;
		list-style-position: outside;
		padding: 0;
		margin: 0;
		line-height: 1.2;
	}
	
	/* following selectors are invisible to IE upto 8 */
	.contenttoc[class] ol>/**/li {
		display: block;
	}
	
	.contenttoc ol li:before {
		content: counters(item, ".") " ";
		counter-increment: item;
	}

	/*  Inhalte verstecken */
	.hidden { 
		position:absolute; 
		left:-9999px; 
		top:auto; 
		width:1px; 
		height:1px; 
		overflow:hidden;
	} 

	.contenttocskip { 
		position:absolute; 
		left:-9999px; 
		top:auto; 
		width:1px; 
		height:1px; 
		overflow:hidden;
	} 

	.contenttocskip:focus { 
		position:static; 
		width:auto; 
		height:auto; 
	} 
			
	#footer {
		clear:both; 
	
	}
		
	#footer_copy {
		clear:both;  
		text-align:right; 
		margin-right:20px; 
		font-size:0.8em;
	}
	
	/* Skiplistennavigation */
		
		/*breadcrumb */		
		#breadcrumb { 
			margin-bottom:20px; 
			padding-left:20px;
			color: #666666;
	}
			
	/* Formulare */
	/* ### form elements | Formular Elemente ### */
  
	label, input[type=checkbox], input[type=radio], select, button, .button {
		cursor: pointer;
	}
	
	input, .inputbox, label, select, button {
		padding: 1px 2px;
	}
		
	input, .inputbox, button, .button {
		background:#efefef;
		border:1px solid #ccc;
	}
  
	input:hover, .inputbox:hover, button:hover, .button:hover,
	input:focus, .inputbox:focus, button:focus, .button:focus {
		background:#f5f5f5;
		border:1px solid #aaa;
	}
  
	#fb_el_diji_kongress___Beduerfnisse_text {width:100%;}

	.fabrikLabel {
		width: 130px !important;
		clear: left;
		float: left;
		min-height:1px; /*for elements with no label txt*/
	}

	#fb_el_diji_kongress___Beduerfnisse_Einleitung_text {display:none; float:none;}
	#diji_kongress___Beduerfnisse_Einleitung {margin:5px;}
	#fb_el_diji_kongress___Beduerfnisse_text {width:300px !important; margin:5px; clear:both;}
	#group10{display:none;}
  
	/*** default validation images */
	.notempty{	background: none;}
	.isemail{ background: none;}
	.isalphanumeric{ background: none; }

	/* Vergleichstabelle */
	.vergleichstabelle{ background-color:#FFFFFF; }
  
	/* Bilder */
	.bildunterschrift{ 
		margin-top: 1em;
		margin-bottom: 1em;
		border:1px;
		border-color:#000;
		background-color:#fff;
		border-style:solid;
	}

	.bildunterschrift_bild {
		padding-top: 5px; text-align:center; 
	}

	.bildunterschrift_text {
		margin-top: 0.5em;
		padding-left: 5px;
		text-align:center;
		font-size:80%;
   
	}
  
  #col3_content img{max-width:100%;}

	/******************************************************************/
	/*************** Code-Design durch pre ****************************/
	/******************************************************************/
	code, p.code {
		padding: 5px;
		font-family: monospace;
		font-size: 1.1em;
		margin: 0 0 1em 0;
		color: #494949;
	}

	code.js, p.js{
		border: 1px dotted #023484;
		display: block;
		padding-right: 12em;
		background: #fff url(images/Javascript.png) no-repeat top right;
	}
	
	code.html, p.html{
		border: 1px dotted #023484;
		display: block;
		padding-right: 8em;
		background: #fff url(images/XHTML.png) no-repeat top right;
	}
	
	code.css, p.css{
		border: 1px dotted #023484;
		display: block;
		padding-right: 6em;
		background: #fff url(images/CSS.png)  no-repeat top right;
	}

	/******************************************************************/
	/************* Design fuer Video-Boxen ****************************/
	/******************************************************************/
	div.video-beispiel {
		margin: 10px auto;
		text-align: center;
		width: 410px;
		border: 1px dotted #023484;
		background: #fff;
		padding: 10px;
	}
	
	div.untertitel {
		width: 420px;
		min-height: 30px;
		padding: 10px;
		font-size: 1.1em;
		font-weight: bold;
		font-family: arial;
		color: #000;
		border: solid 1px #023484;
		background-color: #FFF;
		margin: 10px auto;
	}
	
	/**
	* Design fuer Video-Boxen-Navigation
	*/
	div.tabs ul {
	margin: 5px auto;
	padding: 0;
	width: 420px;
	line-height: 1.2em;
	} 

	div.tabs ul li {
		list-style: none;
		display: inline;
		margin-left: 0;
	}
		
	div.tabs ul li a:link,
	div.tabs ul li a:visited,
	div.tabs ul li span {
		border: 1px solid #023484;
		padding: 2px 2px 2px 2px;
		background: #fff;
		color: #000;
		text-decoration: none;
	}

	#col3_content div.tabs ul li a:hover,
	#col3_content div.tabs ul li a:focus,
	#col3_content div.tabs ul li a:active {
		background: #88503E;
		text-decoration: underline;
		border-bottom: 0px;
		color: #fff;
	}

	/* Positionierung von Video-Blöcken */
	.fl {display:block;float:left; }
	.fr {display:block;float:right;}

	
	/**
	* Suche
	*/
	
		/* Suchformular Modul Volltextsuche  */
		.modsearch {
			text-align:left;
			padding:1px 7px 9px 0;
			color:#333;
			font-weight:bold;
			font-size:1.1em
		}
		
		.modsearch label {margin-right:.4em}
	
		.modsearch .inputboxsearch {
			font-size:1.05em;
			margin-right:.4em;
			padding:1px 2px;
			width:51%;
			border:1px solid #777
		}
		
		.modsearch .buttonsearch {
			vertical-align:bottom;
			font-size:1.05em;
			border:1px solid #777;
			padding:1px 0 0 1px;
			margin:0
		}
		
		/* Volltext-Suche */
		.searchfield {border:1px solid; margin:1em 0 1em 0;padding:1em 0 0 0;background-color:#F6F6F6;height:1%;color:#000000;}
		#search_searchword {width:95%;font-weight:bold;color:#040204}
 
		.searchfield .radioopt {display:block;height:1%;padding-bottom:.3em}

		.searchfield button.button {padding:2px 1em}
  
		.searchfield .subcl {padding-left:1em;}	
		.searchfield .subcr {padding-left:2em; padding-top: 1em;}
  
		.searchfield label {font-size:1em;color:#040204;padding:1em 1em 1em 0}
		.searchfield .search_button {font-size:1.3em;font-weight:bold;color:#040204;padding:1em 0 1em 0}
		.searchfield .subcolumns {padding-bottom:1em}
		.searchfield .pages .active {font-weight:bold;}
		
		.search_result {	font-size:95% ; padding-left:10px;}
		.search_limitbox{font-size:95%; padding-left:10px;}

		.searchfield.paging {border:1px solid #00317C; margin:.5em 0 1em 0;background-color:#F6F6F6;padding:.5em 1em .5em 1em; }
		.searchfield .paging .pages {padding-left:.6em;padding-right:.6em;}
		.searchfield .paging p {margin:0;padding:0;}
		.searchfield.paging a {color:#00317C;}

		.search_definitionlist dt {border-top:1px solid #254EBC; padding-top:5px;}

	/**
	* Sprachauswahl 
	*/
	
	#jflanguageselection li {
		list-style-type:none;
		margin: 0;
		padding: 0;
	} 

	#jflanguageselection img{
		vertical-align:middle; 
		padding-top:5px; 
		padding-right:10px;
	} 
		
		
	/* Themen Navigation */
	
	#tagcloud {padding-bottom:10px;}
	#tagcloud a {padding-left:6px;}
		
	/* Formulare - Spamschutz */
	#___nospam,
	#fb_el____nospam_text,
	#fb_el____testout_text,
	#___testout,
	#fb_el____testin_text,
	#___testin { display:none; }
	
	#fabrikSubmit5 {display:none;}
	
	/* Copyright */
	#copyright {
		margin-top:20px; 
		margin-left:20px;
	}

	/**
	* Textformatierung im Inhaltsbereich
	*/
		
		/* Individuelle Gestaltung der Standard-Elemente */
		
		p {  color: #000000; }
  
		h2.unsichtbar { display:none; }
		h3.unsichtbar { display:none; }
		h5 { color:#666666; }
		h6 { color:#666666; }  
  	
		blockquote {
			padding: 10px;
		}
		
		blockquote.highlight {
			background-color: #E9E9FD;
			border:1px solid #003382;
			padding-bottom:2px;
		}

		code {
			display:block;
			font-family:monospace;
			font-size:1em;
			margin:1em .5em;
			padding:.5em;
			border: 1px dotted #003382;
		}
				
		acronym, abbr { border-bottom: .1em dashed #003382; } 
		
	
		
		/* Spezielle Inhalte */
		
		/* Hervorhebungen */
		.wichtig, .gross {
			text-transform: uppercase;
		}

		/* Leichte und Verständliche Sprache */
		p.verstaendlich { font-size: 1.1em; } 
		h4.verstaendlich { margin-top:1.5em; }
  
		p.teaser_leicht { font-size: 1.2em; color: #003382;}
		.leicht { 
			font-size: 1.1em; 
			border: solid #92A8C9 1px; 
			padding-top: 0.2em;
			padding-left: 0.3em;
			padding-right: 0.3em;
			margin-top: 0.5em;
			margin-bottom:1em;
		}
		.leicht p, .leicht ul li { color:#003382;}
    
	    /* Abstand LS-Bilder zu Aufzählungen */
		.ls_text .float_left, 
		.ls_text .left, 
		.ls_text .image_left { margin-right: 3em; }
	
		.ls_text img.mini {margin-right: 1.5em; }
		
		/* größere Schrift */
	    .ls_text ul li, .ls_text p { font-size: 116.67%; } /* 14pt */
        .ls_text h4 { font-size: 150%; } 	/* 18 pt */
		.ls_text h5 { font-size: 133.33%; } /* 16pt */
		.ls_text strong { color: #003382; } 
		
		/* Hervorhebung für Beispiele, Fazit usw. */
		.ls_text .beispiel,
		.ls_text .fazit,
		.ls_text .partnerdaten {
			border:1px;
			border-color:#023484;
			background-color:#FFFFFF;
			border-style:solid;
			border-radius: 20px 20px;
			-moz-border-radius: 20px 20px;
			-webkit-border-radius:20px 20px;
			margin-top: 1em;
			margin-bottom: 1em;
			padding: 1em;
		}

		.ls_text .beispiel p,
		.ls_text .beispiel ul li,
        .ls_text .fazit ul li	,
		.ls_text .fazit p { margin-bottom: 1em; }
		
		.ls_text div.fazit p { color: #003382;}
 
		ul.menu img.easyimg {
			margin-right: 0.2em;
			width: 1em;
			}
		
		 /* Hervorhebungen Weiterlesen Links */

		/* Links zur Begründung */
		#col3_content a.lgrund
		{
			padding-left: 18px;
			background-image: url("../../../images/meldestelle/icon_comment.gif");
			background-repeat: no-repeat;
			background-position: 0pt 0.2em;
			line-height: 1.6em;
		}
		
		/* Listen im Inhaltsbereich / 3. Spalte */
		#col3_content  ul { list-style-image: url('../../../images/meldestelle/di-ji-bullet-v2.png'); }
		#col3_content ul.bgg { list-style:none;}
		#col3_content li.bgg { float:left;}

		ul, ol, dl { color: #000000; }
	
		.alpha-list {list-style-type: lower-latin;}
		#unstyled-list, .unstyled-list ul{list-style-type:none; list-style-image:none;}
		
		div#col3_content div.hinweis
		{
		background:#DDFFDD url(images/info.png) no-repeat scroll left top;
		border-bottom:1px dotted #BBDDBB;
		border-top:1px dotted #BBDDBB;
		margin:1em;
		padding:1em 1em 1em 5em;
		}
		
		/**
		*   Kongress
		*/

		div.kongressvortrag {
			border:1px dotted #b1ca35; 
			margin: 0 0 0.5em 0; 
			padding: 0.4em 0.2em 0.4em 0.2em; 
		}

		strong.kongressref { 
			color:#003382; 
		}

	/**
	* (de) Meldungen / Infoblöcke rechte Spalte
	*/
 
	div#col2_content h3 { 
		margin: 0 0 0 0; 
		font-size: 116.67%; 
	}    

	#col2 div.infoblock ul {

		margin-bottom: 0; 
		padding-bottom:0; 
		margin-left:0;
		margin-top: 1.5em;
		list-style-type: none;
		
	}

	#col2 div.infoblock,
	#col2 div#logos_rechte_Spalte p { 
		margin-bottom: 1em;
		padding-bottom: 1em; 
		margin-top: 0em;
		border-bottom: solid 1px #B1CA35;
	}

	#col2 div#kongress p { 
		margin-top: 1em;		
	}

	#col2 div#logos_rechte_Spalte img,
	

	#col2 div#logos_rechte_Spalte img.bmaslogo {
		margin:0;
		padding:0;
	}


	#col2 div.infoblock li { 
		margin-left:0.5em;
		margin-bottom:0.2em;
	}

	.dijibuttong {
		padding: 0.2em;
		color: black ;
		background-color: #FFFFFF;
		border-top: 1px solid #B1CA35;
		border-right: 1px solid #98AD32;
		border-bottom: 1px solid #98AD32;
		border-left: 1px solid #B1CA35;
	}
	
	
	/* Newsletter */
	
	.newsletter fieldset{border-color:#92A8C9;}
	.newsletter legend { color:#003382 }
	.newsletter label { font-weight:bold; color:#000000;}
	.newsletter input {
	font-size:1em; 
	width:98%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	}
	
.newsletter textarea {width:98%; font-size:1em; font-family: Verdana, Helvetica, Arial, sans-serif; }
.newsletter  select {width:98%; font-size:1em;}
#newsletter_submitbutton_anmelden{width:100px;}
#newsletter_submitbutton_abmelden{width:100px;}






/* mobile */

  
  #mobilebody { text-align:left; background:#fff; background-image:none; width: auto; padding:1em; margin:0;}           
  #mobilebody div {overflow:visible; float:none;}
  #mobilebody img {}

  
    #mobilebody h1, .componentheading { font-size: 180% }                        /* 24px */
  /*h2, .contentheading   { font-size: 166.57%; color:#182E7A}    */   /* 20px */ 
 #mobilebody h2, #mobilebody h2.contentheading, #mobilebody h2.componentheading { font-size: 150%; color:#182E7A}       /* 20px */
 #mobilebody h3, #mobilebody h3.contentheading, #mobilebody h3.componentheading { font-size: 140% }                        /* 18px */
 #mobilebody h4, #mobilebody  h4.contentheading, #mobilebody h4.componentheading { font-size: 120%; color:#182E7A }    /* 16px, dunkelblau */
 #mobilebody h5, #mobilebody h5.contentheading, #mobilebody h5.componentheading { font-size: 110%; color:#3C3C3C }    /* 14px, dunkelgrau */
 #mobilebody h6, #mobilebody h6.contentheading, #mobilebody h6.componentheading { font-size: 105%; color:#3F5190 }  /* 14px, dunkelblau */
  
  

  #mobiletopmenu ul  {list-style-type:none;}
  #mobiletopmenu ul li	{float:left; text-decoration:none;}
  #mobilemenu {padding-top:20px; border-top:1px solid; border-bottom:1px solid; max-width:600px;}
  #mobilemenu ul { list-style-image: url('../../../images/meldestelle/di-ji-bullet-v2.png'); padding-top:0px; margin-top:0px;}
  #mobilemenu  li {padding-top:10px;}
  #mobilemenu a{font-size: 120%;}

  #mobilecontent {background:#fff;}
  #mobilecontent {width:100%; max-width:600px;} 
  #mobilecontent div {width:100%;} 
  #mobilecontent p {max-width:100%;}

   		/* Listen im Inhaltsbereich */
	#mobilecontent ul { list-style-image: url('../../../images/meldestelle/di-ji-bullet-v2.png'); }
	#mobilecontent ul.bgg { list-style:none; }
  
  /* Volltextsuche */
  
  #mobilecontent #search_searchword {width:70%;font-weight:bold;color:#040204}
		
    
    /* Bilder im Inhaltsbereich */
   
   #mobilecontent img{max-width:100%;}
  
  /* Formular im Inhaltsbereich */
  #mobilecontent form {width:100%;}  
  #mobilecontent select {width: 180px;}
  #mobilecontent .radioopt {max-width: 300px;}
  #mobilecontent label {max-width: 300px;}
  #mobilecontent .searchfield {border-top:1px solid; border-bottom:1px solid; border-left:none; border-right:none; background-color:#FFFFFF;}
 
 /* Links zur Begründung */
		#mobilecontent a.lgrund
		{
			padding-left: 18px;
			background-image: url("../../../images/meldestelle/icon_comment.gif");
			background-repeat: no-repeat;
			background-position: 0pt 0.2em;
			line-height: 1.6em;
		}



  /*Sonstiges*/
  
  #mobilecontent div.tabs ul li a:hover,
	#mobilecontent div.tabs ul li a:focus,
	#mobilecontent div.tabs ul li a:active {
		background: #88503E;
		text-decoration: underline;
		border-bottom: 0px;
		color: #fff;
	}

 /* Videoplayer */
  .steuerelemente {list-style-type:none;list-style-position:outside;padding:0;margin:.5em 0 1em 0;}
  .steuerelemente li {padding:0;margin:0;width:17em;float:left}
  .steuerelemente li a {padding:.6em 1em .6em 48px;line-height:2.8em;background: transparent url(images/videoplayer.png) no-repeat 0 0;font-size:1.3em;}
  .steuerelemente li a {color:#555;font-weight:bold;border:2px solid #fff}
  #player_play:link, #player_play:visited {background-position:0 0;}
  #player_play:focus, #player_play:hover, #player_play:active {background-position:0 -80px;border:2px solid #999}
  #player_stop:link, #player_stop:visited {background-position:0 -160px}
  #player_stop:focus, #player_stop:hover, #player_stop:active {background-position:0 -240px;border:2px solid #999}
  #player_back:link, #player_back:visited {background-position:0 -320px}
  #player_back:focus, #player_back:hover, #player_back:active {background-position:0 -400px;border:2px solid #999}
  #player_restart:link, #player_restart:visited {background-position:0 -480px}
  #player_restart:focus, #player_restart:hover, #player_restart:active {background-position:0 -560px;border:2px solid #999}
  #download_mp4:link, #download_mp4:visited {background-position:0 -640px}
  #download_mp4:focus, #download_mp4:hover, #download_mp4:active {background-position:0 -720px;border:2px solid #999}
 		
}