﻿@-webkit-keyframes bounce1 {
	0%       { bottom:37px; }
	25%, 75% { bottom:43px; }
	50%      { bottom:45px; }
	100%     { bottom:33px; }
}

@-webkit-keyframes bounce2 {
	0%       { bottom:97px; }
	25%, 75% { bottom:103px; }
	50%      { bottom:105px; }
	100%     { bottom:93px; }
}

/* Allgemeines */
body { font-family:"Fedra Sans Std", "Myriad Pro", Arial; font-size:18px; background-color:#FFF; color:#000; text-align:center; margin:0; padding:0; }
p {}
td {}
a:link { color:#000000; text-decoration:none; }
a:visited { color:#000000; text-decoration:none; }
a:hover { color:#525252; text-decoration:none; }
a:active { text-decoration:none; }
.master { position:relative; width:95%; max-width:1280px; margin:auto; } 
.orangertext { color:#E6884C; }
.fett { font-weight:bold; }
.headline { font-size:24px; }
.center { text-align:center; }
.left { text-align:left; }
.vollebreite { width:100%; }
.row:after { content:""; display:table; clear:both; }
.blauer_text { color: #273582; }
/**************/

/* header */
#header_polizei_background { position: absolute; top:0; left:0; width:100%; padding-top:80px; }
#header_polizei { height:220px; box-sizing: border-box; padding-top:20px; padding-bottom: 20px; text-align:left; font-size:16px; }
#header_text { margin-top:-175px; }
#header_benutzer_text { position:absolute; right:0; max-width:30%; top:50px; text-align: right; }
#header_pfad_text { position:absolute; left:0; max-width:30%; top:50px; }
#PolizeiKleinBorstelheimLogo { position:relative; background-repeat:no-repeat; background-size:cover; width:157px; height:175px; margin:auto; }

@media only screen and (max-width:400px) { 
	#header_benutzer_text { max-width:25%; }
	#header_pfad_text { max-width:25%; }
}

@media only screen and (max-width:576px) { 
	#header_benutzer_text { font-size: 10px; }
	#header_pfad_text { font-size: 10px; }
}

@media only screen and (max-width:768px) { 

}

@media only screen and (max-width:900px) { 
	#header_text { display: none; }
}

@media only screen and (max-width:1200px) { 

}
/**********/

/* main */
#main_polizei_background { position: relative; width: 100%; height:200px; margin-bottom: 20px; background-image: url('../design/polizeiserver_grafik.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; }
#main_polizei { min-height:calc(100vh - 100px - 220px); padding-bottom: 100px; box-sizing: border-box; }
/********/

/* footer */
#footer_polizei_background { position:relative; box-sizing: border-box; height: 100px; width:100%; background-color:#273582; }
#footer_polizei { text-align:center; color:#FFF; padding-top:30px; }
/**********/

/* contentcontainer */
#PolizeiLoginForm { position: relative; margin:auto; padding-top:40px; padding-bottom: 50px; width:100%; max-width: 400px; background-color: #000; color: #FFF; }
#CommToolLoginForm { position: relative; margin:auto; padding-top:40px; padding-bottom: 50px; width:100%; max-width: 400px; border:1px solid #000; }
#PDFLoginForm { position: relative; margin:auto; padding-top:40px; padding-bottom: 50px; width:100%; max-width: 400px; border:1px solid #000; }
.FallaktenContainer { position: relative; border:2px solid #000; width:95%; padding-left: 2%; padding-right: 2%; max-width:1000px; margin:auto; z-index: 100; }
.firstcolumn { float:left; width:60%; text-align:left; }
.secondcolumn { float:left; width:35%; }
.neue_inhalte_nach_commtool { display: none; }
#CommTool { display: none; }
#commtool_close { position: absolute; top:1%; right:1%; width:40px; padding-top:40px; border:2px solid rgb(174, 37, 29); border-radius: 30px; background-image: url('../design/close.png'); background-position: center; background-repeat: no-repeat; background-size: cover; }
.commtool_firstcolumn { float:left; width:47%; text-align:left; }
.commtool_secondcolumn { float:left; width:47%; text-align:left; padding-left:6%; }
#commtool_karte_container { position: relative; }
#CommtoolVideoPlayer { position: absolute; top:0; height: 100%; max-width: 100%; left:50%; transform: translateX(-50%); }
#commtool_video_ende_container { display: none; position: relative; padding-top: 30px; }
#commtool_loading_background { position:absolute; display: none; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); background: rgba(255, 255, 255, 0.8); border:4px solid rgb(108, 163, 230); border-radius: 20px; }
#commtool_loading_container {  font-weight: bold; font-size: 20px; margin:20px; opacity: 1; }
#commtool_video_container { position: absolute; display: none; width:100%; left:0; top:0; min-height: 100%; background-color: #FFF; z-index:400; }
#commtool_officer { position:absolute; top:68%; left:32.5%; background-image: url('../design/PolizeiserverKommunikation.png'); background-position: center; background-repeat: no-repeat; background-size: cover; border:1px solid rgb(174, 37, 29); border-radius: 20px; width:4%; padding-top: 4%; }
#commtool_officer_legende { position:absolute; background-image: url('../design/PolizeiserverKommunikation.png'); background-position: center; background-repeat: no-repeat; background-size: cover; border:1px solid rgb(174, 37, 29); border-radius: 20px; width:4%; padding-top: 4%; }
.commtool_station { border:10px solid rgb(108, 163, 230); background-color: #FFF; border-radius: 20px; width:1%; padding-top: 1%; cursor: pointer; }
.commtool_station:hover { border:10px solid rgb(174, 37, 29); }
#commtool_infobox_edge { position: absolute; top:35.2%; left:1.9%; width: 4%; padding-top:4%; -webkit-transform:rotate(45deg); background-color: #35b19b; }
#commtool_infobox { position: absolute; top:38%; left:1%; width:25%; max-height:54%; border:4px solid #35b19b; background: rgba(255, 255, 255, 0.9); padding:1%; z-index: 300; }
#commtool_infobox_close { position: absolute; width:33px; height:33px; text-align: center; line-height: 27px; box-sizing: border-box; top:13%; left:27%; border: 4px solid #35b19b; background-color: #FFF; border-radius: 50%; font-weight: bold; z-index: 350; }
#commtool_station_Engelsweg { position:absolute; top:9.5%; left:28%; }
#commtool_station_Teufelstor { position:absolute; top:9.5%; left:42%; }
#commtool_station_Warg { position:absolute; top:9.5%; left:57.5%; }
#commtool_station_Kapelln { position:absolute; top:9.5%; left:61.5%; }
#commtool_station_Wollhausen { position:absolute; top:4.2%; left:65.1%; }
#commtool_station_Kirchplatz { position:absolute; top:17%; left:38%; }
#commtool_station_Friedhof { position:absolute; top:17%; left:49.3%; }
#commtool_station_SanktUrban { position:absolute; top:17%; left:61.5%; }
#commtool_station_Sixtus { position:absolute; top:17%; left:65%; }
#commtool_station_Jagerhof { position:absolute; top:17%; left:77%; }
#commtool_station_Grenzgang { position:absolute; top:27.5%; left:20%; }
#commtool_station_Nordstadt { position:absolute; top:27.5%; left:33.3%; }
#commtool_station_Achterhook { position:absolute; top:27.5%; left:49.2%; }
#commtool_station_Zille { position:absolute; top:27.5%; left:61.5%; }
#commtool_station_Stadel { position:absolute; top:27.5%; left:65%; }
#commtool_station_Jungfernacht { position:absolute; top:27.5%; left:73.5%; }
#commtool_station_Wolfsschlucht { position:absolute; top:27.5%; left:86%; }
#commtool_station_Flussstrasse { position:absolute; top:38.3%; left:57.5%; }
#commtool_station_Rathaus { position:absolute; top:38.3%; left:73.5%; }
#commtool_station_Waldweg { position:absolute; top:38.3%; left:86%; }
#commtool_station_Stadtpark { position:absolute; top:49%; left:33.3%; }
#commtool_station_Lotring { position:absolute; top:49%; left:49.2%; }
#commtool_station_Hameln { position:absolute; top:49%; left:61.5%; }
#commtool_station_Baumweg { display: none; position:absolute; top:58.3%; left:33.3%; } 
/* ist ausgeblendez. da es sonst die Bus-Linie verdeckt und man nicht sieht, dass er da nicht hält */
#commtool_station_Lot { position:absolute; top:58.3%; left:41%; }
#commtool_station_Hermannsplatz { position:absolute; top:58%; left:73.5%; }
#commtool_station_Isolden { position:absolute; top:58%; left:86%; }
#commtool_station_Fleischerei { position:absolute; top:58%; left:92.2%; }
#commtool_station_Senke { position:absolute; top:68%; left:20%; }
#commtool_station_Rodingen { display: none; position:absolute; top:68%; left:41%; }
#commtool_station_Sand { position:absolute; top:68%; left:49.2%; }
#commtool_station_Hochberg { position:absolute; top:68%; left:65%; }
#commtool_station_Grundweg { position:absolute; top:68%; left:73.5%; }
#commtool_station_Huhnerposten { position:absolute; top:68%; left:92.2%; }
#commtool_station_Deichstrasse { position:absolute; top:73%; left:70%; }
#commtool_station_Vogelwiese { position:absolute; top:73%; left:86%; }
#commtool_station_Grunspitz { position:absolute; top:80%; left:33.3%; }
#commtool_station_Bruckenstrasse { position:absolute; top:80%; left:57.5%; }
#commtool_station_Pfauenhort { position:absolute; top:80%; left:73.5%; }
#commtool_station_Meisenau { position:absolute; top:80%; left:86%; }
#commtool_station_Spatzen { position:absolute; top:80%; left:92.2%; }
#commtool_station_Westplatz { position:absolute; top:88.7%; left:20%; z-index: 100; }
#commtool_station_Winselschau { position:absolute; top:88.7%; left:65%; }

#commtool_station_s1_GruenerBogen { position:absolute; top:7%; left:20%; }
#commtool_station_s1_SiedlungNord { position:absolute; top:7%; left:64.4%; }
#commtool_station_s1_Kastanienallee { position:absolute; top:12.7%; left:28.7%; }
#commtool_station_s1_Neubaugebiet { position:absolute; top:12.7%; left:42%; }
#commtool_station_s1_Grenzweg { position:absolute; top:12.7%; left:57%; }
#commtool_station_s1_Kornfeld { position:absolute; top:12.7%; left:60.6%; }
#commtool_station_s1_Werkstrasse { position:absolute; top:20.2%; left:38.3%; }
#commtool_station_s1_Feuerwehr { position:absolute; top:20.2%; left:49%; }
#commtool_station_s1_AmSchrottplatz { position:absolute; top:20.2%; left:60.8%; }
#commtool_station_s1_Obertor { position:absolute; top:20.2%; left:64.3%; }
#commtool_station_s1_Feldrain { position:absolute; top:20.2%; left:75.5%; }
#commtool_station_s1_Tannenweg { position:absolute; top:30.4%; left:33.5%; }
#commtool_station_s1_Rathaus { position:absolute; top:30.4%; left:49%; }
#commtool_station_s1_Schleife { position:absolute; top:30.4%; left:58%; }
#commtool_station_s1_Parkschule { position:absolute; top:30.4%; left:64.1%; }
#commtool_station_s1_Hofaecker { position:absolute; top:30.4%; left:72.3%; }
#commtool_station_s1_Gartenstadt { position:absolute; top:30.4%; left:84.4%; }
#commtool_station_s1_Winkelgasse { position:absolute; top:35.7%; left:43.8%; }
#commtool_station_s1_Ziegelei { position:absolute; top:42.3%; left:20%; }
#commtool_station_s1_Klosterhof { position:absolute; top:42.3%; left:33.8%; }
#commtool_station_s1_Steigerpfad { position:absolute; top:40.7%; left:57%; }
#commtool_station_s1_Stadtpark { position:absolute; top:40.7%; left:72.3%; }
#commtool_station_s1_AmHang { position:absolute; top:40.7%; left:84.4%; }
#commtool_station_s1_Schulzentrum { position:absolute; top:51.2%; left:49%; }
#commtool_station_s1_Bergstrasse { position:absolute; top:51.2%; left:60.8%; }
#commtool_station_s1_Teichwiesen { position:absolute; top:54.9%; left:33.7%; }
#commtool_station_s1_Halde { position:absolute; top:57.7%; left:43%; }
#commtool_station_s1_AmBachlauf { position:absolute; top:60%; left:72.3%; }
#commtool_station_s1_Reitplatz { position:absolute; top:60%; left:84.4%; }
#commtool_station_s1_Kleinwald { position:absolute; top:60%; left:90.2%; }
#commtool_station_s1_Buergerhaus { position:absolute; top:63.7%; left:21%; }
#commtool_station_s1_AmDorfplatz { position:absolute; top:69.2%; left:33.5%; }
#commtool_station_s1_Buchenweg { position:absolute; top:69.2%; left:49%; }
#commtool_station_s1_Muehlenberg { position:absolute; top:69.2%; left:64.1%; }
#commtool_station_s1_Heideblick { position:absolute; top:69.2%; left:72.3%; }
#commtool_station_s1_Talstrasse { position:absolute; top:69.2%; left:90.2%; }
#commtool_station_s1_Schmiedgasse { position:absolute; top:74.6%; left:68.9%; }
#commtool_station_s1_Bahnhofstrasse { position:absolute; top:74.6%; left:84.4%; }
#commtool_station_s1_Marktgasse { position:absolute; top:81%; left:33.7%; }
#commtool_station_s1_AlteMuehle { position:absolute; top:81%; left:57%; }
#commtool_station_s1_UntereGasse { position:absolute; top:81%; left:72.3%; }
#commtool_station_s1_Brueckenweg { position:absolute; top:81%; left:84.4%; }
#commtool_station_s1_Sonnenwinkel { position:absolute; top:84.9%; left:21%; }
#commtool_station_s1_Suedblick { position:absolute; top:86.7%; left:90.2%; }
#commtool_station_s1_Lindenhain { position:absolute; top:89.7%; left:64.2%; }

.Download_Image_Fallakten { width:90%; max-width:150px; }
.cursor { cursor: pointer; }
#akte_geloescht_container { display: none; width:100%; height:100%; background: rgba(0, 0, 0, 0.9); position:absolute; top:0; left:0; bottom:0; right: 0; border: 8px solid darkred; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#akte_geloescht_content { position: relative; width:100%; top:45%; left:0; color: #FFF; text-align: center; font-size: 22px; font-weight: bold; }
.portal_content_phasen_invisible { position: relative; display: none; }
.portal_popup_invisible { position: absolute; left:0; right:0; top:0; bottom: 0; z-index: 500; background-color: rgba(40, 53, 131, 0.9); text-align: center; color: #FFF; box-sizing: border-box; padding-top: 50px; font-size: 20px; display: none; }
#notification_server_upload { position:fixed; display: none; bottom: 40px; right:4%; width:45px; height:45px; z-index: 500; -webkit-animation:bounce1 1s infinite; background-image: url('../design/alert_new_upload.png'); background-position: center; background-repeat: no-repeat; background-size: cover; }
#notification_chat_message { position:fixed; display: none; bottom: 100px; right:4%; width:45px; height:45px; z-index: 500; -webkit-animation:bounce2 1s infinite; background-image: url('../design/alert_new_chat.png'); background-position: center; background-repeat: no-repeat; background-size: cover; }
#polizeiregister_container { background-color: #273582; color: #FFF; box-sizing: border-box; width:100%; max-width: 900px; margin: auto; padding:20px; padding-top:40px; outline: 1px solid #FFF; outline-offset: -10px; position: relative; }
#polizeiregister_filter_headline { position: absolute; background-color: #273582; padding-left:5px; padding-right: 5px; box-sizing: border-box; top:0; left:30px; }
.polizeiregister_filter_block { display: inline-block; padding:5px; text-align: left; }
#polizeiregister_ausgabe { min-height: 400px; }
#polizeiregister_ergebnis_headline { position: absolute; background-color: #273582; padding-left:5px; padding-right: 5px; box-sizing: border-box; top:0; left:30px; }
#polizeiregister_ergebnis_container { background-color: #273582; color: #FFF; box-sizing: border-box; min-height: 600px; padding:20px; padding-top: 40px; outline: 1px solid #FFF; outline-offset: -10px; width: 100%; max-width: 500px; margin: auto; position: relative; }
.polizeiregister_ergebnis_tr_headline { background-color: #273582; border-right: 1px solid #FFF; }
.polizeiregister_ergebnis_td_headline { border: 1px solid #FFF; color: #FFF; font-size: 15px; }
.polizeiregister_ergebnis_tr:nth-child(even) { background-color: #f2f2f2; border: none; }
.polizeiregister_ergebnis_tr:nth-child(odd) { background-color: #FFF; border: none; }
.polizeiregister_ergebnis_td { border: none; color: #000; font-size: 15px; }

@media only screen and (max-width:1000px){
	.firstcolumn { width:100%; }
	.secondcolumn { width:100%; }
	.commtool_firstcolumn { width:100%; }
	.commtool_secondcolumn { width:100%; padding:0; }
}

@media only screen and (max-width:950px) { 
	.commtool_station { border-width: 8px; }
	.commtool_station:hover { border-width: 8px; }
	#commtool_infobox { font-size: 16px; }
}

@media only screen and (max-width:850px) { 
	.commtool_station { border-width: 7px; }
	.commtool_station:hover { border-width: 7px; }
	#commtool_infobox { font-size: 13px; }
}

@media only screen and (max-width:700px) { 
	.commtool_station { border-width: 6px; }
	.commtool_station:hover { border-width: 6px; }
	#commtool_infobox { font-size: 12px; }
}

@media only screen and (max-width:668px) {
	#commtool_infobox { font-size: 11px; }
}

@media only screen and (max-width:600px) {
	.commtool_station { border-width: 5px; }
	.commtool_station:hover { border-width: 5px; }
	#commtool_infobox { font-size: 9px; }
}

@media only screen and (max-width:500px) {
	.commtool_station { border-width: 4px; }
	.commtool_station:hover { border-width: 4px; }
	#commtool_infobox { font-size: 7px; }
}

@media only screen and (max-width:380px) {
	.commtool_station { border-width: 3px; }
	.commtool_station:hover { border-width: 3px; }
	#commtool_infobox { font-size: 6px; }
}

/********/

/* Listen */
ul { list-style-type: square; }
ul li { padding-left: 25px; }
ol li { padding-left: 25px; }
/********/

/* Login */
.login_field { width:80%; height:35px; margin-top:20px; margin-bottom: 20px; padding-left: 5%; }
.login_submit { -webkit-appearance: none; width:85%; height:40px; margin-top: 20px; font-weight:bold; font-size:18px; color:#FFF; background-color:#000; border:2px solid #FFF; text-align:center; text-decoration:none; display:inline-block; }
.login_submit:hover { background-color:#FFF; color:#000; }
.CommTool_submit { -webkit-appearance: none; width:85%; height:40px; margin-top: 20px; font-weight:bold; font-size:18px; color:#FFF; background-color:#000; border:2px solid #000; text-align:center; text-decoration:none; display:inline-block; }
.CommTool_submit:hover { background-color:#FFF; color:#000; }
.PopUp_submit { -webkit-appearance: none; width:85%; max-width: 400px; height:50px; margin-top: 20px; font-weight:bold; font-size:25px; line-height: 50px; color:#FFF; background-color:transparent; border:2px solid #FFF; text-align:center; text-decoration:none; display:inline-block; }
.PopUp_submit:hover { background-color:#FFF; color:#000; }
.polizeiserver_submit { -webkit-appearance: none; width:85%; max-width: 350px; height:40px; margin-top: 20px; font-weight:bold; font-size:18px; line-height: 40px; color:#000; background-color:transparent; border:2px solid #000; text-align:center; text-decoration:none; display:inline-block; }
.polizeiserver_submit:hover { background-color:#000; color:#FFF; }
.PDF_login_field { width:80%; height:35px; margin-top:20px; margin-bottom: 20px; padding-left: 5%; }
.PDF_submit { -webkit-appearance: none; width:85%; height:40px; margin-top: 20px; font-weight:bold; font-size:18px; color:#FFF; background-color:#000; border:2px solid #000; text-align:center; text-decoration:none; display:inline-block; }
.PDF_submit:hover { background-color:#FFF; color:#000; }
.fallakte_button { -webkit-appearance: none; width:250px; height:35px; margin-top: 20px; font-size:18px; color:#000; background-color:#FFF; border:2px solid #000; text-align:center; text-decoration:none; display:inline-block; }
.fallakte_button:hover { background-color:#000; color:#FFF; }
.polizeiregister_input_filter_input_big { width:150px; height:25px; border: none; border-radius: 4px; }
.polizeiregister_input_filter_input_medium { width:100px; height:25px; border: none; border-radius: 4px; }
.polizeiregister_input_filter_input_small { width:60px; height:25px; border: none; border-radius: 4px; }
.polizeiregister_PopUp_submit { -webkit-appearance: none; width:85%; max-width: 400px; height:40px; margin-top: 20px; font-weight:bold; font-size:20px; line-height: 40px; box-sizing: border-box; color:#FFF; background-color:transparent; border-radius: 5px; border:2px solid #FFF; text-align:center; text-decoration:none; display:inline-block; }
.polizeiregister_PopUp_submit:hover { background-color:#FFF; color:#000; }
/********/
