/* CityCallCenter, base.css - Author: GMTA ApS */


body{background-color:#ffffff;background-image:url(../i/body_back.gif);background-position:top right;background-repeat: repeat-y;margin:0px;text-align:center;font:11px verdana, helvetica, sans, sans-serif;padding:0px;margin:0px 0px 160px 0px}
#gradient{background-image:url(../i/gradient_back.jpg);background-position:top left;background-repeat: repeat-x;height:180px;margin-right:46px;}
#container{width:640px;margin:auto;text-align:center;margin-top:-160px;position:relative;top:0px;left:-25px;text-align:left;}

a img{border:none;}
a{color: #8B0F04;font-weight:bold;}
  
/* Header */
#header{height:110px;position:absolute;top:0px;left:0px;width:100%;}
#logo{position:absolute;top:0px;left:0px;}
#header_picture{position:absolute;top:10px;right:0px;}
#header_oneliner{position:absolute;top:53px;left:150px;font-weight:bold;font-size:10px;}
#header_address{position:absolute;top:12px;right:150px;font-size:10px;text-align:right;}

/* menu */
#menu{position:absolute;top:75px;left:90px;width:400px;height:22px;}
#menu ul{margin:0px;padding:0px;position:relative;top:0px;left:10px;width:400px;}
#menu ul li{list-style-type:none;float:left;line-height:18px;background-image:url(../i/menu_back.gif);height:22px;text-align:center;}
#menu ul li a{display:block;float:right;background-image:url(../i/menu_back.gif);background-position:top right;text-decoration:none;font-weight:bold;color:#000;height:22px;padding-right:1px;}
#menu ul li.active{background-position:bottom left;}
#menu ul li.active a{background-position:bottom right;color:#fff;}
#menu .begin,#menu .end{background-image:url(../i/menu_ends.gif);height:22px;width:10px;position:absolute;top:0px;left:0px;}
#menu .end{background-position:top right;left:390px;width:12px;}


/* context menu */
#contextmenu{float:right;width:126px;position:relative;top:110px;left:0px;}
#contextmenu .box,#contextmenu .box .top, #contextmenu .box .bottom{background-image:url(../i/box.jpg);}
#contextmenu .box{background-position: -126px 0px;background-repeat:repeat-y;position:relative;width:126px;overflow:hidden;margin-bottom:15px;}
#contextmenu .box .top{height:15px;width:126px;}
#contextmenu .box .bottom{height:15px;width:126px;background-position:0px -44px;}
#contextmenu .box .content{padding:0px 14px 0px 10px;margin: -0px 0px;font-size:10px;}
#contextmenu .box .content h1{text-align:center;line-height:16px;font-size:10px;color:#fff;background-image:url(../i/box_header.gif);height:17px;width:126px;margin:-15px 0px 10px -10px;overflow:hidden;}
#contextmenu .box .content p{margin:5px 0px;line-height:13px;}

#login_form{margin:0px;}
#login_form input{width:98px;font-size:10px;margin-bottom:5px;}
#login_form label{display:block;width:100%;font-size:10px;}
.button{height:19px;width:104px;overflow:hidden;background-image:url(../i/box_button.gif);text-align:center;font-weight:bold;font-size:10px;margin:0px 0px 0px 0px;line-height:16px;}
.button a{text-decoration:none;color:#000;width:100%;display:block;}


/* Page elements */
#page{float:left;width:380px;position:relative;top:120px;left:100px;line-height:16px;}
h1{font-size:15px;margin:0px 0px 0px 0px ;}
h2{font-size:12px;margin:20px 0px -10px 0px ;}
p{margin:15px 0px;}
#page ul{margin:15px 10px;padding:0px;}
#page ul li{margin:10px;}
p.subheadline{margin:0px;}
p.manchet{font-style:italic;}

/* Colorbox */
.colorbox {position:relative;top:0px;left:0px;background-color:#f7f3e4;width:100%;}
.colorbox .content{padding:12px;}
.colorbox .corner1, .colorbox .corner2, .colorbox .corner3, .colorbox .corner4{background-image:url(../i/colorbox.gif);background-repeat:no-repeat;width:12px;height:12px;overflow:hidden;position:absolute;z-index:1}
.colorbox .corner1{background-position:-12px -12px;top:0px;left:0px;}
.colorbox .corner2{background-position:0px -12px;top:0px;right:0px;}
.colorbox .corner3{background-position:-12px 0px;bottom:0px;left:0px;}
.colorbox .corner4{background-position:0px 0px;bottom:0px;right:0px;}
.colorbox h2{margin:0px;}

/* Calendar */
.calendar{float:left;width:auto;}
.calendar th{text-align:center;font-size:10px;padding:5px 0px;border:none;}
.calendar th a{color:#000;}
.calendar td{background-image:url(../i/calendar_back.gif);width:26px;height:21px;text-align:center;font-size:10px;color:#ccc;border:none;padding:0px;}
.calendar td.active{background-position:center left;}
.calendar td.selected{background-position:bottom left;}
.calendar td a {text-decoration:none;color:#000;width:100%;display:block;}
.calendar td.selected a {text-decoration:none;color:#fff;}

/* timetable */
.timetable{width:180px;float:right;}
.timetable td,.timetable th{font-size:10px;padding:2px;border:none;}
.timetable th{padding:5px 0px;border:none;}
.timetable .row1 {background-color:#fff;}


.breaker{clear:both;height:1px;overflow:hidden;}

#footer{clear:both;text-align:center;font-size:10px;color:#999;padding-top:20px;position:relative;top:110px;left:0px;}

form {margin:0px;}
form label{display:block;font-weight:bold;margin-top:10px;}
form .submit{margin:10px 0px;}
form .large{width:100%}
form .medium{width:50%}
form .small{width:25%}


.receptionist_image{float:right;margin:0px 0px 20px 20px}


/* generelle styles */

form input.large{width:100%;}
form input.tiny{width:20px;}
form textarea.large{width:100%;height:200px;}
form textarea.medium{width:100%;height:75px;}
form label span{display:block;width:100%;font-weight:normal;margin-bottom:5px;}


table{width:100%;}
table .left{text-align:left;}
table .center{text-align:center;}
table .right{text-align:right;}

table td, table th{border-bottom:1px solid #ccc;padding:5px;}