/* ######## Allgemeines ##### */
/* Basis-Schriftgröße */
* { font-size: 100.01%; font-family: Arial, Helvetica, Verdana, sans-serif; }
html, body, ul, li, dl, dt, dd, p, div, h1, h2, h3, h4, h5, h6, form, fieldset, legend, label, td, th, caption, a, img {margin:0; padding:0; color:#000;}
body { font-size: 62.5%; line-height: 1.3; background-color: #fff; padding: 15px; }

#seiteninhalt,
#infospalte {
	font-size: 120%;
    overflow: hidden;
}
#navigation {
	font-size: 130%;
}
input, select, textarea { border: 1px solid #E3CFB6; font-size: 120%; }
input.submitBtn {
    float: right;
    border: 1px solid #999;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
}
h1 {color: #F00; font-size: 150%; font-weight: normal; margin: 0px auto 10px 0px;} 
h2, legend, caption {color: #F00; font-size: 133.33%; font-weight: bold; margin: 0px auto 10px 0px;}
h3 {font-size: 108.33%; }
h4 {font-size: 120.83%; color: #F00;}

th,
caption {text-align: left;}

ul {
    list-style-type: none;
}
ul li,ol li {
	border: 0px solid red;
    margin-left: 15px;
	margin-bottom: 0.42em;
}
ul li {
    padding-left: 10px;
    background: url(../img/navi_redbox_5x5.gif) no-repeat 0px 5px;
}

a {color: #DD0000; text-decoration: none; font-weight: normal;}
/*a:visited {color:#000; }*/
a:hover   {color:#DD0000; text-decoration: underline; }
/*a:active  {color:#000; }*/

h1 a, h2 a, h3 a { color: #000; text-decoration: none; font-weight: bold;}
h1 a:hover, h2 a:hover, h3 a:hover {color: #DD0000; text-decoration: none;}

#seite   { width: 965px; }
#seite p { padding-bottom: 10px; }

/* ######## Sprungmarken ####### */
#sprungmarken { position: absolute; top: 0px; }
#sprungmarken a.skip { color: #fff; }
@media screen, print{
    a.skip { 
	position: absolute; 
	left: -1000em;
	width: 20em;
    }
}

/* ######## Kopfzeile ####### */
#seitenkopf { display:inline; /* IE Fix... */ }
#kopfgrafik {
    width:  965px;
    height: 141px;
    background: url(../img/ddn_kopfgrafik.jpg) no-repeat left top;
    margin-bottom: 10px;
}
#logo { margin: 33px auto auto 20px; }
#kopfzeile { float: left; margin-bottom: 10px; width: 100%; }

#metanavi li a {color: #000; text-decoration: none; font-weight: bold; font-size:130% }
#metanavi a.aktiv { color: #F00; }
#metanavi a.aktiv:hover { color: #D00; }
#metanavi li {
    float: left;
    background: none;
    padding-right: 10px;
    padding-left: 0px;
    margin-left:0px;
    margin-top: 3px; 
}
#metanavi ul {
    float: right;
    margin-right: 5px;
}
#suche {
    width:  230px;
    border: 0px solid red;
    text-align: right;
    float: right;
}
#sucheingabe { 
    width: 170px;
    float: left;
    position: relative;
    left: 1px;
    padding-right: 2px;
}
#suche input.submitBtn {
    font-size: 120%;
    height: 1.6em;
    width: 50px;
    position: relative;
    top: 0px;
}
/* ######## Navi Spalte ##### */
#navigation {
    float: left;
    width: 230px;
}

#navigation #gefoerdert { margin: -20px 0px 15px 22px; }
* html #navigation #gefoerdert { margin: 0px 0px 15px 22px; }

#navigation li {
    border: 1px solid #E3CFB6;
    width: 228px;
	wid\th: 200px;
    overflow: hidden;
    margin-left:0px;
    margin-bottom:5px;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    padding-left: 28px;
    background: url(../img/navi_redbox_9x9.gif) no-repeat 8px 0.54em;
}
#navigation li.offen{
    height: auto;
    background-position: 8px 0.54em;
	padding-bottom: 2px;
}

#navigation li a {text-decoration: none; font-weight: bold; color: #000;}
#navigation li.offen ul{	padding-top: 2px; }
#navigation a:hover,
#navigation a:active,
#navigation li.aktiv a,
#navigation li ul li.aktiv a,
#navigation li.offen ul li a:hover,
#navigation li ul li.offen ul li a:hover,
#navigation li ul li.offen ul li.aktiv a { color: #DD0000; } 

/* 2nd LvL */
#navigation li ul { margin:0px; }
#navigation li ul li {
    border: none;
    margin-bottom:0px;
    padding-left:0px;
	padding-top: 2px;
	padding-bottom: 2px;
    background: none;
}
#navigation li.aktiv ul li a,
#navigation li ul li a { font-weight: normal; color: #000; } /*blue*/
/* 3rd LvL */
#navigation li ul li ul li {
    padding-left:20px;
}
#navigation li ul li ul li a,
#navigation li ul li.offen ul li a { color: #444; } 


#navi_endblock a {
    position: relative;
    top: 45%;

}
/* ######## Schrift fuer bunte Boxen Navispalte+Infospalte */
#infospalte .download { text-align: center; font-weight: bold; letter-spacing: 0.55em; font-size: 1.16em; }

/* ######## Info Spalte ##### */
#infospalte {
    float: right;
    width: 230px;
}

#infospalte p { margin: 0px 15px 5px 15px; padding: 0px; }
#infospalte div.infobox { padding: 10px 0px;}
#infospalte div.infobox,
#infospalte div.download { margin-bottom: 5px;}
#infospalte h1,
#infospalte h2,
#infospalte h3 { margin: 0px 15px 5px 15px; }
#infospalte .infobox h1 { color:#000; font-size: 116.67%; font-weight: bold; }
#infospalte .infobox h2 { color: #F00; font-size: 100%; margin-bottom: 3px; font-weight: bold; }
#infospalte .infobox h3 { font-size: 100%; margin-top: 0px; margin-bottom: 0px; font-weight: bold; }
#infospalte .infobox p.termin {padding: 0px; margin-bottom: 0px; }
#infospalte .infobox p.termin p {padding: 0px; margin: 0px; }
#infospalte .infobox div.mehr,
#infospalte .teaserbox .mehr { margin: 0px 20px 0px 15px; padding: 0px; text-align: right; }
#infospalte .doublearrows { font-size:116.67%; }
#infospalte .infobox { background-color: #E0EBF1; border: 1px solid #FFF;}
#infospalte .download { background-color: #C2E7EF; padding:  10px 0px; overflow:hidden;}
#infospalte .download div { margin: 0px 10px 0px 10px; padding: 0px; overflow:hidden;}
#infospalte .download a {text-decoration: none; color: #000; font-weight: bold;}

/* ######## Hauptinhalt ##### */
#seiteninhalt {
    margin: 0px 15px 15px 15px;
    float: left;
    width: 475px;
    overflow: hidden;
}
/* ######## Hauptinhalt ##### */
#seiteninhalt div.artikel.first {
    clear: left;
    padding-top: 0px;
}
#seiteninhalt div.artikel {
    clear: left;
    padding-top: 10px;
}
#seiteninhalt div img {
    margin-right: 10px;
    margin-bottom: 0px;
    float: left;
}

#seiteninhalt .doublearrows { font-size:116.67%; }

#seiteninhalt div.suchergebnis {
    margin-top: 10px;
}

#seiteninhalt div.suchergebnis .titel,
#seiteninhalt div.suchergebnis .titel a {
    color: #f00;
}

#seiteninhalt div.suchergebnis .titel {
    font-size: 133.33%;
    margin-bottom: 0px;
}
#seiteninhalt div.suchergebnis .text {
    margin: 0px;
}

#seiteninhalt div.suchenavi {
    font-size:116.68%;
    margin-top: 20px;
}
#seiteninhalt div.suchenavi .doublearrows { font-size:107.5%; }

#seiteninhalt div.tabLeft {
    float: left;
    width: 100px;
    font-weight: bold;
    overflow: hidden;
    padding: 0em 0em 0.25em 0em;
}

#seiteninhalt div.tabRight {
    width: 370px;
    overflow: hidden;
    padding: 0em 0em 0.25em 0em;
}
#seiteninhalt div.mehr { text-align: right; }

/* Veranstaltungsbuchung */
fieldset          { border: 1px solid white; width: 475px; }
input.text        { width: 294px; }
* html input.text { width: 292px; }
form.yui-skin-sam li { margin: 0px 0px 4px 0px; padding: 0px; list-style: none; background-image: none; float: left; width: 473px;}
* html form.yui-skin-sam li {  display: inline; } /* yet another IE6 bug */
form li.error input { background-color: #FFDDDD; font-weight: bold; border-color: #C3B29C; }
.yui-skin-sam label { float: left; }
.yui-skin-sam fieldset label 	 { width: 100px; }
.yui-skin-sam span.legende 	 {color: #555;}
#cal1Container { margin-bottom: 15px; }
textarea 	{ width: 473px; height: 85px; margin: 3px auto 15px; }
fieldset p { margin-bottom: 20px; }
.msgArea   { padding-top: 20px; }
.thx 			{ font-size: 116.67%; }
input.submitBtn { font-size: 100%; width: 100px; }
p.formErr { margin: 20px 0px 0px; color: #F00; font-weight: bold;}

/* Buchungstabelle (Fallbacklösung) */
#buchungen    { float: left; margin-bottom: 20px; margin-left: 1px; border-collapse: collapse; width: 472px; }
/* #buchungen    { float: left; margin-bottom: 20px; border-collapse: collapse; width: 474px; } */
#buchungen th { font-weight: bold; }
#buchungen th,
#buchungen td { text-align: left; border: 0px solid #999; padding: 2px 3px; }
#buchungen .col1 { width: 155px; }
x#buchungen .col2 { width: 318px; }


#seiteninhalt img.right {
float: right;
}


/* Intranet Login */
#navi_endblock { background-color: #FFC010; height: 150px;padding: 20px 20px 10px 20px;}
#intranet h1 {color: #000000;}
#intranet label {}
#intranet input {width: 188px; margin-bottom: 4px;}
* html #intranet input {width: 186px; margin-bottom: 4px;}
#intranet .submit {width: 95px; font-size: 12px; float: right; border: 1px solid #999; margin-bottom: 20px;}
#intranet .clearfix {clear: both;}
#intranet img {clear: left; float:right}
#intranet #powered {font-size: 11px; float:right; padding-top:3px; width: 70px; text-align: right;}

/* Mitgliederliste */
#mitgliederliste h3 { margin-bottom: 2px; display: inline;}
#mitgliederliste div.shortinfo {clear: left; margin-bottom: 20px; display: none;}
#mitgliederliste p.desc {margin-bottom: 0.5em; padding: 0px;}
#mitgliederliste ul.seperatedList {overflow: hidden; xfloat: left; padding: 0px;}
/* hide from IE-Mac \*/
* html #mitgliederliste ul.seperatedList {height: 1%; overflow: visible;}
/* end hide */
#mitgliederliste ul.seperatedList li {
	float: left;
	background-image: none;
	list-style: none;
	padding: 0px 4px 0px;
	margin: 0px;
	line-height: 1.1em;
	border-right: 1px solid;
}
#mitgliederliste ul.seperatedList li.first {padding-left: 0px;}
#mitgliederliste ul.seperatedList li.last {padding-right: 0px; border: none;}
#mitgliederliste img.logo {float: right; border: none; margin: 0px 0px 10px 10px;}
#mitgliederliste img.aendern {border: none;}

/* Mitglieder Detail-Seite */
#mitglieder h3 {margin-bottom: 2px;}
#mitglieder div.shortinfo {clear: left; margin-bottom: 20px;}
#mitglieder p.desc {margin-bottom: 0.5em; padding: 0px;}
#mitglieder img.logo {float: right; border: none; margin: 0px 0px 10px 10px;}
#mitglieder img.aendern {border: none;}

#seiteninhalt .partnerliste a img.logo {float: right; border: none; margin: 0px 0px 10px 10px;}
#seiteninhalt .partner a img.logo {float: right; border: none; margin: 0px 0px 10px 10px;}
#seiteninhalt div.ausstellungsliste.first {clear: left; padding-top: 0px;}
#seiteninhalt div.ausstellungsliste {clear: left; padding-top: 5px;}
#seiteninhalt div.hiddenBlock {display: none;}
#seiteninhalt div.ausstellungsstueck {clear: left; padding-top: 10px;}

/* Partnerteaser im Naviend-Block */
div.teaserbox { margin-bottom: 5px; margin-top: 15px; clear: both;}
.teaserbox { border: 1px solid #FFF; padding: 10px 10px;}
.teaserbox h1 { color:#F00; font-size: 116.67%; font-weight: bold; }
.teaserbox h2 { color: #000; font-size: 100%; margin-bottom: 3px; font-weight: bold; }
.teaserbox .logo { margin-top: 5px; text-align: center; border: none; }

/* Article View (Magazin) */
#seiteninhalt ul.articlelist { list-style-type: none; }
#seiteninhalt li.article { margin: 0 0 16px 0; padding: 0; background-image: none; }

/* Newsletter Anmeldung */
#contactForm dl { margin: 5px 0px; }
#contactForm dt { float: left; margin: 0px 10px 5px 0px; width: 120px; }
#contactForm dd { margin-bottom: 5px; }