/* Basic Reset */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,.clear { margin:0; padding:0; }
.clear { clear: both; font-size: 0; }

/* Page Styling */
html { overflow-y: scroll; }
body { background-color: #d5fdfd; color: #0058a1; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.35em; }

a { outline: none; }
img { border: 0; outline: none; }
strong { font-weight: normal; }
form { margin: 0px; }
textarea { resize: none; }
br { line-height: 10px; }

#header { padding: 10px; color: #fcfbfa; background-color: #0058a1; }

#main-content { padding: 30px 10px 30px 10px; }
#left-content { width: 200px; display: inline; float: left; margin-right: 30px; }
#right-content { width: 800px; display: inline; float: left; }
                    
.icons { background-image: url(../images/icon_set.png); background-repeat: no-repeat; cursor: pointer; display: block; }
.check { width: 26px; height: 26px; background-position: 0px 0px; }
.fail { width: 26px; height: 26px; background-position: -104px 0px; display: inline; float: left; }
.calendar { width: 26px; height: 26px; background-position: -130px 0px; display: inline; float: left; }
.favorit { width: 26px; height: 26px; background-position: -130px -26px; display: inline; float: left; }
.no-favorit { width: 26px; height: 26px; background-position: -130px -52px; display: inline; float: left; }
.prices { width: 26px; height: 26px; background-position: -156px 0px; display: inline; float: left; }
.ausstattung { width: 26px; height: 26px; background-position: -182px 0px; display: inline; float: left; }
.email { width: 26px; height: 26px; background-position: -208px 0px; display: inline; float: left; }
.emailcheck { width: 26px; height: 26px; background-position: -182px -26px; display: inline; float: left; }
.emailcheck-fail { width: 26px; height: 26px; background-position: -208px -26px; display: inline; float: left; }
.print { width: 26px; height: 26px; background-position: -234px 0px; display: inline; float: left; }
.logo { width: 100px; height: 35px; background-position: 0px -26px; }
.logo:hover { background-position: 0px -61px;  }
.statustext { height: 26px; display: inline; float: left; padding: 5px 0px 0px 5px; }
.add { width: 26px; height: 26px; background-position: -52px 0px; }
.edit { width: 26px; height: 26px; background-position: -78px 0px; }
.edit-fail { width: 26px; height: 26px; background-position: -260px 0px; }
.delete { width: 26px; height: 26px; background-position: -26px 0px; display: inline; float: left; }
.user { width: 26px; height: 26px; background-position: -104px -26px; display: inline; float: left; }
.no-user { width: 26px; height: 26px; background-position: -104px -52px; display: inline; float: left; }
.agb { width: 26px; height: 26px; background-position: -286px 0px; }
.agb-fail { width: 26px; height: 26px; background-position: -312px 0px; }
.blue { width: 26px; height: 26px; background-position: -338px 0px; }
.logout { height: 16px; background-position: -364px -26px; text-decoration: none; color: #eeb425; font-weight: bold; padding: 10px 0 0 29px; }
.logout:hover { background-position: -364px -52px; }
.statistics { width: 26px; height: 26px; background-position: -364px 0px; }

#login { width: 315px; margin: 50px auto 50px auto; color: #0058a1; border: 1px solid #0058a1; }
#login .ueberschrift { font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 5px 10px 5px 10px; color: #fcfbfa; background-color: #0058a1; font-weight: bold; margin-bottom: 20px; }
#login label { display: inline; float: left; width: 120px; padding: 5px 10px 5px 10px; }
#login input { display: inline; float: left; width: 160px; color: #0058a1; border: 1px solid #0058a1; background-color: #63aef4; padding: 3px 0px 3px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.35em; margin-bottom: 15px; }
#login input:focus { border: 1px solid #031d36; }
#login input:active { border: 1px solid #031d36; }
#login .button { border: 1px solid #0058a1; background-color: #0058a1; color: #fcfbfa; cursor: pointer; width: 160px; text-decoration: none; font-weight: normal; padding: 3px 0px 3px 0px; text-align: center; display: inline; float: left; margin-bottom: 15px; }

.box-rot { margin-bottom: 30px; color: #dd4b39; border: 1px solid #dd4b39; }
.box-rot .ueberschrift { padding: 5px 10px 5px 10px; color: #fcfbfa; background-color: #dd4b39; font-weight: bold; margin-bottom: 20px; }
.box-rot .text { padding: 10px; }

.box { margin-bottom: 30px; color: #0058a1; border: 1px solid #0058a1; }
.box .ueberschrift { padding: 5px 10px 5px 10px; color: #fcfbfa; background-color: #0058a1; font-weight: bold; margin-bottom: 20px; }
.box .content { padding: 0px 10px 10px 10px; }
.box a, .box-rot a { color: #9f3039; text-decoration: none; font-size: 13px; }
.box a:hover, .box-rot a:hover { text-decoration: underline; font-size: 13px; }

.box label { display: inline; float: left; width: 150px; padding: 5px 10px 5px 10px; }
.box input, .box select, .box textarea { display: inline; float: left; width: 340px; color: #0058a1; border: 1px solid #0058a1; background-color: #63aef4; padding: 3px 3px 3px 3px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.35em; margin-bottom: 15px; }
.box input:focus, .box select:focus, .box textarea:focus { border: 1px solid #031d36; }
.box input:active, .box select:active, .box textarea:active { border: 1px solid #031d36; }
.box .scroll_textarea { font-family: DroidSans, Arial, Helvetica, sans-serif; font-size: 13px; overflow-y: scroll; }
.box .button { border: 1px solid #0058a1; background-color: #0058a1; color: #fcfbfa; cursor: pointer; width: 160px; text-decoration: none; font-weight: normal; padding: 3px 0px 3px 0px; text-align: center; display: inline; float: left; margin-bottom: 15px; }
.box .button_aus { border: 1px solid #b1bac1; background-color: #b1bac1; color: #fcfbfa; width: 160px; text-decoration: none; font-weight: normal; padding: 3px 0px 3px 0px; text-align: center; display: inline; float: left; margin-bottom: 15px; }
.box .info { margin: 0 0 15px 170px; font-size: 10px; }
.box .text { padding: 10px; }
.box .inputtext { display: inline; float: left; padding-top: 5px; }

.td-kopf { padding: 5px 0px 5px 0px; color: #fae6ae; background-color: #9f3039; font-weight: bold; margin-bottom: 20px; }
.td { border-bottom: 1px solid #9f3039; padding: 5px 0px 5px 0px; margin-bottom: 20px; }

.gruen { color: #008000; }
.hellgruen { color: #01e101; }
.rot { color: #ff0000; }

      
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; margin-bottom: 1px; }

ul#sortme { list-style-type: none; margin: 0px; padding: 0px; cursor: move; }
ul#sortme li{ background-color: #caedfa; border: 1px solid #105da6; margin: 10px; }
ul#liste { list-style-type: none; margin: 0px; padding: 0px; }
ul#liste li{ background-color: #caedfa; border: 1px solid #105da6; margin: 10px; }

#administration-formular textarea { resize: none; }
#administration-formular label { display: inline; float: left; width: 253px; padding-top: 6px; }
#administration-formular input, textarea { display: inline; float: left; color: #0058a1; border: 1px solid #63aef4; background-color: #caedfa; padding: 3px 0px 3px 0px; 	margin-bottom: 20px; font-family: DroidSans, Arial, Helvetica, sans-serif; font-size: 13px; height: 100%; line-height: 1.35em; }
#administration-formular .scroll_textarea { font-family: DroidSans, Arial, Helvetica, sans-serif; font-size: 13px; overflow-y: scroll; }
#administration-formular .no_scroll { font-family: DroidSans, Arial, Helvetica, sans-serif; font-size: 13px; overflow: hidden; }
#administration-formular input:focus, select:focus, textarea:focus { border: 1px solid #105da6; }
#administration-formular input:active, select:active, textarea:active { border: 1px solid #105da6; }
#administration-formular .button { border: 1px solid #105da6; background: #105da6; color: #f7d8a8; cursor: pointer; width: 100px; text-decoration: none; font-weight: normal; height: 28px; padding: 0px 0px 3px 0px; }

/* datepicker */
#startdatum { width: 50%; }  

/* belegungskalender */
.kalender { font-size: 11px; }
.kalender_kopf { background-color: #0058a1; color: #d2ddd2; text-align: center; height: 24px; font-size: 12px; }
.kalender_wochentag { width: 24px; }
.kalender_frei { text-align: center; background-color: #feeca4; width: 24px; }
.kalender_belegt { text-align: center; background-color: #edae41; width: 24px; }
.kalender_vergangen { text-align: center; background-color: #feeca4; text-decoration: line-through; color: #888888; width: 24px; }
.kalender_anreise { text-align: center; background: url(../images/anreise.png) no-repeat right bottom; background-color: #feeca4; width: 24px; }
.kalender_abreise { text-align: center; background: url(../images/abreise.png) no-repeat right bottom; width: 24px; background-color: #feeca4; }
.kalender_an_abreise { text-align: center; background: url(../images/an-abreise.png) no-repeat right bottom; width: 24px; background-color: #feeca4; }
.kalender_leer { width: 24px; }
.kalender_zeile { height: 24px; }
.kalender_div { display: inline; float: left; padding-bottom: 8px; }
.a-gruen:link, .a-gruen:visited, .a-gruen:active, .a-gruen:hover, .a-gruen:focus, .a-gruen-hov:link, .a-gruen-hov:visited, .a-gruen:active, .a-gruen-hov:hover, .a-gruen-hov:focus { color: #005F00; text-decoration: none; font-weight: normal; font-size: 11px; }
.a-rot:link, .a-rot:visited, .a-rot:active, .a-rot:hover, .a-rot:focus, .a-rot-hov:link, .a-rot-hov:visited, .a-rot:active, .a-rot-hov:hover, .a-rot-hov:focus { color: #DF0000; text-decoration: none; font-weight: normal; font-size: 11px; }