/* CSS Document - ZS sv. Vorsily */

/***** color definitions ******



******************************/

/******************************

	global

******************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { padding: 0; margin: 0; }
body { font: 12px Arial, Helvetica, sans-serif; color: #010000; background: #ecf4ff url(../img/body-bg.png) 0 0 repeat-x; padding: 20px 0 50px; }

a { color: #011358; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }
hr { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; line-height: 0; }
.hidden { position: absolute; left: -10000px; }
.center { text-align: center; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.bold { font-weight: bold; }

/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat; }
.overlap a span,
a.overlap span { cursor: pointer; }


/******************************

	layout

******************************/
#page-wrapper { width: 958px; margin: auto; padding: 0 6px; position: relative; background: url(../img/wrapper-shadow-repeat.png) center top repeat-y; }
#content { padding: 0 30px 5px 50px; min-height: 400px; margin: 0 1px; position: relative; z-index: 0; background-color: #fff; }


/******************************

	header

******************************/
#header { width: 970px; height: 112px; margin: 0 -6px; position: relative; background: #0c3284 url(../img/header-bg.jpg) 0 0 no-repeat; }
#header .subject { float: right; width: 600px; padding: 28px 0 0 0; color: #fff; font-size: 32px; font-weight: bold; text-align: left; }
#header .subject a { color: #fff; }
#cs { float: left; width: 270px; padding: 15px 0 0; color: #dedb00; font-size: 48px; font-weight: bold; text-align: center; line-height: 1; }
#cs em { font-size: 24px; font-style: normal; text-transform: uppercase; display: block; }
#cs a { text-decoration: none; color: #dedb00; }


/******************************

	menu

******************************/
#menu { position: absolute; top: 112px; left: 7px; width: 956px; height: 60px; }
#menu ul { list-style: none; width: 956px; height: 32px; background: #2e6ec1 url(../img/menu-bg-blue.png) 0 0 repeat-x; }
#menu ul li { float: left; padding-top: 2px; padding-left: 1px; }
#menu ul li a { display: block; float: left; color: #fff; text-decoration: none; font-size: 11px; text-transform: uppercase; padding: 0 13px; line-height: 30px; position: relative; }
#menu ul li a:hover,
#menu ul li.active a { color: #011358; background: #f9b809 url(../img/menu-li-corner-right.png) right top no-repeat; }
#menu ul li.active a { font-weight: bold; }
#menu ul li a:hover span,
#menu ul li.active a span { display: block; width: 3px; height: 3px; position: absolute; top: 0; left: 0; background: url(../img/menu-li-corner-left.png) left top no-repeat; }

#menu ul ul { position: absolute; left: 0; top: 32px; height: 28px; background: #f89e0d url(../img/menu-bg-orange.png) 0 0 repeat-x; }
#menu ul ul li { padding-top: 0; }
#menu ul li.active ul a,
#menu ul ul a { color: #011358; line-height: 28px; background: none !important; font-size: 11px; font-weight: normal; }
#menu ul li.active ul a:hover,
#menu ul ul a:hover { text-decoration: underline; }


/******************************

	content

******************************/
#content.indent { padding: 0 120px 5px; }
h1 { font-size: 24px; color: #dedb00; background-color: #011358; padding: 11px 355px 11px 50px; margin-top: 60px; }
#content h2 { font-size: 18px; color: #011358; margin: 20px 0 10px; }
#content h3 { font-size: 14px; color: #011358; margin: 15px 0 10px; }
#content p { margin: 10px 0; line-height: 1.4; }
#content ul { list-style: none; margin: 15px 10px; }
#content li { padding: 0 0 10px 10px; background: url(../img/content-li-bg.png) 0 7px no-repeat; }

/* kalendar */
#week-navi { position: absolute; top: 188px; right: 15px; z-index: 1; margin: 0 0 0 0; width: 330px; }
#week-navi a { display: block; width: 150px; height: 23px; line-height: 23px; text-decoration: none; text-align: center; background-position: 0 0; background-repeat: no-repeat; background-color: #b4d2f8; float: left; }
#week-navi a.prev { background-image: url(../img/button-prev.png); }
#week-navi a.next { background-image: url(../img/button-next.png); margin-left: 15px; }

#week-navi label { display: block; width: 150px; height: 23px; line-height: 23px; text-decoration: none; text-align: center; background-position: 0 0; background-repeat: no-repeat; background-color: #b4d2f8; float: left; }
#week-navi label.prev { background-image: url(../img/button-dis.png); }
#week-navi label.next { background-image: url(../img/button-dis.png); margin-left: 15px; } 

#legend { text-align: right; margin: 15px 0 20px; }
#legend p { display: inline; padding-left: 20px; }
#legend p strong { display: inline-block; line-height: 21px; width: 19px; padding: 0 2px; margin-right: 3px; text-align: center; color: #fff; }
#legend .blue strong,
.week .blue { background-color: #5197cd; }
#legend .orange strong,
.week .orange { background-color: #f2791f; }
#legend .red strong,
.week .red { background-color: #bc2122; }
#legend .green strong,
.week .green { background-color: #4ea72c; }

table.week { width: 100%; margin: 0 0 25px; border-collapse: collapse; color: #fff; border: 1px solid #fff; }
table.week th,
table.week td { border-collapse: collapse; border: 1px solid #fff; background-color: #1b254d; padding: 4px 7px; }
table.week .date { background-color: #9fc6e5; color: #000; padding-left: 7px; width: 54px;}
table.week .ico { padding: 0; text-align: center; width: 24px; font-weight: bold;}
table.week a { color:#fff; }

table.week .icoblue {background-color: #5197cd !important; padding: 0; text-align: center; width: 24px; font-weight: bold;}
table.week .icoorange {background-color: #f2791f !important; padding: 0; text-align: center; width: 24px; font-weight: bold;}
table.week .icored {background-color: #bc2122 !important; padding: 0; text-align: center; width: 24px; font-weight: bold;}
table.week .icogreen {background-color: #4ea72c !important; padding: 0; text-align: center; width: 24px; font-weight: bold;}


.indent table{border-collapse: collapse;}
.indent table p{padding: 0;margin: 0;}
.indent table thead td{background-color: #00CCFF; color: #FFF;}
.indent table th, .indent table td {border-collapse: collapse; padding: 0 10px; }
.indent table.class1 {border: 1px solid #00CCFF;}

/******************************

	homepage

******************************/
#logo { float: left; width: 120px; height: 105px; padding: 3px 0 0 77px; }
#subheader { width: 956px; height: 50px; padding: 5px 0; margin: 0 1px; background: #f78510 url(../img/hp-subheader-bg.png) 0 0 repeat-x; }
#hp #content { padding: 0; }
#hp #content img { display: block; }
#hp h1 { float: left; background: none; font-size: 16px; color: #011358; margin: 0; padding: 13px 0 0 45px; }
#hp #login-form { float: right; width: 370px; margin: 0; padding: 12px 0 12px 20px; border-left: 1px solid #fcce92; }
#hp #login-form legend { display: none; }
#hp #login-form label,
#hp #login-form input { vertical-align: middle; }
#hp #login-form .input { padding: 4px 6px; margin: 0 8px; }
#hp #login-form .submit { margin: 0; background-image: url(../img/hp-submit-bg.png); }


/******************************

	forms

******************************/
form fieldset { border: none; }
input.input,
textarea,
select { font: 12px Arial, Helvetica, sans-serif; border: 1px solid #011358; background-color: #fff; }
form .submit { width: 152px; height: 25px; background: url(../img/submit-bg.png) 0 0 no-repeat; border: none; color: #011358; cursor: pointer; line-height: 25px; }

/* login form */
#login-form { margin: 20px 0 10px; }
#login-form div { float: left; }
#login-form .bg-blue { width: 242px; height: 24px; padding: 4px 5px 0; color: #fff; background: #011358 url(../img/input-bg-blue.png) 0 0 no-repeat; text-align: right; margin-right: 15px; }
#login-form .bg-blue .input { width: 188px; padding: 2px 2px 1px; }
#login-form .submit { margin-top: 2px; }

/* contact form */
#contact-form { margin: 15px 0; width: 510px; }
#contact-form table { width: 100%; }
#contact-form h3 { font-size: 12px; margin: 10px 0; }
#contact-form .input { padding: 2px; }
#contact-form .textarea { width: 510px; }
#contact-form td { padding-bottom: 5px; }


/******************************

	footer

******************************/
#footer { width: 913px; height: 72px; position: relative; margin: 0 -6px; padding: 6px 11px 0 46px; background: #13449f url(../img/footer-bg.jpg) 0 0 no-repeat; color: #fff; }
#footer .logo { float: left; }
#footer p { float: left; font-size: 11px; padding: 5px 0 0 25px; line-height: 1.4; }
#footer p strong { color: #dedb00; }
#footer a { color: #fff; }
#footer #copy { position: absolute; right: 25px; bottom: -19px; width: 193px; height: 21px; padding: 6px 0 0 13px; font-size: 10px; color: #000; background: #c0d4f3 url(../img/footer-bg-sabre.png) 0 0 no-repeat; }
#footer #copy img { vertical-align: middle; margin-left: 5px; }

.logout{position: absolute;display: block; width: 100px; top: 10px;left: 880px; color: #FFF; text-decoration: none; font-size: 11px;}
.logout:hover{text-decoration: underline; }