/*------------------------------+
    |  Kinderunfallhilfe: style.css |
    |  Autor: Timo Kohlweyer        |
    |                               |
    |  Erstversion: 10.07.2008      |
    |  Datum:       08.07.2009      |
    +------------------------------*/ 

* {padding:0;margin:0;border:0;}

h1 {font-size:18pt;color:#FB0B16;}
h2 {font-size:12pt;color:#FB0B16;margin-bottom:5px;}
h3 {font-size:11pt;font-weight:bold;margin-top:15px;}
h4 {padding-bottom:20px;font-size:12pt;color:#FB0B16;}

body {
background-image:url(img/bg_body.gif);
background-repeat:repeat-y;
margin:0;
padding:0;
font-family:Arial;
font-size:9pt;
color:#53513D;
}

tt {
display:block;
border-left:7px solid #B8B6A9;
padding-left:5px;
margin:15px 5px 15px 0px;
}


#wrapper {
float:left;
width:969px;
padding-bottom:90px;
}

#headnav {
width:958px;
height:23px;
text-align:right;
padding-top:7px;
font-size:8pt;
}

#headnav ul {
list-style-type:none;
/* margin-left:660px; mit Datenschutzlink */
margin-left:742px;
}

#headnav ul li {
float:left;
/* padding-right:30px; mit Datenschutzlink */
padding-left:30px;
}

#headnav li a {
text-decoration:none;
font-size:8pt;
color:#53513D;
}

#subnav {
padding-top:10px;
padding-bottom:30px;
}

#subnav ul {
list-style-type:none;
border-top:3px solid #fb0b16;
}

#subnav ul li {
float:left;
margin-left:20px;
}

#subnav li a {
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
display:block;
padding:5px;
background-color:#676553;
}
#subnav li a.active {
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
background-color:#fb0b16;
}

#headleft {
float:left;
width:268px;
padding-top:3px;
border-bottom:1px solid #B8B6A9;
}

#headleft ul {
list-style-type:none;
margin-top:30px;
}

#headleft ul li {
border-top:1px solid #B8B6A9;
font-size:11pt;
padding-top:4px;
padding-bottom:4px;
}

#headleft li a {
display:block;
height:20px;
text-decoration:none;
margin-left:25px;
padding-left:35px;
padding-top:3px;
color:#53513D;
background-image:url(img/icon-nav.gif);
background-repeat:no-repeat;
background-position:top left;
}

#headleft li a:visited {
color:#53513D;
}
        #headleft li.active a {
        text-decoration:none;
        color:#FB0B16 !important;
        background-image:url(img/icon-nav-active.gif);
        }


#headleft img {
margin-left:45px;
}

#teaser {
float:left;
width:700px;
height:300px;
background-color:#FB0B16;
}

#processnav {
clear:both;
/*width:695px;*/
width:690px;
height:22px;
background-color:#B8B5AC;
margin-left:268px;
border-top:1px solid #FFFFFF;
font-size:8pt;
padding-top:10px;
/*padding-left:5px;*/
padding-left:10px;
position:relative;
top:-33px;
}

#contentleft {
float:left;
width:238px;
padding-left:30px;
}

#maincontent {
float:left;
width:680px;
padding-top:20px;
padding-left:10px;
}

p.text {
padding-bottom:20px;
padding-top:5px;
}

p.text a {
display:block;
text-decoration:none;
color:#FB0B16;
}

blockquote {
width:680px;
height:31px;
background-color:#B7B5A9;
border-left:10px solid #676553;
padding-top:14px;
margin-bottom:14px;
}

blockquote p {
text-align:center;
font-style:italic;
font-size:12pt;
}

.liste {
list-style-type:square;
padding-left:40px;
}
.liste li {
line-height:1.4em;
}

.linkliste {list-style-type:none;}

.linkliste li {
background-image:url(img/mehr.gif);
background-repeat:no-repeat;
padding-left:22px;
margin-bottom:3px;
}
	

.linkliste li a {
color:red; font-weight:bold;
}


/* tabellen.css aus KRAVAG */
table,
#ContentBroadImage table {
 clear:both;
 margin:15px 0px 30px 0px;
 border-collapse:collapse;
 width:100%;
}

/* Tabellen in Standardtextabs?tzen kriegen keinen Einzug */
#ContentBroadImage .standard table,
.standard table {
        margin-left: -20px;
        width: 95%;
}
/* Probleme bei breitem Template ...*/
#ContentBroadImage .standard table {
        margin-left: 0px;
        width: 95%;
}

td, th,
#ContentBroadImage td, #ContentBroadImage th {
 font-size:100%;
 padding:5px 10px 5px 20px;
 border:1px solid #FFF;
 text-align:left;
 vertical-align:top;
 background-color: #E2E0D3; /* hellblau */
}

/*Platz sparen fuer breite Tabellen */
#ContentBroadImage td, #ContentBroadImage th {
        padding: 5px 7px 5px 10px; /* vorher 5px 7px*/
}


th,
#ContentBroadImage th {
 font-size:100%;
 background-color:#B7B59A;
border-bottom:2px solid white;
}

/* folgende zwei werden evtl. nicht benutzt ... , trotzdem angepasst */
.odd td {
 background-color:#D9E5F5;
}

.even td {
 background-color:#E6EDF5;
}

.bTable td {
        background-color:#D9E5F5;
        border-width:1px 0px !important;
        padding:5px 20px !important;
        vertical-align:bottom !important;
}


.bTableSub {
        margin-top:0px !important;
        margin-left:40px !important;
        width:95% !important;
}

.bTableSub td {
        background-color:#D9E5F5;
        border-width:1px 0px !important;
        padding:5px 5px !important;
        vertical-align:bottom !important;
}

/* etwas dunkleres blau */
tr.gray td, #ContenBroadImage tr.gray td,
 td.gray, #ContentBroadImage tr.gray td {
        background-color: #EEECE5;         /* sehr hellblau*/
}


/* Tabelle im Formular / Jobuebersicht */
#ContentBroadImage fieldset table.JobUebersicht {
        margin: 0;
        border-top: 0 !important;
}
#ContentBroadImage fieldset table.JobUebersicht tr.gray td {
        background-color: #E6EDF5; /* sehr hellblau*/
}

#ContentBroadImage fieldset table.JobUebersicht th {
        border-top:0;
}