@charset "utf-8";
@import url("reset.css");

/**
  * IWWB Basic-Stylesheet
  * ===============================================================

  * @Autor             Digitale Zeiten GmbH -- Agathe Gwiozdzik
  * @URL               http: //www.digitale-zeiten.de
  * @Letzte Aenderung  2009-04-01
  */

/**
  * Please be as fair and don't deleate this lines: XHTML and CSS: Agathe Gwiozdzik - Digitale Zeiten GmbH
  */

/*---------------------
Grobe Strukturelemente
----------------------*/
body {
background-color:#9d9dba;
color:#333;
/*cp padding:0 2%; */
padding:0;
}

.unsichtbar {
        display:none;
        visibility:collapse;
}

html,body {
height:100%;
}


em {
    font-style: oblique;
}

i {
    font-style: italic;
}

#plzwahl #page {
background-color:#fff;
padding:2em;
}

#plzwahl #colmiddle .inner {
border:none;
}

#page {
background-color:#f5f5f8;
min-width:960px;
max-width:1600px;
margin:0 auto;
padding-bottom:2.5em;
width: 99%;
}

#colleft {
float:left;
width:20%;
}

#colmiddle {
float:left;
/*cp width:55%;*/
width:51%;
}

#colright {
float:left;
/* width:21%; */
width:27%;
overflow: hidden;
}

* html #colright { /* IE<=6 only */
width:20%;
overflow: hidden;
}

* html #colmiddle { /* IE<=6 only */
width:52%;
}

*:first-child+html #colright {  /* IE7 only */
width:20%;
overflow: hidden;
}

*:first-child+html #colmiddle {  /* IE7 only */
width:52%;
}

/*-----------------------
Weitere Strukturelemente
-----------------------*/
#logo {
margin-top:.938em/*15px*/;
}

#claim {
background-image: url(../img/claim.png);
background-repeat: no-repeat;
background-position: left center;
height: 30px;
margin-top: 3.125em;
margin-right: 0;
margin-bottom: 2.125em;
margin-left: 0;
}

#claim span {
display:none;
}

#breadcrumb li {
display:inline;
}

#breadcrumb li a {
padding-right:.25em;
}

#service {
margin-top:0.5em;
/* margin-top:1.875em; */
margin-bottom: 6px/*24px*/;
}

#service img {
  float:right;
  padding:16px 1px 18px 64px;
}


#service ul {
  float:right;
}

#service ul li {
  display: inline;
  padding-left:4px;
}

* html #service { /* IE<=6 only */
text-align:right;
}

#colleft .inner {
margin:0 1.875em 1.563em;
padding-bottom:.938em;
border-bottom:1px solid #383B71;
}

#colright .inner {
margin:0 1.875em 1.563em;
border-bottom:1px solid #383B71;
}

#colright .noborder {
border:none;
}

#colmiddle .inner {
border-bottom:1px solid #383B71;
}

#content {
padding:.292em .725em 1.563em;
background:url(../img/linie.gif) no-repeat left top #fff;
}

#printausgabe {
display:none;
}

#footer {
padding:0 .725em;
}

#footer ul {
float:right;
}

#footer li {
display:inline;
margin-left:1.25em/*20px*/;
}

#footer p {
float:left;
}

.rc {
background:url(../img/linie.gif) no-repeat left top;
padding:0 .725em;
}

.rc .section {
margin-bottom:1.25em;
}
.rc .treffer strong   {
color:#333;
padding-left:.75em;
}

hr {
height:1px;
clear:both;
border-top-width:1px;
border-top-style:solid;
margin:1.5em 0 .725em 0;
}

/*--------
Farben
---------*/
h1,h2,h3,h4,h5,a.on,a:hover,hr {
color:#336;
}

a {
color:#c00;
}

#breadcrumb a.on,#colright h5 {
color:#333;
}

/*--------
Typo
---------*/
body {
font-family:Arial, Helvetica, sans-serif;
font-size:.75em/*12px*/;
line-height:1.5em;/*18px*/;
}

p,ul,dl,ol,table,form,h5 {
font-size:1em/*12px*/;
}

h1 {
padding:0;
}

p,ul,dl,ol,table,form,h2,h3,h4,h5 {
padding:.125em 0 0 0;
}

p,li,dt,dd,table,form,h1,h2,h3,h4,h5 {
line-height:1.5em;
}

h1 {
font-size:1.75em/*21px*/;
font-weight:400;
}

h2 {
font-size:1.5em/*18px*/;
font-weight:400;
}

h3 {
font-size:1.25em/*15px*/;
font-weight:400;
}

h4 {
font-size:1.25em/*15px*/;
font-weight:700;
}

h5 {
font-weight:700;
}

#breadcrumb a[rel],a[rel]#logo,#claim a[rel] {
padding-left:0;
background:none;
}

#breadcrumb,#footer li {
font-size:.917em/*11px*/;
}

#service ul {
line-height:1.8em;
}

/*--------
Links
---------*/
a {
text-decoration:none;
}


a:active,a:focus {
  outline:none; 
  background-color: #ff9;
  color: #006!important; 
  border: 1px solid #ffb;
  padding: 1px;
  text-decoration:underline;
}

a:hover {
text-decoration:underline;
}



a[rel] {
padding-left:.813em/*13px*/;
background-repeat:no-repeat;
background-position:0 .333em;
}

*:first-child+html #colmiddle a[rel] { /* IE7 only */
background-position:left 40%;
}

a[rel=me],a[rel=copyright] {
background-image:url(../img/icon-intern.gif);
}

a[rel=external] {
background-image:url(../img/icon-extern.gif);
}

a[rel=download],a[rel=print] {
background-image:url(../img/icon-down.gif);
}

a[rel=top] {
background-image:url(../img/icon-top.gif);
}

a[rel=more] {
 padding-left:1.1em/*13px*/;
 background-image:url(../img/icon-intern.gif);
}

#content * p a[target]{
padding-left:.813em;
background-repeat:no-repeat;
background-position:0 .333em;
}
#content * p a[target=_blank]{
background-image:url(../img/icon-extern.gif);
}
#content * p a[target=_top]{
background-image:url(../img/icon-intern.gif);
}

.rc a[rel] {
display: list-item;
list-style-position: outside;
list-style-type: none;
}

/*--------
Navigation
---------*/
ul.nav,.partner {
background:url(../img/linie.gif) no-repeat left top;
line-height:1.8em;
padding:.725em .725em 0;
margin-top:1.563em;
}

ul.nav ul {
margin: 0 0 1.25em 0;
padding-top:.25em;
}

ul.nav li {
padding-left:0.925em/*13px*/;
background:url(../img/icon-intern.gif) no-repeat 0 .5em;
}

/*--------
Content
---------*/
/*--- margin:1.25em .725em 0 .725em; */

ul#searchservices {
margin: 0 .725em 0 .725em;
text-align:right;
}

ul#searchservices li {
display:inline;
margin-left:1.25em/*20px*/;
}

/*--------
Formulare
---------*/
form {
background-color:#cecedc;
border:1px solid #c00;
margin:1.25em .725em 0 .725em;
padding:1.25em;
}

label {
display: block;
padding-top:0.5em;
}

input,select {
height:auto;
}

input,select,button,textarea {
border:1px solid #7f9db9;
padding:0.25em;
color:#000000
}

input[type=text],select,textarea {
background-color:#fff;
}

input[type=submit],input[type=reset],button {
width:auto;
color:#a00;
background-color:#fee;
font-weight: 700;
padding:.25em 1em;
}

input[type=submit]:hover,input[type=reset]:hover,button:hover {
color:#c00;
background-color:#fff;
}

input[type=checkbox] {
border:none!important;
vertical-align:baseline;
}

.dbbild {
	padding: 1px;
	max-width: 100%;
}

* html .dbbild { /* IE<=6 only */
	margin: 1px;
	padding: 1px;
}

* html .dbbr { /* IE<=6 only */
	padding: 1px;
	margin: 1px;
	width: 97%;
	overflow: hidden;
	border: 1px solid #fff;
}

/*-------------------
#minisearch
-------------------*/
#minisearch,#plz {
background:none;
border:none;
margin:0;
padding:0;
}

#minisearch input#Suchwort,#plz textarea {
width:96%;
}

/*-------------------
#kurssuche,#erweitertekurssuche
-------------------*/
#kurssuche,#erweitertekurssuche {
margin-top:0;
}

/*-------------------
#erweitertekurssuche
-------------------*/
#suchworte div {
padding-bottom:.325em;
}

#suchworte input {
display:block;
width:70%;
margin-right:2%;
}

#suchworte select {
display:block;
width:20%
}

#begin select[name=Tag] {
width:8%;
}

#begin select[name=Monat] {
width:20%;
}

#begin select[name=Jahr] {
width:20%;
}

/*
#weiterbildung label {
float:left;
width:32%;
}


#Weiterbildungsanbieter label {
width:50%;
}

#weiterbildung select,#weiterbildung input {
display:block;
width:88%;
}
*/
/*
select#Weiterbildungsdatenbank {
width:28.5%;
}

input#Weiterbildungsanbieter {
width:40%;
margin-right: 0.5em;
}
*/

/*
#Weiterbildungsdatenbank select,#Weiterbildungsanbieter input {
display:block;
width:88%;
}
*/


#blplzort label {
float:left;
width:50%
}

#blplzort select,#blplzort input {
display:block;
width:88%;
}


#ergebnisse label {
float:left;
width:32%
}

#ergebnisse select {
display:block;
width:91%;
}

input#Suchworte {
width:85%;
}

input#PLZOrt{
width:30.5%;
}

input#Weiterbildungsanbieter {
width:40%;
}

select#Sortiertnach{
width:57.5%;
}

select#Angebotsform{
width:57.5%;
}

select#Bundesland, select#Weiterbildungsdatenbank, select#Monat {
width: 25%;
}


select#Jahr {
width:32%;
}

.uebersicht select {
width:40%;
}

.detail label,label.sidebyside {
float:left;
width:50%;
margin-bottom:1.25em;
}

.detail select {
display:block;
width:90%;
}

#kontakt input#Name,#kontakt input#EMail {
display:block;
width:94%;
}

#kontakt textarea,#kontakt input#Betreff {
width:97%;
}

/*--------
Listen
---------*/

#colmiddle ul {
list-style-type:disc;
margin-left:1.333em;
}

#colmiddle ul li {
padding:0.6em 0;
}

* html #colmiddle ul { /* IE<=6 only */
margin: 0;
list-style-type: none;
}

* html #colmiddle li { /* IE<=6 only */
padding:0 0 1em 1em;
background:url(../img/icon-aufzaehlung.gif) no-repeat 0 .4em;
}

* html li { /* IE<=6 only */
height:1%;
}

ul.normal {
margin-left:3.333em;
}

ul.normal li {
padding-left:.813em;
background:url(../img/icon-aufzaehlung.gif) no-repeat 0 .4em;
list-style-position:outside;
list-style-type: none;
}

ul.normal li li {
list-style-position:outside;
list-style-type: none;
}

ul.linklist {
margin-left: 3.333em;
}

ul.linklist ul {
padding:0 0 .725em 0;
}

ul.linklist li li {
margin-left:.813em;
}

ul.page-info {
text-align:right;
padding:1.25em 0;
}

ul.alphabet {
text-align:left;
padding:1.25em 0;
}

ul.page-info li,ul.alphabet li {
display: inline;
}

ul#searchresults {
margin-left: 3.333em;
}

ul#searchresults ul {
padding:0 0 0 .825em;
}

ul#searchresults li {
padding-bottom:1.25em;
}

ul#searchresults li li {
padding-bottom:0;
}

dl.simplesearchresults,dl.anbieterinfos {
margin-bottom: 1.5em;
}

dl.last {
margin-bottom:0;
}

dl.simplesearchresults dt,dl.anbieterinfos dt {
float: left;
font-weight: 700;
}

dl.simplesearchresults dd,dl.anbieterinfos dd {
margin-left:8em;
}

/*--------
Klassen
---------*/
.hide {
display:none;
}

dl .hide {
color:#FFF;
display:block;
}

.clr {
clear:both;
height:0;
}

* html .clr { /* IE<=6 only */
font-size: 1px;
line-height: 0;
}

.alignright {
text-align:right;
}

.margintop {
margin-top:1.0em;
}

.marginbottom {
margin-bottom:.75em;
}

.floatleft {
float:left;
}

.floatright {
float:right;
}

.dbSupplier {
width: 18em;
background-color:#f5f5f8;
border:1px solid #f5f5f8;
margin:0;
padding:0;
}

* html .dbSupplier {  /* IE<=6 only */
	position: absolute;
	right: 2%;
	top: 170px;
}

.dbSupplier input[type="submit"] {
width: 12em;
border:1px solid #f5f5f8;
margin:1px 2px;
color: #cc0000;
background-color: #f5f5f8;
font-weight: 100;
padding: 0;
text-decoration: none;
text-align:left;
}


.dbSupplier input[type="submit"]:hover {
color: #336;
text-decoration: none;
cursor: pointer;
border-bottom: 1px solid #336;
}




acronym {
	border-bottom: 1px dotted #999;
}

.druckurl {
	display:none;
}

.dbsicon img {
	float: left;
	width: 180px;
	height: 60px;
	border: 0;
}

.dbsicon A {
	display:block;
	background: url(/img/dbs-logo.gif) no-repeat center;
	width: 180px;
	height: 60px;
	border:0;
}

.dbsicon A:link  {
	background: url(/img/dbs-logo.gif) no-repeat center;
}

.dbsicon A:hover {
	background: url(/img/dbs-logo-f.gif) no-repeat center;
}

#goback {
	background-color: #fff;
	border: 1px solid #fff;
}

#markDS {
	background-color:#fff;
	border: 1px solid #fff;
}

#markMZ {
	background-color:#fff;
	border: 1px solid #fff;
}

#markMZ #frm_email {
	margin-left: 1em;
	margin-right: 1em;
}

#markDelete {
	float:right;
}

#goback #gobackto {
	background-color: #fff;
	border: 1px solid #fff;
	text-align:left;
	padding: 0;
	text-decoration: none;
}

#goback #gobackto:hover {
	color: #336;
	text-decoration: none;
	cursor: pointer;
	border-bottom: 1px solid #336;
	text-align:left;
	padding: 0;
}

#markMe {
	float: right;
	padding: 0.25em 0.25em;
	width: auto;
	overflow: visible;
}

#markList {
	padding: 0.25em 0.25em;
	width: auto;
	overflow: visible;
}

#markMe:hover {
	float: right;
	padding: 0.25em 0.25em;
	width: auto;
	overflow: visible;
}

#markList:hover {
	padding: 0.25em 0.25em;
	width: auto;
	overflow: visible;
}


#markDelete {
	padding: 0.25em 0.25em;
	width: auto;
	overflow: visible;
}

#markDeleteAll {
	padding: 0.25em 0.25em;
	width: auto;
	overflow: visible;
}

#markDelete:hover {
	padding: 0.25em 0.25em;
	width: auto;
	overflow: visible;
}

#markDeleteAll:hover {
	padding: 0.25em 0.25em;
	width: auto;
	overflow: visible;
}

#printHR {
	display: none;
}

#markDS #mark:hover {
	color: #336;
	text-decoration: none;
	cursor: pointer;
	border-bottom: 1px solid #336;
}

#markMail {
	padding: 0.25em 0.25em;
	margin-right: 4em;
	width: auto;
	overflow: visible;
}

#Suchestarten1 {
	background-color: #cecedc;
	border: 1px solid #cecedc;
	padding: 0.25em 0.25em;
	width: auto;
	overflow: visible;
}

#Suchestarten1:hover {
	color: #336;
	text-decoration: none;
	cursor: pointer;
	border-bottom: 1px solid #336;
}

#Eingabeloeschen, #Suchestarten2 {
	border:1px solid #7f9db9;
	padding:0.25em;
	width:auto;
	color:#a00;
	background-color:#fee;
	font-weight: 700;
	padding:.25em 1em;
	text-decoration: none;
	cursor: default;
}

#Eingabeloeschen:hover, #Suchestarten2:hover {
	color:#c00;
	background-color:#fff;
}


.show_print {
	display: none;
}

#simform {
	background-color:#fff;
	border: 0px;
}

#feldinhalt1s {
	background-color:#fff;
	border: 0px;
	border-bottom: 1px solid #fff;
	padding-left: 0;
	padding-bottom: 0;
}

#feldinhalt1s:hover {
	color: #336;
	text-decoration: none;
	cursor: pointer;
	padding-left: 0;
	padding-bottom: 0;
	border-bottom: 1px solid #336;
}

#meldungen p {
	margin-bottom: 0.6em;
}

a.tooltip {
	text-decoration:none;
}
.tooltip span.info{
	display:none;
}
.tooltip:hover span.info{
	display:block;
	position:absolute;
	width:30em;
	border: 1px solid #12127D;
	background-color:#fff;
	color:#000;
	text-align: left;
	padding: 5px;
	font-size: 0.8em;
}

.bitvicon {
    height: 24px;
}
.bitvlink {
    display: inline-block;
    height: 24px;
    margin:  0 12px 0 0;
    padding: 0 8px 0 4px;
}
#bitvdiv {
    display: block;
    width: 100%;
    margin: 42px 0 0 0;
    padding: 0;
}