/*

@ Styles Dienstleistungsoffensive - November 2004
@ SCREEN

*/



body {

margin:0;
padding:0;
font-size:medium;
font-family: Arial, Verdana, sans-serif;
color:#000000;
background-color:#FEFECC;
background-image:url(/_framework/_dienstleistungsoffensive/images/layout/bgBody.gif);
background-position:left;
background-repeat:repeat-y;
       
}

.printLogo {display:none;}

.fett {
	font-weight:bold;
	}

/* ----------------------------------------------------------------------- HEADER ------------------------------------------------------------------------------- */

#head {
        width:1004px;                                           /* fixe Breite ist gewuenscht um Skalierung zu verhindern */
	height:120px;
	background:url(/_framework/_dienstleistungsoffensive/images/layout/bgHeader.gif) repeat-x; color: #FFFFFF;
	}

#imglogo {
	width:651px; height:120px;
	background: url(/_framework/_dienstleistungsoffensive/images/layout/dlo_logo.jpg) no-repeat left;
	float:left;
	}
	
#imgtop {
	width:172px; height:120px;
	background: url(/_framework/_dienstleistungsoffensive/images/layout/bgWiMiLogo.gif) no-repeat right bottom;
	float:right;
	}

/* ----------------------------------------------------------------------- NEBENNAVIGATION ------------------------------------------------------------------------------- */

#nebenNavigation {
	width: 21.5em; top:101px; left:757px; position:absolute;font-size:70%;
}

#nebenNavigation a:link, #nebenNavigation a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}

#nebenNavigation a:hover, #nebenNavigation a:active {
	color:#FFFFFF;
	text-decoration:underline;
	}

/* ----------------------------------------------------------------------- INHALTSBEREICH ------------------------------------------------------------------------------- */

#wrapper {
        width:984px;                                            /* fixe Breite ist gewuenscht um Skalierung zu verhindern */
	margin-left:0.3em; padding-right:15px;
	background-image:url(/_framework/_dienstleistungsoffensive/images/layout/bgSchattenRechts.gif);background-repeat:repeat-y; background-position:right top;
	}

#blueBackground {background-color:#869CC5;}
/* ----------------------------------------------------------------------- NAVIGATION ------------------------------------------------------------------------------- */

#navigation {
	width:11.5em;
	font-size:100%;
	background-color:#1D509E;
	float:left;
	}
	
#navigation ul {
	margin:0em; padding:0;
	background-color:#879CC5;
	list-style:none;
        border-left:1px solid #E8EBF2; border-top:1px solid #E8EBF2;
	}
      
#navigation ul li a.file_1 {
        border-bottom: 1px solid #E8EBF2;
	width:13.9em;
	padding:2px 0 2px 5px;
	font-size:80%; font-weight:bold;
	color:#FFFFFF;
	display:block;
	}

#navigation ul li a.file_1:link, #navigation ul li a.file_1:visited {
	width:13.9em;
	background-color:#879CC5;
	text-decoration:none;
	display:block;
	}
	
#navigation ul li a.file_1:hover, #navigation ul li a.file_1:active {
	width:13.9em;
	background-color:#235AA6;
	text-decoration:none;
	display:block;
	}

#navigation ul li a.file_high_1:link, #navigation ul li a.file_high_1:visited {
	width:13.9em;
	padding:2px 0 2px 5px;
	font-size:80%; font-weight:bold;
	color:#FFFFFF; background-color:#235AA6;
	text-decoration:none; display:block;
        border-bottom: 1px solid #E8EBF2;
	}

#navigation ul li a.file_high_1:hover, #navigation ul li a.file_high_1::active {
	width:14m;
	background-color:#235AA6;
	text-decoration:none;
	display:block;
	}

#navigation ul ul {
	margin:0em; padding:0;
	background-color:#768CB9; border:0;
	list-style:none;
	}

#navigation ul ul li a.file_2 {
        border-bottom: 1px solid #E8EBF2;
	width:15em;
	padding:2px 0 2px 15px;
	font-size:70%; font-weight:normal;
	color:#FFFFFF;
	display:block;
	}

#navigation ul ul li a.file_2:link, #navigation ul ul li a.file_2:visited {
	width:15em;
	background-color:#768CB9;
	text-decoration:none;
	display:block;}
	
#navigation ul ul li a.file_2:hover, #navigation ul ul li a.file_2:active {
	width:15em;
	background-color:#235AA6;
	text-decoration:none; 
	display:block;
	}

#navigation ul ul li a.file_high_2:link, #navigation ul li a.file_high_2:visited {
	width:15em; padding:2px 0 2px 15px; border-bottom: 1px solid #E8EBF2;
	font-size:70%; font-weight:normal;
	color:#FFFFFF; background-color:#235AA6;
	text-decoration:none;
	display:block;
	}

/* ----------------------------------------------------------------------- SUCHE + KLICKPFAD ------------------------------------------------------------------------------- */

#start-suche input.input-startsuche {
	border:1px solid #c6c6c6; 
	border-top:1px solid #7b7b7b;                                   /* Yes! I´m overwriting the top-border color for a darker tone! Call*/
	width:9.5em;			                                       /*  me lazy, but these designers are a real pain in the ass :-P */
	color:#7b7b7b;
}

#start-suche img.suche-pfeil {
	padding:0 2px 0 5px;
}

#start-suche {
	padding:8px 0 8px 0; 
}

#start-suche .sucheLink a:link, #start-suche .sucheLink a:visited {
        font-size:90%;
	color:#235AA6;
	text-decoration:none;
	}

#start-suche .sucheLink a:hover, #start-suche .sucheLink a:active {
        font-size:90%;
	color:#235AA6;
	text-decoration:none;
	}

#klickpfad {
	font-size:70%;
	}

#klickpfad div {
	padding-left:15px;
	background-color:#FFFFFF;
	}

#klickpfad div a:link, #klickpfad div a:visited {
	color:#1D509E;
	text-decoration:none;
	}

#klickpfad div a:hover, #klickpfad div a:active {
	color:#1D509E;
	text-decoration:underline;
	}

/* ----------------------------------------------------------------------- CONTENTBEREICH ------------------------------------------------------------------------------- */

#contentcontainer {
	margin-left:11.5em;
	background-color:white;
	}
      
#content {
	margin-right:13em;
	background-color:#FFFFFF;
	}

#content h1 {
	padding:0; margin:0 0 0 0;
	font-size:140%; font-weight:bold;
	color:#235AA6;
	}

#content h2 {
	margin:0 0 1px 0;
	background-color:#869CC5;
	font-weight:normal;
	padding:2px 2px 2px 3px;
	font-size:110%;
	color:#FFF;
}



#content .text {
	min-height:35em;
	padding:0 0 0 15px; margin:0;
	font-size:75%;
	}

#content .text a {
	text-decoration:underline; font-weight:bold;
}

#content .text a:link, #content .text a:visited {
	color:#235AA6;
}

#content .text a:active, #content .text a:hover {
	color:#879CC5; text-decoration:underline;
}

#content .startseiteTable {height:40em;}

/* ----------------------------------------------------------------------- RECHTE SPALTE ------------------------------------------------------------------------------- */

#rightColumn .teaser {
	width:12em; 
	margin:0px 0px 15px 10px;
	color:#000000; background-color:#FFFFFF;
	float:right;
	}
	
#rightColumn .teaserhead {
	background-color:#1D509E;
	border-bottom:1px solid #FFFFFF;
	}

#rightColumn .teasertxt {
	padding:10px 10px 10px 10px;
	font-size: 85%; line-height: 130%;
	color:#000000; background-color:#DBE1ED;
	}
      
#teasertxtWhite {
	padding:10px 10px 10px 10px;
	font-size: 85%; line-height: 130%;
	color:#000000; background-color:#FFFFFF;
	}

#teasertxtWhite a,
#teasertxtWhite a:link,
#teasertxtWhite a:visited,
#teasertxtWhite a:active {

  font-size:90%; font-weight:bold; color:#235AA6; text-decoration:none;
  
}

#teasertxtWhite ul,
#teasertxtWhite li {margin:0; padding-left:5px;}

#teasertxtWhite a:hover {

  color:#879CC5;
  text-decoration:underline;
}


#rightColumn .teaser H2 {
	padding:2px 0px 2px 10px; margin:0px;
	font-weight:bold; font-size:90%;
	color:#FFFFFF;
	}

/* ----------------------------------------------------------------------- LISTVIEW ------------------------------------------------------------------------------- */

#listcontainer {
        width:97%;
}

#listtitle {
        float:left;
}


#listtitle h1 {
        padding:0; margin:0;
        font-size:140%;
}

#listsearch {
	color:#000000;
    	float:right;
	padding: 2px 0px 2px 8px;
	font-size:100%;
    	text-align:right;
}


#ObjectListTable {
 width:100%; border:0;
}

#ObjectListTable caption {
        display:none;
}

#ObjectListTable th {
        padding: 2px 0px 2px 8px;
        font-weight:bold;
        color:#FFFFFF; background-color:#1D509E;
        vertical-align:top; text-align:left; border-right:1px solid #FFFFFF; border-bottom:10px solid #FFFFFF;
}

#ObjectListTable .right {
  padding:4px 8px 4px 8px; 
  color:#506286; background-color:#B6C5DC;
  font-weight:normal;
  border-left:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;
}

#ObjectListTable a.sort:link, #ObjectListTable a.sort:visited, #ObjectListTable a.sort:hover, #ObjectListTable a.sort:active {
  width:98%; padding:0; color:#FFFFFF;
  background-color:transparent;
  display:inline;
  text-decoration:none;
  border:0;
}
#ObjectListTable td {
  border-bottom:1px solid #FFFFFF;background-color:#B6C5DC;
}
#ObjectListTable td.obj_spalte{
  background-color:#B6C5DC;
  color:#506286;
  font-weight:bold;
}
#ObjectListTable a {
  width:98%; padding:4px 8px 4px 8px;
  display:block;
}

#ObjectListTable a:link, #ObjectListTable a:visited, #ObjectListTable a:active {
  background-color:#B6C5DC;
  color:#506286;
  font-weight:bold;
  text-decoration:none;
}

#ObjectListTable a:hover {
  background-color:#EAEFF6;
  color:#506286;
  font-weight:bold;
  text-decoration:none;
}

/* ----------------------------------------------------------------------- DETAIL ------------------------------------------------------------------------------- */

#listfoot {
	height:21px;
	color:#000000;
	padding: 10px 0px 2px 10px;
	font-size:100%;
	text-align:center;
}

/*.register {
	width:48%;
	background-color:#879CC5;
	height:21px;
	color:#fff;float:left;
	padding: 2px 0px 2px 10px;
	font-size:100%;font-weight:bold;

}*/


#detailTable {
	width:100%;
	border-top:1px solid #B6C5DC;
	}

#detail h1 {
	font-size:130%; color:#879CC5; padding-left:8px; margin-bottom:10px;
	}

#detailCaption {
	padding:3px 0 3px 10px;
	background-color:#879CC5;
	font-weight:bold; text-align:left;
	border-bottom:10px solid #FFFFFF;
	}

#detailDiv {
	width:90%; padding:3px 10px 3px 10px; 
	background-color:#FFFFFF;
	font-weight:normal;
	}
	
#detailTable th {
	width:30%; padding:3px 10px 3px 10px; 
	background-color:#879CC5;
	font-weight:normal; text-align:left;
	border-bottom:1px solid #FFFFFF;
	}
	
#detailTable td {
	width:70%; padding:3px 10px 3px 10px; 
	background-color:#FFFFFF;
	font-weight:normal; text-align:left;
	border-right:1px solid #B6C5DC;
	border-bottom:1px solid #B6C5DC;
	}
      
/* ----------------------------------------------------------------------- SCHATTENWURF ------------------------------------------------------------------------------- */

#schattenUnten {
	width:995px;
	background-image:url(/_framework/_dienstleistungsoffensive/images/layout/schattenUnten.gif); background-repeat:no-repeat;
	float:left;
	}

#schattenUntenBlau {
	width:11.8em;
	background-image:url(/_framework/_dienstleistungsoffensive/images/layout/bgSchattenBlauUnten.gif); background-repeat:no-repeat;
	float:left;
	}
	
#schattenUntenGelb {
	width:812px;
	background-image:url(/_framework/_dienstleistungsoffensive/images/layout/bgSchattenGelbUnten.gif); background-repeat:repeat-x; background-position:right top;
	}


/*------------------------------- FOOTER ---------------------------------------------*/

#footer img {margin-left:15px; margin-right:5px;}

#footer a:link, #footer a:visited { font-size:80%; 
	color:#235AA6; text-decoration:none;
}

#footer a:active, #footer a:hover {
	color:#879CC5; text-decoration:underline;
}

/* ------------- NEWSBOX -----------------*/


#newsbox p {

	margin-bottom:10px; 
}

#newsbox a:link, #newsbox a:visited {
	
	color:#526182;
	font-weight:bold;
	text-decoration:none;
}


#newsbox a:hover {
	
	color:#526182;
	font-weight:bold;
	text-decoration:underline;
}


/*----- Veranstaltungsbox ------- */

#veranstaltungsheader h1 {

	padding:0; 
	margin:0; 
	font-size:1em; 
	font-weight:normal; 
	margin-left:0.4em;
}

div.veranstaltungsbox {

	background-color:#c3cada; 
	font-size:0.95em; /* argh! This size is needed to prevent the bottom-borders from disappearing !#/&@ */
	color:#666;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #000000;
}

div.veranstaltungsbox p {

	padding:5px 5px 15px 5px; 
	margin:0;
}

.schwarz {

	color:#000;
}
div.veranstaltungsbox a:link, div.veranstaltungsbox a:visited {
	color:#666;
	text-decoration:none;
}


div.veranstaltungsbox a:hover {
	color:#666;
	text-decoration:underline;
}

#aktuelleveranstaltungen {
  vertical-align:top;
  width:30%;
}

#aktuellenews {
  vertical-align:top;
}

#aktuelleveranstaltungen h2 {
font-weight:bold;
}

#aktuellenews h2 {
font-weight:bold;
}
/* pseudo-class-terror!!!! :> Just remember: LVHA!! */

img.floatright {
	float: left; 
	margin: 0;
	border: 1px solid #666;
	margin-left:0em;
	margin-right:0.5em;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

.objectbody img {border:0;}