/**
 * <header>
 */
  
#header-logo, 
#header-tools {
  float: left;
  margin: 0 0 5px;
  width: 994px;
}


#portal-logo {
  float: right;
  width: 450px;
  background-position: right top;
  background-repeat: no-repeat;
  height: 104px;
}

#portal-logo a {
  display: block;
  width: 450px;
  height: 104px;
  text-decoration: none;
}

#portal-foto {
  float: left;
  height: 104px;
  width: 496px;
  margin: 0 20px;
}

#header-logo .box-re-un,
#header-logo .box-li-un {
  height: 112px;
}

#foot-tools {
  clear: both;
  float: left;
  margin: 0 0 5px;
  width: 994px;
}


.link-userarea,
.link-logout,
.link-login {
  font-weight: bold;
}

/**
 * </header>
 */
 
 
 
 
body {
  font-size: 12px;
  color: black;
  font-family: Verdana,Arial,Helvetica,sans-serif;
}



#main-navigation a:link {
  text-decoration: none;
}

#main-navigation a:hover {
  text-decoration: underline;
}

.main-topic {
  font-weight: bold;
}
 
 
 
 
 /**
  * <content>
  */

.rssfeedlink,
.rssfeedlink a {
  width: 20px;
  height: 20px;  
  display: block;
}

.rssfeedlink { float: right; }

.rssfeedlink a {
  background: url('http://www.kreis-lwl.de/cms2/LWL_prod/LWL/Portal_Layout/images/portal/rss.gif') left top no-repeat;
  text-decoration: none!important;
}


#content-body {
  width: 994px;
}

#kreistagsportal #content-body {
  width: auto!important;
  min-width: 994px!important;
}
 
#content-left {
  float: left;
  margin: 0px 328px 0px 0px;
  margin-right: 250px;
  width: 520px;
}

#kreistagsportal #content-left {
  min-width: 770px;
  max-width: 77%;
  width: auto!important;
}

.full-content-area #content-left {
  margin: 0px 0px 0px 0px;
  width: 770px;
}
 
#breadcrumb-path {
  width: 756px;
  padding-left: 238px;
}

#main-navigation {
  width: 224px;
  margin: 8px 0px 0px;
  position: relative;
  float: left;
  font-size: 11px;
}

#content-area {
  margin: 8px 0px 0px;
}

#content-right {
  width:250px;
  float:right;
  margin:0 0 0 -250px;
}

#content {
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#content > *:first-child{
  margin-top: 0px;
}

.box-inner {
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 7px;
}



 /**
  * </content>
  */  
 
br.cb {
  display: block;
  width: 1px; height: 1px;
  clear: both;
}

.box-empty {
  padding: 8px;
}
 
/* <box-farbe> */
.box-farbe .box-re {
  width: 100%;
  clear: both;
  float: left;
  background-position: right top;
  background-repeat: repeat-y;
}

.box-farbe .box-li {
  width: 100%;
  float: left;
  background-position: left top;
  background-repeat: repeat-y;
}

.box-farbe .box-un {
  width: 100%;
  float: left;
  background-position: left bottom;
  background-repeat: repeat-x;
}

.box-farbe .box-re-ob {
  width: 100%;
  background-position: right top;
  background-repeat: no-repeat;
}

.box-farbe .box-li-ob {
  width: 100%;
  background-position: left top;
  background-repeat: no-repeat;
}

.box-farbe .box-re-un {
  width: 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.box-farbe .box-li-un {
  width: 100%;
  background-position: left bottom;
  background-repeat: no-repeat;
}
/* </box-farbe> */


/* <box-content> */
.box-content{
  width: 100%;
  background-position: left top;
  background-repeat: repeat-x;
  float: left;
}

.box-content .box-re {
  width: 100%;
  clear: both;
  float: left;
  background-position: right top;
  background-repeat: repeat-y;
}

.box-content .box-li {
  width: 100%;
  float: left;
  background-position: left top;
  background-repeat: repeat-y;
}

.box-content .box-un {
  width: 100%;
  float: left;
  background-position: left bottom;
  background-repeat: repeat-x;
}

.box-content .box-re-ob {
  width: 100%;
  background-position: right top;
  background-repeat: no-repeat;
}

.box-content .box-li-ob {
  width: 100%;
  background-position: left top;
  background-repeat: no-repeat;
}

.box-content .box-re-un {
  width: 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.box-content .box-li-un {
  width: 100%;
  background-position: left bottom;
  background-repeat: no-repeat;
}
/* </box-content> */

/**
 * <navigation>
 */

#header-tools form {
  display: inline;
  padding: 0 20px 0 0;
}

#header-tools .links,
#foot-tools .links {
  margin-left: 5px;
}

#header-tools select {
  font-size: 11px;
}

#header-tools a {
  margin-left: 10px;
}
#header-tools input {
  font-size: 11px;
}

#header-tools .inputtext {
  border: none;
  width: 100px;
}

#header-tools .box-inner, 
#foot-tools .box-inner {
  padding: 6px 15px 12px 8px;
}

#header-tools .box-inner {
  height: 20px;
}

.main-topic {
  padding: 5px 10px;
}

#main-navigation .navigationsposition {
  font-weight: bold;
}

#main-navigation a {
  text-decoration: none;
  padding-right: 5px;
}

#main-navigation ul {
  list-style-type: none;
  margin: 3px 1px 5px 1px;
  padding: 0px;
}

#main-navigation ul li a {
  display: block;
  margin: 2px 0px;
  padding: 0px 5px 0px 15px;
  background: url('http://www.kreis-lwl.de/cms2/LWL_prod/LWL/Portal_Layout/images/portal/navigation-prefix.gif') 7px 5px no-repeat;
}

#main-navigation ul li ul li a {
  padding-left: 25px;
  background-position: 15px 5px;
}

#main-navigation ul li ul li ul li a {
  padding-left: 35px;
  background-position: 25px 5px;
}

#main-navigation .main-topic {
  font-size: 12px;
}

.box-inner .rechts {
  float: right;
}
 
/* <box-farbe-navigation> */
.box-farbe-navigation  .box-li-un > ul {
  min-height: 46px;
}
.box-right-content, 
.box-farbe-navigation {
  width: 100%;
  background-position: left top;
  background-repeat: repeat-x;
  float: left;
}

.box-right-content .box-re,
.box-farbe-navigation .box-re {
  width: 100%;
  clear: both;
  float: left;
  background-position: right top;
  background-repeat: repeat-y;
}

.box-right-content .box-li,
.box-farbe-navigation .box-li {
  width: 100%;
  float: left;
  background-position: left top;
  background-repeat: repeat-y;
}

.box-right-content .box-un,
.box-farbe-navigation .box-un {
  width: 100%;
  float: left;
  background-position: left bottom;
  background-repeat: repeat-x;
}

.box-right-content .box-re-un,
.box-farbe-navigation .box-re-un {
  width: 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.box-right-content .box-li-un,
.box-farbe-navigation .box-li-un {
  width: 100%;
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-bottom: 8px;
}

.box-farbe-navigation p  {
  padding: 5px 10px 0;
}
/* </box-farbe-navigation> */

/**
 * </navigation>
 */

img {
border: none;
}

ul.navigationsliste,
ul.dokumentenliste,
ul.linkliste {
  list-style-type: none;
  padding: 0px!important;
}


ul.linkliste > li {
  padding-left: 15px;
  background: url('http://www.kreis-lwl.de/cms2/LWL_prod/LWL/Portal_Layout/images/portal/listen-prefix.gif') no-repeat 2px 0px;
  margin-top: 4px;
}

ul.dokumentenliste > li {
  padding-left: 23px;
  padding-bottom: 3px;
  margin-top: 4px;
  background-repeat: no-repeat;
  background-position: 2px 0px;
}

ul.dokumentenliste li.gruppierung {
  background-image: url('http://www.kreis-lwl.de/cms2/LWL_prod/LWL/Portal_Layout/images/portal/listen-prefix.gif');
  background-position: 8px 0px;
}

ul.navigationsliste > li {
  padding-left: 15px;
  background: url('http://www.kreis-lwl.de/cms2/LWL_prod/LWL/Portal_Layout/images/portal/listen-prefix.gif') no-repeat 2px 0px;
  margin-top: 4px;
  padding-bottom: 5px;
}

ul.navigationsliste li.gruppierung {
  background-image: none!important;
}

#content ul.linkliste > li.gruppierung {
  margin: 15px 0px 8px 0px;
}

#content-right ul.dokumentenliste + ul.linkliste > li {
  padding-left: 23px!important;
  background-position: 6px 0px!important;
}

a.gif,
a.jpeg,
a.jpg,
a.powerpoint,
a.zip,
a.word,
a.excel,
a.pdf {
  padding-top: 2px;
  padding-left: 23px;
  padding-bottom: 6px;
  background-repeat: no-repeat;
  background-position: 2px 0px;
}


ul.dokumentenliste li.gif, a.gif { background-image: url('http://www.kreis-lwl.de/cms2/LWL_prod/LWL/Portal_Layout/images/portal/types-gif.gif') }
ul.dokumentenliste li.jpeg, ul.dokumentenliste li.jpg, a.jpeg, a.jpg { background-image: url('http://www.kreis-lwl.de/cms2/LWL_prod/LWL/Portal_Layout/images/portal/types-jpeg.gif'); background-position: 5px 0px; }
ul.dokumentenliste li.powerpoint, a.powerpoint { background-image: url('http://www.kreis-lwl.de/cms2/LWL_prod/LWL/Portal_Layout/images/portal/types-powerpoint.gif') }
ul.dokumentenliste li.zip, a.zip { background-image: url('http://www.kreis-lwl.de/cms2/LWL_prod/LWL/Portal_Layout/images/portal/types-zip.gif') }
ul.dokumentenliste li.word, a.word { background-image: url('http://www.kreis-lwl.de/cms2/LWL_prod/LWL/Portal_Layout/images/portal/types-word.gif') }
ul.dokumentenliste li.excel, a.excel { background-image: url('http://www.kreis-lwl.de/cms2/LWL_prod/LWL/Portal_Layout/images/portal/types-excel.gif') }
ul.dokumentenliste li.pdf, a.pdf { background-image: url('http://www.kreis-lwl.de/cms2/LWL_prod/LWL/Portal_Layout/images/portal/types-pdf.gif') }

table tr *{
  vertical-align: top;
}

ul.navigationsliste, 
table.dokumentenliste {
  margin-top: 5px;
}
table.dokumentenliste {
  width: 100%;
}

table.dokumentenliste tr.b {
  background: #ECECEC;
}
table.dokumentenliste a {
  display: block;
  float: left;
  padding-bottom: 2px!important;
}

table.dokumentenliste tr.b + tr.a > *,
table.dokumentenliste tr.a + tr.b > * {
  padding-top: 5px;
}

table.dokumentenliste tr.gruppierung > * {
  padding: 10px 0px 5px;
}

table.dokumentenliste tr.b + tr.gruppierung > *,
table.dokumentenliste tr.a + tr.gruppierung > * {
  padding: 20px 0 15px!important;
}

table.dokumentenliste tr div.beschreibung {
  clear: left;
  float: left;
  padding-left: 23px;
  padding-bottom: 15px;
}


table.dokumentenliste span.dateiinfo {
  line-height: 16px;
  font-size: 10px;
  display: block;
  float: left;
  clear: left;
  margin-left: 22px;
  
}

#content-area a {
  font-weight: bold;
  text-decoration: none;
}

#content-area a:hover {
  text-decoration: underline;
}

h1 {
  font-size: 18px;
  line-height: 20px;
  margin: 0 0 8px;
}

h2 {
  font-size: 15px;
  margin: 0 0 8px;
}

h3 {
  font-size: 13px;
  margin: 0 0 8px;
}

h4 {
  font-size: 12px;
  margin: 0 0 8px;
}

tr.gruppierung td {
  padding-top: 5px;
}

li.gruppierung {
  margin-top: 5px;
}
tr.gruppierung .titel,
li.gruppierung .titel {
  font-weight: bold;
}


#content .eol {
  clear: both;
}

#content h1 + .eol {
  display: none;
}

#content p,
#content table,
#content ul,
#content ol,
#content-right p,
#content-right table,
#content-right ul,
#content-right ol {
  margin: 6px 0 6px 0;
}

#content-right ul {
  padding-left: 20px
}

#content p img {
  margin: 5px 5px 5px 0px;
  padding-right: 5px;
}

#content ul {
  padding-left: 15px;
}

#content ol {
  padding-left: 30px;
}

#content li + li {
  margin: 6px 0 6px 0;
}

li p {
  margin: 0px;
}
li p + p {
  margin: 6px 0 6px 0;
}


legend {
  font-weight: bold;
}
form, fieldset {
  margin: 0px;
  padding: 0px;
  border: 0px solid white;
}

/**
 * <sa-pm>
 */
 
.pmitemmitbild,
.pmitemohnebild {
  clear: left;
  display: block;
  padding-bottom: 20px;
}

.pmdetaillink {
  float: right;
}

.pmuntertitel {
  font-style: italic;
  margin-top: 2px!important;
}
.pmitemmitbild .pmtitel,
.pmitemmitbild .pmuntertitel,
.pmitemmitbild .pmteaser
{
  margin-left: 110px!important;
}

.pminfo{
  font-style: italic;
}
.pmitemmitbild .pmbildthumbnail {
  float: left;
  padding: 5px 5px 5px 0px;
}

.pmbildohnetext img,
.pmbildmittext img {
  max-width: 200px;
  padding: 0px 5px 0px 0px;
}

.pmbildmittext p {
  font-size: 10px;
  padding: 0 3px 3px 3px;
}


.pmbildmittext {
  background: #D0CBC6;
}

.pmbildmittext,
.pmbildohnetext {
  float: left;
  margin: 5px 10px 10px 0px;
  max-width: 200px;
}

.pmbildgrossanzeige {
  float: left;
  width: 99%;
  padding: 2px 0px;
}

.pmbildgrossanzeige div img,
.pmbildgrossanzeige div{
  max-width: 100%!important;
}
.pmzurueck {
  text-align: right; 
}

.pmpagenav {
margin-top: 0.25em;
clear: left;
background-color:#EEEDEC;
height:1.5em;
padding:5px;
}
.pmpagenav  > * {
display:block;
float:left;
text-align:center;
width:48%;
}
.pmbildmittext a.lnk-lupe {
background-image: url('http://www.kreis-lwl.de/cms2/LWL_prod/LWL/Portal_Layout/images/portal/lupe.gif');
background-position: 0px 0px; 
background-repeat: no-repeat;
width: 20px; 
height: 15px;
float: right;
}

/**
 * </sa-pm>
 */
 
 /**
  * <gb>
  */
.gaestebuchliste.admin .gbodd,
.gaestebuchliste.admin .gbeven
{
  min-height: 90px;
}

.gaestebuchliste.admin .gbodd > *,
.gaestebuchliste.admin .gbeven > * {
  max-width: 550px;
}
.gaestebuchliste.admin .gbcontroll {
  float: right;
  width: 120px;
  max-width: 120px;
}

.gbaktion {
  text-align: right;
}

.gaestebuchliste {
  padding-bottom: 10px;
}
.gaestebuchliste .gbodd,
.gaestebuchliste .gbeven {
  padding: 2px 5px 2px 5px;
}
.gbodd {
  background-color: #EEEDEC;
}

.gbeven {
  border-top: 1px dashed #C4C4C4;
}

.gbeven + .gbodd{
  border-top: 1px dashed #C4C4C4;
}
.gbzeit, .gbname, .gbemail, .gblcomment {
  font-size: 9px;
}
.gbname {
  font-weight: bold;
}
.gaestebuchliste.admin .gbcomment {
  padding-left: 5px;
  border-left: 5px solid black;
}

.gbadmincomment {
  padding-left: 5px;
  border-left: 2px solid black;
  padding-bottom: 1px;
}

 /**
  * </gb>
  */
/**
 * <umfragen>
 */
 .uflit {
  margin-bottom: 5px;
 }
 .uffunktionen {
  text-align: right;
 }


.ufantwort .ufpercent {
    clear: left;
    float: left;
    width: 75%;
}
.ufantwort .ufpercenttext {
    float: left;
    width: 20%;
    text-align: center;
    height: 1em;
    overflow: hidden;
}
.ufantwort .ufpercent > div {
    background: black;
    height: 1em;
    overflow: hidden;
}
.ufauswertung .ufantwort,
.ufvote {
  float: left;
  clear: both;
  margin: 5px 0;
  width:100%;
}
.ufvotenow {
  margin-left: 2em;
}
.uftext {
  margin-bottom: 5px;
}
.ufauswertung {
  margin-bottom: 5px;
  float: left;
  width: 98%;
}

.ufthx,
.ufadminitem .info .titel {
  font-weight: bold;
}

.ufadminitem {
  float: left;
  width: 100%;
  clear: both;
}
.ufadminitem .funktionen {
  float: right;
  width: 20%;
}

.ufadminitem .info {
  float: left;
  width: 80%;
}


.ufadminitem.odd {
  background-color: #EEEDEC;
}

.ufadminitem.even {
  border-top: 1px dashed #C4C4C4;
}

.ufadminitem.even + .ufadminitem.odd{
  border-top: 1px dashed #C4C4C4;
}

/**
 * </umfragen>
 */
/**
 * <suchmaschine>
 */
span.searchhit {
  text-decoration: underline;
}
/**
 * </suchmaschine>
 */
/**
 * <veranstaltungen>
 */
#veranstaltungen .seitenauswahl {
  background-color: #EEEDEC;
  padding: 5px 5px;
  height: 1.5em;
}
#veranstaltungen .seitenauswahl > * {
  display: block;
  float: left;
  width: 33%;
  text-align: center;
}

#veranstaltungen .seitenauswahl .treffer {
  font-weight: bold;
}

.veranstaltung {
  padding: 2px 5px 2px 5px;
}

.veranstaltung + .veranstaltung {
  margin-top: 5px;
  border-top: 2px dashed #C4C4C4;
  clear: both;
}

.veranstaltung_titel {
  font-weight: bold;
}
.veranstaltung .veranstaltung_bild {
  float: left;
  max-width: 220px;
  margin-right: 10px;
  background: #C4C4C4;
  font-size: 9px;
}
.veranstaltung .veranstaltung_bild img {
  max-width: 220px;
  max-height: 250px;
}

.veranstaltung_info {
  float: left;
  display: block;
  margin: 1px 1px 1px 1px;
}
.veranstaltung_info +  .veranstaltung_info {
  clear: left;
}
.veranstaltung_info strong {
  width: 100%;
  display: block;
}
.veranstaltung_info .veranstaltung_info_element {
  display: block;
  width: 100px;
  float: left;  
}
.veranstaltung_info .veranstaltung_info_text {
  display: block;
  margin-left: 120px;
}

.veranstaltung_info > br {
  display: none;
}

.veranstaltung_details {
  display: none;
}
/**
 * </veranstaltungen>
 */
 
/**
 * <DatePicker>
 **/
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #7c7b7b;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #e1dddd;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #b3b3b3;
	color: #FFF;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url('http://www.kreis-lwl.de/cms2/LWL_prod/LWL/Portal_Layout/images/portal/calendar.png') no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 6em;
	float: left;
}

div.dp-popup {
	position: relative;
	background: #fbfbfb;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
	border : 1px solid #666;
	top:-2px;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
/**
 * </DatePicker>
 **/

/**
 * <galerie>
 */

div.galerievorschaubildrahmen {
float: left;
width: 100px;
margin-right: 20px;
/* height wird dynamisch gesetzt */
}

div.galerievorschaubild, div.galeriebild {
overflow: hidden;
background: #D0CBC6;
border-right: 1px solid #B2B2B2;
border-bottom: 1px solid #B2B2B2;
/* width wird dynamisch gesetzt */
}

div.galerieunterzeile {
padding: 4px;
}

div.galerieunterzeile a.lupe {
background-image: url('http://www.kreis-lwl.de/cms2/LWL_prod/LWL/Portal_Layout/images/portal/lupe.gif');
background-position: 0px 0px; 
background-repeat: no-repeat;
width: 20px; 
height: 15px;
float: right;
}

div.galerieunterzeile a.drucker {
background-image: url('http://www.kreis-lwl.de/cms2/LWL_prod/LWL/Portal_Layout/images/portal/drucker.gif');
background-position: 3px 0px; 
background-repeat: no-repeat;
width: 20px; 
height: 15px;
float: left;
}

/**
 * </galerie>
 */