@charset "UTF-8"; /* charset festlegen */
 
/*
Erstellt am:   26.10.2007 von ASchuengel    
Bearbeitet am: 30.10.2007 von ASchuengel
QS am:         noch keine
Freigabe am:   NICHT freigegeben             
/*
 
/* ################################## */
/* ### Inhaltsverzeichnis ### */
/* ### Elemente ### */
/* ### 1. Formatierung des body ### */
/* ### 2. Container ### */
/* ### 2. Typo ### */
/* ### 3. Listen ### */
/* ### 7. Bilder ### */
/* ### 8. sonstige Elemente ### */
 
/* ### weitere Regeln ### */
/* ### Sonderfaelle ### */
/* ################################## */
 
/* ### Elemente ### */
/* Formatierung des body */
body {
font: normal 62.5%/1.03 Arial, sans-serif;
color: #000000;
background: #FFFFFF;
background: url(../img/bg.jpg) repeat-x;
}

body#klein {
font: normal 62.5%/1.03 Arial, sans-serif;
color: #000000;
background: #FFFFFF;
background: url(../img/bg_klein.jpg) repeat-x;
}

/*Container */
#wrapper {
width: 900px;
height: auto;
margin: 0 auto;
} 

#navigation {
width: 180px;
background-color: #efbf8a;
border-top: 15px solid #e98300;
border-bottom: 15px solid #e98300;
float: left;
clear: left;
}

* html #navigation {
height: 247px;
}

#content {
width: 400px;
float: left;
padding: 0;
}

#content-klein {
padding: 0 25px;
}

#context {
width: 320px;
background: url(../img/bg_context.jpg) top right repeat-x;
float: left;
}

body#klein #context {
width: 320px;
background: url(../img/bg_context_klein.jpg) top right repeat-x;
float: left;
}

#context-inhalt {
width: 270px;
color: #FFFFFF;
background-color: #e98300;
float: left;
padding: 0 0 33px 0;
z-index: 1;
}

#footer {
clear: both;
float: right;
width: 670px;
border-top: 1px solid black;
margin: 50px !important;
}

#footer p {
display: none;
}

* html #footer {
position: relative;
left: 50px;
float: right;
height: 200px;
width: 670px;
border-top: 1px solid black;
margin-left: 100px !important;
}

#footer-links {
width: 500px;
float: left;
}

* html #footer-links {
width: 493px;
float: left;
}

#footer-rechts {
margin-top: 5px;
}

.referent {
clear: both;
}

.foto {
display: inline;
float: left;
width: 160px;
margin: 0 15px 15px 0;
}

#content-klein .foto a {
background: none;
padding: 0;
margin: 0;
}

* html .foto {
float: left;
width: 150px;
margin: 0 10px 15px 0;
}


/* Typo */
h1,h3,h4,h5,h6,p {
color: #FFFFFF;
font-family: arial;
}

h2 {
font-size: 2em;
font-weight: normal;
margin-bottom: 10px;
}

p {
font-size: 1.2em;
line-height: 1.5em;
margin-bottom: 10px;
}

#content-klein p {
color: black;
}

#content-klein a {
color: #00a6eb;
background: url(../images/link_pfeil.gif) center left no-repeat;
padding: 0 0 0 5px;
margin: 0 0 0 2px;
}

.noarrow {
background: none !important;
}

#content-klein h2.first {
margin-top: 0;
font-size:1.8em;
}

#content-klein h2 {
margin-top: 30px;
}

#content-klein .linkliste li h2.first {
font-size:1.2em;
font-weight:600;
} 

#context-inhalt h1 {
background: url(../img/Kopie_ausbausymposium_dach.gif);
display: block;
width: 269px;
height: 108px;
margin: 0 0 28px 0;
}

#context-inhalt h1 span {
display: none;
}

#context-inhalt p {
padding: 0 16px;
}

#context-inhalt p a,
a.pfeil {
color: #ffffff;
background: url(../img/link_pfeil.gif) center left no-repeat;
padding: 0 10px;
font-weight: bold;
}

a.pfeil-schwarz {
color: #000000;
background: url(../img/link_pfeil_hover.gif) center left no-repeat;
padding: 0 6px;
margin-left: 5px;
font-weight: bold;
}

a span {
font-weight: normal;
margin-top: 2px;
font-size: .8em;
display: block;
}

#context-inhalt p a:hover {
color: #000000;
background: url(../img/link_pfeil_hover.gif) center left no-repeat;
padding: 0 10px;
font-weight: bold;
}

span.context-bu {
font-size: 1em;
line-height: 1.2em;
display: block;
width: 270px;
color: gray;
padding: 0 5px;
}

/* .referent p {
display: block;
float: left;
width: 220px;
margin: 10px;
} */

a span.link {
background: url(../img/link_pfeil_hover.gif) center left no-repeat;
padding: 0 10px;
font: 1em arial;
font-weight: bold;
color: black;
float:left;
margin-bottom: 20px;
}

.anmeldung {
width: auto;
background: url(../img/link_pfeil_btn_hover.gif) #ebaf6d center left no-repeat;
color: black;
padding: 3px 10px 3px 15px;
}

a:hover.anmeldung {
width: auto;
color: white;
padding: 3px 10px 3px 15px;
background: url(../img/link_pfeil_btn.gif) #e36500 center left no-repeat;
}

a:hover span.link {
font: 1em arial;
font-weight: bold;
color: #00a6eb;
float:left;
margin-bottom: 20px;
}

address {
margin-top: 15px;
padding: 0 10px;
font-size: 1.2em;
line-height: 1.4em;
}

* html address {
margin-top: 25px;
}

address a {
color: black;
background: url(../img/link_pfeil_hover.gif) center left no-repeat;
padding: 0 7px;
margin-left: 5px;
}

address a:hover {
color: #00a6eb;
background: url(../img/link_pfeil_hover.gif) center left no-repeat;
padding: 0 7px;
margin-left: 5px;
}

a.pdf {
color: black;
background: url(../img/pdf.gif) center left no-repeat;
padding: 7px 27px;
outline: none;
}

a.pdf:hover {
color: #00a6eb;
background: url(../img/pdf.gif) center left no-repeat;
padding: 7px 27px;

}

/* Listen */
ul.linkliste {
margin: 0 !important;
}

ul.linkliste li {
list-style-type: none !important;
clear: both;
display: block;
border: 1px solid white;
}

#navigation ul {
background: none;
margin: 5px 0;
display: block;
}

* html #navigation ul {
background: none;
margin: 9px 0 5px 0;
}

#navigation ul li {
border-bottom: 2px solid white;
padding: 7px 0 6px 0px;
display: block;
}

* html #navigation ul li {
border-bottom: 2px solid white;
padding: 6px 0 6px 0px;
display: block;
}

#navigation ul li.active {
border-bottom: 2px solid white;
background-color: #e79f51;

display: block;
}

#navigation ul li.last {
border-bottom: none;
margin-bottom: -1px;
}

#navigation ul li.active a {
font-weight: bold;
}

#navigation ul li a {
display: block;
font: 1.2em arial;
color: #000000;
background-color: transparent;
padding: 0 0 0 28px;
}

* html #navigation ul li a {
width: 152px;
padding: 0 0 0 28px;
}

#navigation ul li a:hover {
font: 1.2em arial;
color: #ffffff;
background-color: transparent;
}

/* Footer */

#footer ul li {
float: left;
}

#footer ul li a,
#footer ul li span.copy a {
float: left;
color: #000000;
padding: 5px 0;
font-size: 1.1em;
}


#footer ul li span.copy a {
font-size: 1em;
}

#footer ul li span.copy a:hover {
font-size: 1em;
color: #00a6eb;
}

#footer ul li a:hover {
float: left;
display: inline;
font-size: 1.1em;
color: #00a6eb;
padding: 5px 0;
}

#footer ul li span {
display: inline;
font-size: 1.1em;
color: gray;
padding: 5px 0 !important;
}

#footer ul li span.impressum {
font-size: 1.0em;
}


#footer ul li span.border {
float: left;
margin: 0 10px;
}

#content-klein ul {
margin: 0 0 0 15px;
font-size: 1.2em;
}

#content-klein ul li {
list-style-type: square;
list-style-position: outside;
margin: 0 0 10px 0;
line-height: 16px;
}

/* Bilder */
#content img.left {
float: left;
padding: 5px;

}

#content img.right {
float: right;
padding: 5px;
}

img#logo {
float: left;
padding: 6px 0 6px 0;
}

img#content-img{
margin-bottom: 25px;
}

.referent img {
float: left !important;
margin: 0 0 20px 0;
}

img.links {
margin: 0 10px 0px 0;

}

div.foto img {
margin: 0 0 3px 0;
}

div.foto a span {
color: gray;
display: block;
width: 160px;
margin: 0 0px 5px 0px;
font-size: 1em;
}

img.img-context {
margin-top: 15px;
width: 270px;
height: auto;
outline: none;
}

a:hover img.img-context {
filter:alpha(opacity=85);
-moz-opacity:.85;
opacity:.85;
}

/* tabellen */

table {
font-size: 1.2em;
}

#orte-termine {
margin: 5px 0 0 0;
width: 350px;
border-collapse: collapse;
}

#orte-termine td {
border-top: 1px solid black;
padding: 6px 11px;
background-color: #dfdfdf;
}

#orte-termine tr.termine-zwei td,
#veranstaltung-detail tr.termine-zwei td {
background-color: #ffffff;
}

#orte-termine tr.last td,
table#veranstaltung-detail tr.last td {
border-top: 1px solid black;
border-bottom: 1px solid black;
}

#context-inhalt table {
border-collapse: collapse;
margin: 0 15px 15px 15px;
}

#context-inhalt table td,
table#veranstaltung-detail td  {
border-top: 1px solid #f4c180;
padding: 8px 11px;
vertical-align: top;
}
table#veranstaltung-detail td  {
line-height: 16px;
width: 50%;
}


#context-inhalt table tr.last td {
border-top: 1px solid #f4c180;
border-bottom: 1px solid #f4c180;
}

#context-inhalt table tr a {
color: #FFFFFF;
}

#context-inhalt table tr:hover td,
#context-inhalt table tr.termine-hover td,
#orte-termine tr:hover td,
#orte-termine tr.termine-hover td {
background-color: #efbf8a;
color: #000000;
}

#context-inhalt table tr td a,
#orte-termine tr td a {
display: block;
}


table#veranstaltung-detail {
margin: 0 0 30px 0;
border-collapse: collapse;
}

table#veranstaltung-detail tr td {
border-top: 1px solid black;
padding: 6px 11px;
background-color: #dfdfdf;
}

table#veranstaltung-detail tr td a,
table#orte-termine tr td a.pfeil {
color: #000000;
background: url(../img/link_pfeil_hover.gif) center left no-repeat;
padding: 0 10px;
font-weight: bold;
}

table#orte-termine tr td a {
color: black;
}

table#veranstaltung-detail tr td a:hover {
color: #000000;
background: url(../img/link_pfeil_hover.gif) center left no-repeat;
padding: 0 10px;
}

/* ######### */
.clear {
clear: both;
}