@charset "utf-8";

body { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	}

h1 { 
	font-size: 1.1875rem;
	color: #474747;
	padding: 0.5rem 0.15rem;
	}
h2 { 
	font-size: 1rem;
	color: #474747;
	padding: 0.15rem;
	}
	
	
h4 {
	font-size: 1.3125 rem;
	}

p {
	color: #474747;
	}

.numred {
	color: #dc2b19;
	font-style:italic;
	}

.numgreen {
	color: #006600;
	}

	.justify  {
		text-align: justify;
		}
	
/*.5pro {
	width: 5%;
	}

.10pro {
	width: 10%;
	}	
	
.fzpro {
	width: 15%;
	}	
.20pro {
	width: 20%;
	}


.25pro {
	width: 25%;
	}	*/
	

.untert {	
	font-size: 85%;
	text-align: center;
	/* margin: 50px; */
	padding: 0.2em 0;
	background-color: #eeeeee;
}
.center {
	text-align: center;
}


	table {
	width: 100%;
	}
/* Tabelle einzelergebnis bestandsuche */
table#tp1  td, table#tp1 th {
	padding: 0.2rem 0.2rem;
	}
	
#dubsuch table, #dubsuch table td  {
	border-collapse: collapse;
	border: 1px solid black;
	font-size: 10px;
	}

#dubsuch td.erste_spalte  {
	width: 20%;
		}
		
#dubsuch td.zweite_spalte  {
	width: 80%;
		}

/*
#bestandtable th, #bestandtable td {
	font-size: 70%;
	}
*/
	
#dubsuch table td {
	padding: 5px;
}		
		
#container {
		margin: 0;
		padding: 0;
}

#header {
	background: url(/headerlogo.gif) no-repeat center left;
	background-size: 100% 100%;
	
	padding-top: 10%;
} 
 
#header_bot {	
	display: block;
	border-top: 1px solid #EEEEEE;
	background: #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	}
		

#content {
	border-top: 1px solid #222222;
	border-left: 1px solid #222222;
	border-right: 1px solid #222222;
	border-bottom: 1px solid #222222;
	background: #FFFFFF;
	padding: 1rem 2rem;	
	}

#content img {
	width: 95%;
	}

#content .result2 img {
	width: 30px;
	}		

#content a {
	line-height: 1.5;
	}
#content a img.FR {
	width: 30%;
}

#content .result3 {
	text-decoration: underline;
	color: #0000CC;
}
	

	
		/*		
#menu {
	top: 0px;
	
	padding: 0.8em 0 0 0;
	float: left;
	width: 20%;
		}
		
#menu input {
		line-height: 1.5em;
		}
*/

#info {
	background: #eeeeee;	
		}
	
#info img {	
	width: 80%;
	margin:  0 11% 0 9%;
	}

#info a img {
	width: 80%;
	margin: 0 10% 1em;
	}

#info .fotohead {
	font-size: 0.8rem;
	font-weight: bold;
	width: 70%;
	/* margin: 0 5% 1rem; */
	padding: 5% 0;
	/* text-align: center; */
		}	

#info .fototext {
	font-size: 0.7rem;
	width: 80%;
	margin: 0 5% 1rem;
	text-align: justify;
	}



#nav1, #nav2, #nav3 {
		padding:1em 0 0;
		}
	
	
#nav3 select, #nav2 select {  /* select-navigation ausblenden */
		display: none;
		}		

#nav1 form, #nav2 form, #nav3 form  {
		width: 12em;
		max-width: 70%;
		margin: 0.1em auto 0.5em auto; 
		font-size: 0.8em;		
		padding: 0 0 0 auto;
		}
		
		
#nav1 form input , #nav2 form input, #nav3 form input {
		/*width: 50%;*/
		max-width: 100%;
		margin: 0 auto;
			}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}
	
		
#nav3 ul, #nav2 ul { /* listen-navigation einblenden */
		display: inline;
		padding: 1em;
		margin: 1em 0;
		list-style-type: none;
		line-height: 1.0em;
		}

		
		
		
#nav3 ul li, #nav2 ul li { /* listen-navigation einblenden */
		font-size: 0.9em;
		/* font-weight: bold; */
		text-align: center;
		list-style-type: none;
			}
	
#nav3 li a li, #nav2 li a{
	display: block;
	padding: 1.0em 1.0em;
	text-decoration: none;
	color: #222;
	border: 1px solid;
	/* background-color: #E0E0E0; */
	}	

#nav3.dash li a, #nav2 li a{
	display: block;
	padding: 1.0em 1.0em;
	text-decoration: none;
	color: #222;
	border: 1px solid;
	background-color: #eaeaea;
	}	

#nav3 li a:hover, #nav2 li a:hover {
	color: #000000;
	background-color: #EB867C;
	-webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
	}	
	
#home  li.home a, #uebera  li.uebera a, #ueberf  li.ueberf a,
 #system  li.system a, #dubsuch  li.dubsuch a, #digmedien  li.digmedien a, #serien  li.serien a,
#filme  li.filme a, #hilfe  li.hilfe a, #impressum  li.impressum a, #datenschutz  li.datenschutz a, #links  li.links a,
#intern  li.intern a, #veranst  li.veranst a, #suche_ext  li.suche_ext a {
	color: #000000;
	/* background-color: #DD4444; */
	-webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
	}

	#suche_extneu  li.suche_extneu a {
	color: #ffffff;
	background-color: #DD4444;
	-webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
	}

.dash {
	background-color: #a8fa04;
	font-weight: bolder;
	line-height: 10px;
}

	
#nav3 ul li img, #nav2 li img {
	height: 0.8em;
	width: 0.8em;
	}	
			
#nav1 select, #nav2 select {  /* select-navigation ausblenden */
		display: none;
		}	

.main_text {
	padding: 1rem 0.2rem;
	}	
			
#footer {
	float: left;
	background: #DDDDDD;
	margin: auto 0;
		}
		
#footer p {
	font-size: 0.8rem;
	text-align: center;
	}

#liste table, #liste table td {
	border: 1px solid black;
}
	

@media screen and (min-width: 801px) {

div#nav1, div#nav3 {
	display:none;
		}


div#wrapper {
	background: #eeeeee;
	float:left;
	width:100%;
	z-index:1;	
		}

div#content{margin: 0 20%}

div#nav2 {
	background:#eeeeee;
	float:left;
	width:20%;
	margin-left:-100%;
	}

div#info{float:left;width:20%;margin-left:-20%}
div#footer{clear:left;width:100%}
}

@media screen and (max-width: 800px) and (min-width: 401px) {

div#content{margin-left:160px}
div#nav2 {
	display:none;
	}

div#info{float:left;clear:left;width:160px}
div#footer{clear:both;width:100%}

/* div#wrapper {
	z-index:1;
	background: #eeeeee;
	float:right;
	width:100%;
	margin-left:-160px;
		} */

div#nav1 {
	display:none;
	background: #440088;
	float:left;
	width:160px;
	z-index:5;	
		}

#content a img.FR {
	width: 50%;
}
		
 }
 
 @media screen and (max-width: 400px) {
 
#header_bot {	
	display: none;
			}
#nav1 ul {
	display: none;
	}
div#nav2, div#nav3 {
	display:none;
	}
/* div#wrapper{width:100%;} */



div#nav1{background:#eeeeee;width:100%}
#nav1 select {  /* select-navigation einblenden */
		display: inline;
		background: #EB867C;
		font-size: 1.2rem;
		margin: 0 0 0.5rem 0;
		padding: 0.3rem;
		width: 100%;
		}

#nav form {
	font-size: 1.1rem;		
	
		}
		
		
#content {
	padding: 0.5rem;	
		}

#content a img.FR {
	width: 95%;
}
		
		div#info{width:100%}
div#footer{clear:both;width:100%}
 
 }