#background_fix { background-image:url(../images/Backgrounds/.jpg); background-attachment: fixed; background-size: 100%; } #kopfzeile { width: 95%; height: 40px; position:relative; left: 0; border-radius: 10px; padding:5px; margin-left:auto; margin-right:auto; } #logo { margin-left: 0px; margin-top: 7px; float:left; width:175px; } #body { width: 99%; border-radius: 10px; padding:0px; height:auto; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: 500; line-height: 26.4px; } #nav_links { position: absolute; padding-top: 20px; float:left; width:12%; opacity: 0.85; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: 500; line-height: 26.4px; } #inhalt { position: absolute; height: auto; margin-top: 45px; margin-right: 1%; margin-left: 13%; padding-left: 5px; padding-right: 5px; width: 85%; background-color: rgba(255,254,238,0.3); border-radius: 9px; border: 3px grey solid; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: 500; line-height: 26.4px; } #inhaltextern { margin-top: 60px; margin-left: auto; margin-right: auto; background-color: rgba(255,255,255,0.50); border-radius: 10px; padding:5px; border: 3px grey solid; width: 95%; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: 500; line-height: 26.4px; } #inhaltextern2 { margin-top: 60px; margin-left: auto; margin-right: auto; background-color: rgba(255,255,255,0.95); border-radius: 10px; padding:5px; border: 3px grey solid; width: 95%; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: 500; line-height: 26.4px; } li_ue{ list-style-type: none; margin: 0; padding: 0; width: 15%; background-color: #f1f1f1; padding:5px; border-radius: 10px; } ul { list-style-type: none; margin: 0; padding: 0; padding-left: 10px width: 200px; background-color: #f1f1f1; padding:5px; font-size: 18px; border-radius: 10px; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 30px 0 rgba(0,0,0,0.19); } #tab_titel { color: black; } #tab_ue { background-color: #BDBDBD; padding: 2px; border-radius: 8px; } #tab_ueX { background-color: #BDBDBD; border: 1px solid black; border-radius: 10px; padding: 2px; } #submit_klein { padding: 4px; margin-left: 0; margin-right: 0; margin-top:0; margin-bottom: 0; } #sub { padding: 1px; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding: 0px; height: 15px; border: 1px solid black; } #tab_punkt { font-size: 15px; padding: 4px; margin-left: 0; margin-right: 0; margin-top:0; margin-bottom: 0; vertical-align: center; height: 10px; width: 18%; } #tab_punkt2 { font-size: 15px; padding: 4px; margin-left: 0; margin-right: 0; margin-top:0; margin-bottom: 0; vertical-align: center; height: 10px; } #form { border: 0 none; cursor: pointer; height: 5px; } #table_eins { border-left: 1px #BDBDBD solid; border-right: 1px #BDBDBD solid; border-top: 1px #BDBDBD solid; border-bottom: 1px #BDBDBD solid; vertical-align: middle; box-shadow: 0 9px #999; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); border-radius: 15px; padding: 5px; background-color: rgba(241,241,241,1.0); border: 3px grey solid; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: 500; line-height: 26.4px; } #table_zwei { border-left: 1px red solid; border-right: 1px red solid; border-top: 1px red solid; border-bottom: 1px red solid; box-shadow: 0 9px #999; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); border-radius: 15px; padding: 5px; background-color: rgba(241,241,241,1.0); border: 3px red solid; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: 500; line-height: 26.4px; } #table_drei { border-left: 1px #BDBDBD solid; border-right: 1px #BDBDBD solid; border-top: 1px #BDBDBD solid; border-bottom: 1px #BDBDBD solid; vertical-align: middle; box-shadow: 0 9px #999; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); border-radius: 15px; padding: 3px; background-color: rgba(241,241,241,1.0); border: 3px grey solid; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: 500; line-height: 26.4px; } #tdid{ padding: 10px; } #link_blank{ text-decoration: none; color: black; } #tab_neu{ width: 65%; } #td_nav{ width: 16.67%; border-bottom:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; border-left:1px solid #000000; color:#BDBDBD;' } #td_nav_active{ width: 16.67%; border-bottom: 3px solid #000000; border-right: 3px solid #000000; border-left: 3px solid #000000; border-top: 3px solid #000000; background:#F7BE81;' } #td_hi{ background: lightgrey; height: 40px; width: 150px; border: 1px black solid; } td.border_lo { margin: 5px 5px; padding: 5px 5px; border-left: 2px solid black; border-top: 2px solid black; } td.border_o { margin: 5px 5px; padding: 5px 5px; border-top: 2px solid black; } td.border_or { margin: 5px 5px; padding: 5px 5px; border-top: 2px solid black; border-right: 2px solid black; } td.border_ul { margin: 5px 5px; padding: 5px 5px; border-left: 2px solid black; border-bottom: 2px solid black; } td.border_u { margin: 5px 5px; padding: 5px 5px; border-bottom: 2px solid black; } td.border_ru { margin: 5px 5px; padding: 5px 5px; border-bottom: 2px solid black; border-right: 2px solid black; } td.border_l { margin: 5px 5px; padding: 5px 5px; border-left: 2px solid black; } td.border_r { margin: 5px 5px; padding: 5px 5px; border-right: 2px solid black; } td.border_lr { margin: 5px 5px; padding: 5px 5px; border-right: 2px solid black; border-left: 2px solid black; } #button_nav { display: inline-block; padding: 10px 20px; font-size: 12px; cursor: pointer; text-align: center; text-decoration: none; outline: none; color: #fff; background-color: #848484; border: 2px lightgrey solid; border-radius: 15px; box-shadow: 0 9px #999; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); } #button_nav:hover { box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); } #button_nav_active { display: inline-block; padding: 10px 20px; font-size: 12px; cursor: pointer; text-align: center; text-decoration: none; outline: none; color: #fff; background-color: #848484; border: 2px blue solid; border-radius: 15px; box-shadow: 0 9px #999; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); } #button_nav_active:hover { box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); } #button_kalender { display: inline-block; padding: 10px 20px; font-size: 13px; width:100px; cursor: pointer; text-align: center; text-decoration: none; outline: none; color: #fff; background-color: #848484; border: 2px lightgrey solid; border-radius: 15px; box-shadow: 0 9px #999; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); } #button_kalender:hover { box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); } #button_kalender2 { display: inline-block; padding: 5px 10px; font-size: 10px; width:80px; cursor: pointer; text-align: center; text-decoration: none; outline: none; color: #fff; background-color: #848484; border: 2px lightgrey solid; border-radius: 15px; box-shadow: 0 9px #999; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); } #button_kalender2:hover { box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); } #button_bea { display: inline-block; padding: 6px 10px; font-size: 10px; cursor: pointer; text-align: center; text-decoration: none; outline: none; color: #fff; background-color: black; border: none; border-radius: 15px; box-shadow: 0 9px #999; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); } #button_bea:hover { box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); } #buttonschoen { display: inline-block; padding: 6px 10px; font-size: 11px; cursor: pointer; text-align: center; text-decoration: none; outline: none; color: #fff; background-color: grey; border: none; border-radius: 15px; } #buttonschoen:hover { box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); } #button { display: inline-block; padding: 6px 10px; font-size: 10px; cursor: pointer; text-align: center; text-decoration: none; color: black; outline: none; border: none; border-radius: 15px; box-shadow: 0 9px #999; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); } #button:hover { box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); } #button_small { display: inline-block; padding: 3px 5px; font-size: 9px; cursor: pointer; text-align: center; text-decoration: none; color: black; outline: none; border: none; border-radius: 15px; box-shadow: 0 9px #999; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); } #button_small:hover { box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); } #link { text-decoration: none; color: black; } #Tabelle_abr { background-color: #BDBDBD; padding: 6px 10px; font-size: 10px; box-shadow: 0 9px #999; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); border-radius: 15px; } #anreise{ background-image: linear-gradient(to top left, red 50%, white 50%); } #abreise{ background-image: linear-gradient(to top left, white 50%, red 50%); } #linie { width: 112px; height: 47px; border-bottom: 1px solid red; -webkit-transform: translateY(-20px) translateX(5px) rotate(27deg); position: absolute; } #input_text { height: 25px; padding-left: 7px; padding-right: 7px; width: 90%; } #Button_Email { height: 30px; width: 50%; box-shadow: 0 10px 18px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); border: 1px solid black; } #Button_Email:hover { background-color: #4CAF50; color: white; } textarea { font-family: inherit; font-size: inherit; } input[type=text] { width: 70%; padding: 0px 0px; margin: 0px 0; box-sizing: border-box; } input[type=password] { width: 70%; padding: 0px 0px; margin: 0px 0; box-sizing: border-box; } select { width:70%; border: 1px solid #bbb; padding:. 0em 0em .0em 0em; box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2); background-color:white; background-image:url(select-arrow.png); background-position: right; background-repeat: no-repeat; } select:hover { box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); } #submit { background-color: #f1f1f1; border: 3px black solid; color: black; padding: 16px 32px; text-decoration: none; margin: 3px 2px; cursor: pointer; } li a { display: block; color: black; padding: 6px 16px; text-decoration: none; -webkit-transition: color 1s; -moz-transition: color 1s; -ms-transition: color 1s; -o-transition: color 1s; transition: color 1s; } li a:hover { background-color: #6E6E6E; color: white; } #ue_li { font-size: 20px; } .menu_simple { width: 99%; background-color: #f1f1f1; } .menu_simple ul { margin: 10; padding: 0; float: right; } .menu_simple ul li { display: inline; } .menu_simple ul li a { float: left; color: black; padding: 5px 20.59px; background-color: #f1f1f1; border-radius: 10px; } .menu_simple ul li a:visited { color: black; } .menu_simple ul li a:hover, .menu_simple ul li .current { background-color: #555; color: white; } .tooltip { position: relative; display: inline-block; } .tooltip .tooltiptext { visibility: hidden; background-color: lightgrey; color: black; text-align: center; padding: 5px 0; border-radius: 10px; border: 3px grey solid; width: 350px; top: -5px; right: 105%; margin-left: -60px; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.25); /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1; } .tooltip:hover .tooltiptext { visibility: visible; } .tooltip2 { position: relative; display: inline-block; } .tooltip2 .tooltiptext2 { visibility: hidden; background-color: lightgrey; color: black; text-align: left; padding: 5px 0; border-radius: 10px; border: 3px grey solid; width: 350px; top: -5px; left: 130%; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.25); /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1; } .tooltip2:hover .tooltiptext2 { visibility: visible; } .tooltip3 { position: relative; display: inline-block; } .tooltip3 .tooltiptext3 { visibility: hidden; background-color: rgba(199,199,199,0.85); color: black; text-align: center; padding: 5px 0; border-radius: 10px; border: 2px black solid; width: 150px; top: 30px; left: -60px; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.25); position: absolute; z-index: 1; } .tooltip3:hover .tooltiptext3 { visibility: visible; } .vllzulangertext{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 1px; } #footer { position: fixed; padding: 10px; bottom: 0; right: 10px; } .checkboxTwo { width: 120px; height: 40px; background: #333; margin: 20px 60px; border-radius: 50px; position: relative; } #styled-select { height: 45px; padding: 2px; border-radius:4px overflow: hidden; background: white; border: 1px solid #ccc; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } #button_nav_loe { display: inline-block; padding: 10px 20px; font-size: 12px; cursor: pointer; text-align: center; text-decoration: none; outline: none; color: #fff; background-color: red; border: 2px lightgrey solid; border-radius: 15px; box-shadow: 0 9px #999; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); } #select-cool: height: 45px; padding: 2px; border-radius:4px overflow: hidden; background: white; border: 1px solid #ccc; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; }