/* CSS Templatesatz */
/* Abstände auf 0 setzen */
blockquote, body, div, dl, dt, dd, fieldset, form, h1, h2, h3, h4, h5, h6, img, li, ol, p, pre, td, th, ul  {
    margin:0;
    padding:0;
    border:0;
}
/* Klasse für Floating erzeugen */
.clear {
    clear:both;
    height:0;
    line-height:0;
}
/* Schriftart, -größe, -farbe und -zeilenabstand festlegen, sowie Gesamthintergrund */
body {
    font:0.625em/1.5  Verdana, Arial, Helvetica, sans-serif;
    background-color:#fff;
    color:#494949;
    text-align:center;
}
/* ============================================================================= */
/* DIVs definieren */
#wrapper {
    width:920px;
    text-align:left;  
    margin:0 auto;
    
}
/* Hintergrundgrafik 1-spaltiges Layout */
.col1 {
    background: url(/images/background_main_kia.gif) top left repeat-y;
}
/* Hintergrundgrafik 2-spaltiges Layout */
.col2 {
    background: url(/images/background_main_col2.gif) top left repeat-y;
}
#headerwrap {
    background-color:#f0f0f0;
    height:204px;
    border-bottom:8px solid #fff;
    position:relative;
    background: url(/images/header.jpg);
}
#headermeta {
    position:absolute;
    z-index:100;
    top:8px;
    width:100%;
    text-align:right;
}
#headerlogo2 {
    position:absolute;
    top:10px;
    left:10px;
    height:180px;
    width:400px;
}
#headerlogo1 {
    position:absolute;
    top:120px;
    right:70px;
    width:120px;
    height:60px;
}
#mainwrap {
    position:relative;
}
#mainnavi {
    float:left;
    width:218px;
    background-color:#fff;
    margin-right:12px;
    padding-top: 25px;
}
* html #mainnavi {
    overflow:hidden;
}
#content-1col {
    float:left;
    width:660px;
    background-color:#fff;
    padding:15px;
    padding-top:0px;
    margin:1;
}
#content-2col {
    float:left;
    width:445px;
    background-color:#fff;
    padding:15px;
    margin:1;
}
#breadcrumb {
    color:#707070;
    padding-bottom:6px;
    margin-bottom: 18px;
    border-bottom:1px solid #cecece;$
}
#contentfooter {
    padding-top:0.4em;
    margin-top: 50px;
    border-top:1px solid #cecece;
    height:1em;
}
#contentfooterleft {
    float:left;
}
#contentfooterright {
    float:right;
}
#marginal {
    float:right;
    width:200px;
    background-color:#ffffff;
    margin:0;
}
#footerwrap {
    background-color:#f0f0f0;
    border-top:12px solid #fff;
    border-bottom:12px solid #fff;
    height:4em;
    position:relative;
}
#footerleft {
    float:left;
    padding-left:23px;
}
#footerright {
    float:right;
    padding-right:21px;
    line-height:4em;
}
#release {
    background-color:#fff;
    border-bottom:12px solid #fff;
    text-align:right;
    padding-right:21px;
}
/* ============================================================================= */
/* Definitionen für den Bereich Metanavigation */
#headermeta ul {
    list-style-type:none;
}
#headermeta ul li {
    display:inline;
    margin-right:4px;
}
#headermeta ul li a {
    /* color:#d10114; */
    color:#009ee0;
    text-decoration:none;
    font-size:1.1em;
}
#headermeta ul li a:hover {
    text-decoration:underline;
}
/* ============================================================================= */
/* Definitionen für die Hauptnavigation */
#mainnavi ul {
    background-color:#fff;
    list-style-type:none;
}
#mainnavi ul li {
    display:inline;
}
#mainnavi ul li a {
    display:block;
    color:#444;
    text-decoration:none;
    font-size:1.3em;
    font-weight:bold;
    padding:0.2em 6px 0.2em 39px;
    border-bottom:1px dotted #cecece;
    background:url(/images/background_navigationspunkt_kia.gif) 21px 0.7em no-repeat;
}
#mainnavi ul li a:hover,#mainnavi ul li a.aktiv {
    background-color:#f0f0f0;
}
#mainnavi ul li ul li a {
    background:none;
    font-weight:normal;
    padding:0.1em 6px 0.1em 39px;
    font-size:1.2em;
    color:#494949;
}
#mainnavi ul li ul li ul li a {
    background:none;
    font-weight:normal;
    padding:0.1em 6px 0.1em 51px;
    font-size:1.2em;
}
#mainnavi ul li ul li ul li ul li a {
    background:none;
    font-weight:normal;
    padding:0.1em 6px 0.1em 63px;
    font-size:1.2em;
}
#mainnavi ul li ul li ul li ul li ul li a {
    background:none;
    font-weight:normal;
    padding:0.1em 6px 0.1em 75px;
    font-size:1.2em;
}
#mainnavi ul li ul li ul li ul li ul li ul li a {
    background:none;
    font-weight:normal;
    padding:0.1em 6px 0.1em 87px;
    font-size:1.2em;
}
/* ============================================================================= */
/* Definitionen für die optionalen Bild in der linken Spalte */
#images-optional {
    margin-top:40px;
    margin-left:21px;
    margin-bottom:20px;
}
/* ============================================================================= */
/* Definitionen für die Suche */
#suche {
    margin-top:30px;
    margin-left:21px;
    padding-bottom:20px;
    width:160px;
    height:20px;
    position: absolute;
    top: -180px;
    left: 712px;
    display:none;
}
#suche .textfeldsuche {
    width:120px;
    height:1.6em;
    font-size:1em;
    padding:0;
    float:left;
    border:1px solid #fff;
}
#suche .submitsuche {
    background:url(/images/button_suche_kia.gif) top left no-repeat;
    padding:0;
    margin:2px 0 0 0px;
    border:0;
    width:15px;
    height:15px;
    float:left;
}
/* ============================================================================= */
/* Allgemeine Definitionen für den Content-Bereich */
div.content img.hauptmotiv {
    margin-bottom:1.5em;
}
* html div.content img.hauptmotiv {
    margin-left:-2px;
}
* html div.content object {
    margin-left:-2px;
}
* html div.content embed {
    margin-left:-2px;
}
div.content a {
    /* color:#d10114; */
    color:#009ee0;
    text-decoration:none;
}
div.content a:hover {
    text-decoration:underline;
}
div.content a.pdf {
    padding:2px 0 2px 23px;
    background:url(/images/icon_pdf.gif) center left no-repeat;
    display:block;
}
div.content a.image {
    padding:2px 0 2px 23px;
    background:url(/images/icon_image.gif) center left no-repeat;
    display:block;
}
div.content a.word {
    padding:2px 0 2px 23px;
    background:url(/images/icon_word.gif) center left no-repeat;
    display:block;
}
div.content a.flash {
    padding:2px 0 2px 23px;
    background:url(/images/icon_flash.gif) center left no-repeat;
    display:block;
}
div.content a.audio {
    padding:2px 0 2px 23px;
    background:url(/images/icon_audio.gif) center left no-repeat;
    display:block;
}
div.content a.video {
    padding:2px 0 2px 23px;
    background:url(/images/icon_video.gif) center left no-repeat;
    display:block;
}
div.content a.powerpoint {
    padding:2px 0 2px 23px;
    background:url(/images/icon_ppt.gif) center left no-repeat;
    display:block;
}
div.content a.zip {
    padding:2px 0 2px 23px;
    background:url(/images/icon_zip.gif) center left no-repeat;
    display:block;
}
div.content h1, h2, h3, h4, h5, h6 {
    font-size:1.2em;
    margin-bottom:1.5em;
}
div.content h1 {
    font-size:1.6em;
    margin-bottom:1.125em;
}
div.content hr {
    border:0;
    color:#fff;
    border-bottom:1px solid #b7d5e0;
    margin-bottom:1.5em;
}
div.content p {
    font-size:1.2em;
    margin-bottom:1.5em;
}
div.content ol {
    margin-left:2.2em;
    margin-bottom:1.5em;
}
div.content ul {
    margin-left:1.8em;
    margin-bottom:1.5em;
}
div.content li {
    font-size:1.2em;
}
div.content li li {
    font-size:1em;
}
div.content li p {
    font-size:1em;
}
div.content table {
    border-spacing:1px;
    border-collapse:collapse;
    margin-bottom:1.5em;
    font-size:1em;
}
div.content th {
    font-size:1.2em;
    text-align:left;
    font-weight:bold;
    border:1px solid black;
    padding: 0.5em;
}
div.content th p {
    font-size:1em;
}
div.content td {
    font-size:1.2em;
    text-align:left;
    font-weight:normal;
    border:1px solid black;
    padding: 0.5em;
}
div.content td p {
    font-size:1em;
}
/* ============================================================================= */
/* Spezielle Definitionen im Content-Bereich */
div.content p.back {
    text-align:right;
    margin:0;
}
div.content div.linklist {
    margin-bottom:1.5em;
}
div.content div.linklist p {
    margin-bottom:0.5em;
    font-weight:bold;
}
div.content div.linklist ul {
    list-style-type:none;
    padding:0;
    margin:0;
}
div.content div.linklist ul li {
    padding:0;
    margin:0 0 0.5em 0;
}
div.content div.linklist ul li p {
    font-weight:normal;
}
div.content div.linklist ul li a.extern,div.content a.extern {
    padding-left:17px;
    background:url(/images/img_background_extern.gif) 0em 0.2em no-repeat;
}
div.content div.linklist ul li a.intern,div.content a.intern {
    padding-left:17px;
    background:url(/images/background_navigationspunkt_kia.gif) 3px 0.2em no-repeat;
}
div.content ul.downloads {
    list-style-type:none;
    margin:0;
    padding:0;
}
div.content ul.downloads li {
    margin-bottom:2em;
}
div.content ul.downloads p {
    margin-bottom:0;
}
div.content ul.downloads p.upload {
    font-size:0.8em;
    padding-left:23px;
    display:none;
}
div.content ul.downloads p.link a {
    float:left;
}
div.content ul.downloads div.image {
    float:left;
    margin:0 8px 8px 0;
    width:50px;
}
div.content ul.downloads div.rightcontent {
    float:left;
}
div.content div.smalltext p {
    font-size:1em;
}
/* ============================================================================= */
/* Definitionen für den Marginal-Bereich */
#marginal div.marginalblock {
    border-top:10px solid #fff;
    padding-bottom:20px;
    font-size:1.1em;
}
#marginal div.first {
    border-top:none;
}
#marginal div.marginalblock h6 {
    background:#84D4ED;
    padding:0.2em 0em 0.2em 0.7em;
    margin:0;
    margin-right:6px;
    margin-left:2px;
}
#marginal div.marginalblock ul.linklist {
    padding:10px 10px 4px 16px;
    list-style-type:none;
}
#marginal div.marginalblock ul.linklist a {
    color:#009EE0;
    padding-left:14px;
    text-decoration:none;
}
#marginal div.marginalblock ul.linklist a:hover {
    text-decoration:underline;
}
#marginal div.marginalblock ul.linklist a.extern {
    padding-left:16px;
    background:url(/images/img_background_extern.gif) 0em 0.2em no-repeat;
    display:block;
}
#marginal div.marginalblock ul.linklist a.intern {
    padding-left:16px;
    background:url(/images/background_navigationspunkt_kia.gif) 3px 0.3em no-repeat;
    display:block;
    margin-bottom:-1em;
}
#marginal div.marginalblock img {
    border:1px solid white;
}
#marginal div.marginalblock p {
    padding:0px 10px 8px 16px;
    margin-top:-4px;
}
/* ============================================================================= */
/* Definitionen für den Content-Footer (Druckansicht und Link nach oben) */
#contentfooterleft a.druck {
    background:url(/images/background_druck_kia.gif) 0em 0.2em no-repeat;
    padding-left:17px;
    color:#009ee0;
    text-decoration:none;
}
#contentfooterleft a.druck:hover {
    text-decoration:underline;
}
#contentfooterright a.top {
    color:#009ee0;
    text-decoration:none;
}
#contentfooterright a.top:hover {
    text-decoration:underline;
}
/* ============================================================================= */
/* Definitionen für den Footer */
#footerwrap #footerleft #footerleftimage,
#footerwrap #footerleft #footerlefttext {
    float:left;
    vertical-align:middle;
    line-height:4em;
}
#footerwrap #footerleft #footerleftimage {
    margin-right:1em;
    height:4em;
    line-height:4em;
}
#footerwrap #footerleft #footerleftimage img {
    margin-top:1em;
    display:block;
}
#footerwrap #footerright a {
    color:#009ee0;
    text-decoration:none;
    line-height:4em;
}
#footerwrap #footerright a:hover {
    text-decoration:underline;
}
#footerwrap #footerright span.trenner {
    margin:0 5px;
}
#footerwrap #footerright a.rss img {
    margin:1em 0 1.1em 0;
}
#footerwrap #footerright a.rss img {
    margin-left:10px;
    vertical-align:middle;
}

/* Definitionen für Eintragsformular best-practice */
form.kia fieldset { background:#fff; margin-bottom:0.5em; font-size:1.2em; padding:0.5em; border:1px dotted #d0d0d0; margin-bottom:1em; margin-left:2em; }
form.kia fieldset legend { font-weight:bold; background:#f0f0f0; }
form.kia optgroup { font-style:normal; }
form.kia label { width:11em; float:left; }
form.kia div.mc label { width:1em; float:none; cursor:pointer; }
form.kia div.mc input { width:auto; }
form.kia input, textarea, select { width:400px;  margin-bottom:2px;}
form.kia input.submit { width:auto; }
form.kia  h2 { border-bottom:1px dotted #777; background: #e7f1d0; padding:0.2em; }
.required { font-weight:bold; }
span.req { font-weight:normal; color:green; }


 
/* ============================================================================= */
/* Definitionen für Kontaktformular */
.kform { font-size:1.3em; }
.kform fieldset {  padding:0.6em; background:#f0f0f0; border:1px dotted #777; }
.kform legend { font-weight:bold; color:#666; margin-bottom:0.5em; }
.kform label { width: 11em; float:left; text-align:right; padding-right:0.3em; }
.kform label.required { font-weight:bold; }
.kform input, .kform textarea { width: 275px; float:left; margin-bottom:1px; }
.kform div.buttons { text-align:right; float:right; margin-top:0.5em; }
.kform div.buttons input { width:auto; }

div.infomail form label { font-size:1.3em; }

div.content hr {  clear:both; border-width:0px; }
div.content p img { padding:10px; }

#wrapper #druckheader { height:0px; top:0px; position:absolute; }

div.content p.article img { float:left; padding: 0.5em 0.75em 0.5em 0em; margin:0em; }

/* Video */
div.content p.vlink { margin-bottom:0.3em; }
div.content p.vlink a { font-weight:bold; display:block; }
div.content p.vtext { padding-left:17px; margin-top:0px; }
div.content p.vtext span.vinfo { font-size:0.95em; color:#777; display:block; padding-top:0.2em; }

/* Auflistungen (u.a. Kassel 2009) */
div.content p.kialiste a { padding-left:17px; background:url(/images/background_navigationspunkt_kia.gif) 3px 0.4em no-repeat; }
div.content p.kialiste { margin-bottom:0.65em; }

/* Fotostrecken (seit Kassel 2009) */
div.thumbnails img { padding:4px; border:1px solid transparent; }
div.thumbnails img:hover { border:1px inset #555; background:#f0f0f0; }
div.picnav { font-size:1.2em; }
div.picnav div.picback { float:left; }
div.picnav div.picnext { float:right; }

/* Google Maps Kassel 2009 */
div.bubble p { margin-bottom:0em; }

div#marginal div.marginalblock ul.linklist li a.intern { display:inline; }
div#marginal div.marginalblock ul.linklist { padding: 0 10px 0 16px; }
div.content blockquote { font-size:1.2em; padding-left:1.5em; }
div.content div.linklist ul.abstandoben { margin-top:3.5em; }

div.marginalblock a{ text-decoration:none; color:#009EE0; }
div.marginalblock a:hover { text-decoration:underline; }

/* Projekte aus geistreich.de 2011-12-06 UH */
div.content div.geistreich { clear:both; padding-bottom: 1.5em; }
div.content div.geistreich img { float:left; padding:0.5em 2em 0.5em 0em; }
div.content div.geistreich h2 { padding-bottom: 0em; margin-bottom:0em; font-weight: normal; margin-top:0em; padding-top:0em; }
div.content div.geistreich p { float:right; width:308px; }

div#marginal div.marginalblock ul.linklist li a.intern { display:block; }
