/*
SAARLERNNETZ.de default stylesheet
----------------------------------
author: Alexander Loehr
organisation: DFKI GmbH
*/

html {
margin: 0; padding: 0;
background: #E7E7E7 url(../../../pics/background.png) repeat-x fixed left top;
}
body {
padding: 0; 
margin: 0;
/*background: #E7E7E7 url(../../../pics/background.png) repeat-x left top;*/
}

#site {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: .8em;
width: 96%;
min-width: 880px;
max-width: 1200px;
margin: 20px auto;
padding: 0;
background-color: #fff;
}

a img {
	border: none;
}

/* DEFAULTS - for reuse */
a {
font-weight: bold;
text-decoration:none;
color:#2B3C8E;
}
a:visited {
color: #5468CB;
}
a:hover {
color: #5162B6;
}
a.link-extern {
/*padding-right: 14px;
background: transparent url(../../../pics/link-extern.gif) no-repeat 100% 60%;*/
/*white-space: nowrap;*/
font-style: italic;
}
a.link-extern:visited {
}
a.link-extern:hover {
}
a.link-extern:after {
content: " "url(../../../pics/link-extern.gif);
}
ul, ol {
}
ul li, ol li {
margin: .5em 0;
}
ul li li, ol li li {
margin: .25em 0;
}
hr {
border: none;
height: 1px;
background-color: #F1971E;
margin: 1em 0;
}
h1 {
font-size: 1.2em;
margin: 1.4em 0em 1.4em 0em; 
}
#text h1 {
padding: 0 0 3px 0;
margin: 30px 0 1em 0;
background: transparent url(../../../pics/h1-underline.png) no-repeat bottom left;
color: #005BAB;
font-weight: bolder;
letter-spacing: .1em;
}
h2 {
font-size: 1em;
margin: 1.4em 0em 1em 0em; 
}
h3 {
font-size: .9em;
margin: 1.2em 0em .9em 0em; 
}
h4 {
font-size: .8em;
margin: 1em 0em .8em 0em; 
}
p {
margin: .8em 0em .8em 0em; 
}
.pic-left {
float: left;
margin: 0em 1em .3em 0em;
}
.pic-right {
float: right;
margin: 0em 0em .3em 1em;
}
.back-orange { background-color: #FD8320; }
.back-blue{ background-color: #0258A1; }
.back-green { background-color: #2BA048; }
.back-white { background-color: #fff; }
.back-yellow{ background-color: #FFFF00; }
.back-red{ background-color: #ff0000; }
.back-black  { background-color: #000000; }
a img {
border: none;
}
dl.adresse dt {
font-weight: bold;
}
dl.adresse dd {
margin: 0; padding: 0;
padding-left: 8px;
border-left: 3px solid #F1971E;
}
.sub-header {
font-size: .85em;
}
.center {
text-align: center;
}
.underline {
text-decoration: underline;
}
.hidden {
display:none;
}
.button {
border: 1px outset #92B7DB;
background: #92B7DB url(../../1/media/button-back.png) repeat-x left center !important;
color: #fff;
letter-spacing: .05em;
cursor: pointer;
padding: 0 .8em;
margin: .1em;
}
.button:hover {
/*color: #0258A1;*/
background: #B1CCE6 url(../media/button-back-hover.png) repeat-x left center !important;
}

/*end defaults*/


#header {
height: 49px;
overflow: hidden;
/*background: #BAD3E9 url(../../../pics/header.jpg) no-repeat left top;*/
background-color: #BAD3E9;
border-left: 30px solid #005BAB;
position: relative;
margin-bottom: 1px;
}
#header #feedback {
position: absolute;
right: 1em;
top: -2px;
}
#header #header-extra {
position: absolute;
right: 0; top: 0;
width: 400px; height: 49px;
}

/* background-image for category - shown in header*/
.category-slz {
background: transparent url(../../75/media/slz-head.jpg) no-repeat right top;
}


/* search */
#search {
text-align: center;
padding-left: 10px;
margin-top: 15px;
}
search form {
}
#search form input {
font-size: 10px !important;
}


#main {
/*border-left: 30px solid #005BAB;*/
margin: 0px 0px;
}

#content {
width: 100%;
margin: 0; padding: 0;
border: none;
table-layout: fixed;
border-spacing: 0;
border-collapse: collapse;
}
#content tr td {
border: none;
padding: 0;
margin: 0;
vertical-align: top;
}
#content .dot { /* dot graphics */
float: left;
width: 8px !important; 
height: 22px;
background-image: url(../../../pics/light-blue-dot-mask.png);
background-repeat: no-repeat;
background-position: left center;
clear:both;
}
* html #content .dot { /* ie6 hack */
background-image: url(../../../pics/light-blue-dot-mask.gif);
}

/* LEFT column */
#content #left {
background: #8FB5DA url(../../../pics/dark-blue-w30-h1.gif) repeat-y left top;
width: 20em;
max-width: 220px;
}

#content #left #left-header {
height: 22px;
overflow:hidden;
background: transparent url(../../../pics/left-header.gif) no-repeat right top;
border-left: 30px solid #005BAB;
}

/* Navigation */
#content #left #nav {
margin: 15px 0 0 0px;
background-color: #C2D7EC;
border-top: 1px solid #eee;
border-bottom: 1px solid #ddd;
}
#content #left #nav ul {
list-style-type: none;
margin: 0; padding: 10px 0px 10px 0px;
background: #C2D7EC url(../../../pics/orange-w30-h1.gif) repeat-y left center;
}
#content #left #nav ul li {
padding: .2em 0 .2em 36px;
margin: 0;
background: transparent url(../../../pics/nav-dot.gif) no-repeat left top;
min-height: 22px;
}
#content #left #nav ul li a {
padding-left: 6px;
font-size: .85em;
font-weight: bold;
text-decoration: none;
color: #000;
}
#content #left #nav ul li span { /* dot */
float: none;
padding-right: 5px;
}
#content #left #nav ul li a:hover,
#content #left #nav ul li a:visited:hover {
color: #005BAB;
}
#content #left #nav ul li a:visited {
color: #465363;
}
#content #left #nav ul li#nav-active {
}
#content #left #nav ul li#nav-active a {
text-transform: uppercase;
color: #000;
}
#content #left #nav ul li#nav-active ul {
display: block;
}
/* sub-menu */
#content #left #nav ul ul {
display: none;
margin: 0; 
padding: .5em 0;
background: none;
}
#content #left #nav ul li li a {
text-transform: none !important;
background: transparent url(../../../pics/white-dot.gif) no-repeat left center;
padding-left: 18px;
}
#content #left #nav ul li li {
padding-left: 7px;
background: none;
}
#content #left #additional {
width: 112px;
margin: 1em auto 6em auto;
padding: 0px;
}
#content #left #additional a img {
background-color: #fff;
border: 1px solid #005BAB;
margin: .5em 0;
padding: 5px;
}

/* CENTER column */
#content #center {
background: transparent url(../../1/media/center-back.gif) no-repeat right bottom;
}

#content #center #center-header {
background: #B6CFE6 url(../../../pics/center-header.jpg) no-repeat right top;
width: 100%;
height: 22px !important;
overflow: hidden;
}
#content #center #center-header div {
display: table-cell;
vertical-align: middle;
padding-left: 12px;
}
#content #center #center-header div,
#content #center #center-header div a {
color: #465363;
text-decoration: none;
letter-spacing: 0.0px;
height: 22px;
font-size: 12px !important;
font-weight: bold;
}
#content #center #center-header a:hover {
text-decoration: underline;
}

#content #center #text {
margin: 13px 20px 20px 20px;
}
#content #center #text img {
/*padding: 2px;
border: 1px solid #ddd;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;*/
}

/* RIGHT column */
#content #right {
background-color: #BAD3E9;
width: 200px;
background: #BAD3E9 url(../../1/media/right-back.gif) no-repeat left bottom;
}

#content #right #right-header {
background: transparent url(../../../pics/right-header.gif) no-repeat left top;
height: 22px;
}

#content #right #news {
width: 179px;
margin-left: auto;
margin-right: auto;
margin: 0 auto 1em auto;
font-size: .9em;
}
#content #right #news div {
background: #fff url(../../../pics/news-center.gif) repeat-y center top;
}
#content #right #news img {
display: block;
}
#content #right #news a {
font-weight: bold;
text-decoration: none;
color: #59657F;
}
#content #right #news a:hover {
text-decoration: underline;
}
#content #right #news h1 {
margin: 0 4px; padding: 0;
font-size: 12px;
border: 1px solid #000;
padding: 4px;
background-color: #F4961B;
}
#content #right #news h1 a {
font-size: 90%;
float:right;
color: #003BaB;
}
#content #right #news dl {
padding: 8px;
margin: 0; 
}
#content #right #news dl dt {
margin: 0; padding: 4px 0;
/*text-align: right;*/
font-weight: bold;
font-size: .9em;
border-bottom: 1px dotted #8FB5DA;
}
#content #right #news dl dd {
margin: 0; padding: 0;
padding: 4px 0;
margin-bottom: 25px;
}
#content #right #news dl dd:last-child {
margin-bottom: 6px;
}
#content #right #news dl dd a.more {
margin-top: 6px;
display: block;
}
#content #right #news dl dd a.more:hover {
text-decoration:none;
}
#content #right #news dl dd a.more img {
float:right;
}

/* FOOTER */

#footer {
background-color: #8FB5DA;
height: 1px !important;
margin-top: 1px;
border-left: 30px solid #F5951B;
font-size: 1px;
position: relative;
}
#footer #deco-footer {
position: absolute;
top: -35px;
width: 89px;
height: 34px;
}
#impressum {
font-size: 11.5px;
position: absolute;
left: 3px; top: -56px;
}
#impressum a {
text-decoration: underline;
color: #fff;
}

/* some corrections for netzwerkpartner */
#netzwerkpartner h2 {
margin-bottom: 0;
}
#netzwerkpartner p {
margin: 0
}

/* format used in pressemitteilungen - formated list with date */
.pressList ul {
margin: 0 0 0 1em; 
padding: 0;
list-style-type: none;
max-width: 42em;
}
.pressList ul li {
margin-bottom: 2em;
}
.pressList ul li a {

}
.pressList ul li dfn {
display:block;
font-size: .85em;
font-weight: bold;
border-bottom: 1px dotted #F3961D;
text-align: right;
font-style: normal;
margin-bottom: .2em;
}

/*** Video Box Format -> see: SaarLernNetz>>Veranstaltungen ***/
.vid {
border: 2px solid #0059AB;
/*border-bottom: 6px solid #F3961D;*/
-moz-border-radius: 5px;
background-color: #fff;
width: 400px;
margin: auto;
margin-bottom: 40px;
padding-bottom: 6px;
}
.vid div {
text-align:center;
}
.vid h2 {
font-weight: bold;
font-size:12px;
padding: 6px;
margin:0px;
margin-bottom: 16px;
padding-bottom: 6px;
border-bottom: 1px solid #005BAB;
background: #005AAD url(../../32/media/vidbox-back.png) repeat-x top left;
color: #fff;
}

/* styles von der slz-seite uebernommen */

.info { /* blauer strich links */
padding: 3px 3px 3px 6px;
border-left: 2px solid #0059AB;
}
dl.info { 
margin: 0px 0px 20px 0px; padding: 0px; 
border: none; }
dl.info dt { font-weight: bold; }
dl.info dd {
padding: 3px 3px 3px 6px; margin: 0px;
border-left: 2px solid #0059AB;
}

dl.info ul {
margin: 10px; padding: 0px; margin-left: 20px;
}
/* free positionable info-field */
.ad {
border: 2px dotted #FD9800;
background: #fff url(../../75/media/ausrufezeichen.png) no-repeat right bottom;
padding: 5px 8px;
width: 260px;
float: right;
}

/* select style box */
ul.select {
width: 18em;
border: 1px solid #8FB5DA;
background-color: #C2D7EC;
margin: 1em 0; 
padding: 1px 1px 1px 1.2em;
font-size: .9em;
list-style-type:none;
max-height: 5em;
overflow:auto;
}
ul.select li {
text-align: left;
font-size: 1em;
margin: 0; padding: 0;
border: none;
min-height: 1em;
}
ul.select li:last-child {
}
ul.select li a {
display: block;
font-size: .95em;
background-color: #F4F4FC;
margin:0; 
padding: .2em .4em;
font-weight:normal;
border: none;
border-top: 1px solid #F9FAFE;
border-bottom: 1px solid #8FB5DA;
}
ul.select li:hover a {
color: #fff;
background-color: #8FB5DA;
border-top: 1px solid #6AA5DA;
border-bottom: 1px solid #8FB5DA;
border-left: 1px solid #C2D7EC;
}
ul.sedlect li:hover a:first-child {
border-top: 1px solid transparent;
}
ul.sdelect li:hover a:last-child {
border-bottom: 1px solid transparent;
}
ul.select li a.selected {
background-color: #DEEAF6;
}
ul.select li a.selected:before {
content:"- ";
}
.decent-blue {
border: 1px solid #8FB5DA;
background-color: #C2D7EC;
margin: 1em 0; 
padding: 0 0 0 1.2em;
font-size: .9em;
}
.decent-blue>div {
background-color: #F4F4FC;
padding: .3em .5em;
margin: 1px;
text-align: center;
border: 1px solid #8FB5DA;
}