/* 
    Document   : kalender.css
    Created on : 24.04.2012, 08:43:00
    Author     : alerchl
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

ul {
    list-style: none;
    padding :0px;
}

root { 
    display: block;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

body{
    font-family: Tahoma,Geneva,Kalimati;
    font-size: 13px;
    color: #696a6c;
    letter-spacing:0.1pt;
    width:100%px;
    margin: 0;
    padding: 0;
}

h1 {
   color: #d20019;
   text-transform: uppercase;
   font-size: 20px;
   margin: 0px 0px 20px 0px;
     font-weight:normal;

}
h2 {
   color: #d20019;
   text-transform: uppercase;
   font-size: 16px;
   margin: 0px 0px 20px 0px;
   font-weight:normal;

}

img {
    border: none;
}

.lupe{
    position:absolute;
    top:0px;
    left:170px;
    cursor:pointer;
    width:24px;
    height:24px;
   
    float: left;
}
.posRelative{
   
     position:relative;
}

.fontColor {
    color: #d20019;
}

ul.box>li {
    float: left;
    padding-right: 25px;
    line-height: 24px;
    vertical-align: top;

}

.li Hover{
    color: #000000;
    background-color:#d20019;
}
.rahmen{
 border: 1px solid #d20019;

}

ul.box {
/*    width:1000px;*/
    margin-bottom:50px;
   }
ul.box>li.left{
    padding-right: 0px;
    padding-left:100px;
   
}
table.tableOverview thead tr th {
    color: #ffffff;
    font-size: 12px;
    line-height: 26px;
    background-color: #696A6C;
    padding: 5px;
    padding-left:10px;
    font-weight: normal;
}

table.tableOverview tbody tr td {
       padding: 10px;
       height: 60px;
    
     
}

table.tableOverview tbody tr.odd td {
    background-color:#EEEEEE;
}

table.tableOverview tbody tr.even td {
    background-color:#F5F5F5;
}

table.tableOverview tbody tr.hover td {
    background-color:#ccc;
    cursor: pointer;
}


hr {
   border:none;
   border-top:1px dashed #989898;
   height:1px;
   color:#989898;
   background:transparent;
}

.paging {
    float: right;
    margin-right: 20px;
}

.paging span,
.paging a {
    line-height: 25px;
    height: 25px;
    float: left;
}

.paging a {
    display: block;
    background-color: #EEEEEE;
    margin: 0px 1px 0px 1px;
    text-decoration: none;
    color: #696a6c;
    width: 25px;
    text-align: center;
}

.paging a:hover {
    color: #ccc;
}

.paging a.active {
    font-weight: bold;
}

.paging .page_von {
    margin-right: 20px;
}




#search {
    width: 160px;
    height:22px;
    padding-left:5px;
    vertical-align: center;
}
#searchform{
    padding:0px;
    margin:0px;
    border: 1px solid #fff;
}

td.table_label{
    width:150px;
    padding: 0px;
    color: #696a6c;
    font-size:13px;
}
td.table_data{
    padding: 0px;
    font-weight: bold;
    color: #69696B;
    font-size:13px;
}
#detail{
    position:relative;
    margin-top:25px;
}
#detail div{

    /* width:1000px; */
    /* border: 1px solid red; */

}
.img_detail{
    float: right;
   /* width:400px;*/
    margin-left:50px;
}
.back {
     float:left;
     line-height:35px;
     margin-left:765px;
     font-size: 14px;
}
.back_arrow{
    margin-left:15px;
    cursor:pointer;
    width:34px;
    height:34px;
    float: left;
}
#message {
    margin: 10px 10px 10px 30px;
    font-style: italic;
}

a.teaserLink {
        text-decoration:none;
	background: url("../gfx/arrows.png") right -0px no-repeat;
        padding: 0 40px 0 0;
	float: right;
        height:27px;
        overflow:hidden;
}
a.teaserLink:hover {
	background-position: right -81px;
	color: #696a6c;
}
a.teaserLink:focus {
	outline: none;
}