/* margin */
.tx-portlet { margin-bottom: 10px; }

/* global portlet-nav styles */
.tx-portlet .portlet-nav a {
	color: #575757;
	padding: 11px 9px;
	text-decoration: none;
	background: #eaeaea url(../Images/Background/portlet-tab-gradient.gif) repeat-x left bottom;
}
.tx-portlet .portlet-nav .active a,
.tx-portlet .portlet-nav li a:hover,
.tx-portlet .portlet-nav li a:focus {
	color: #fff;
	background: #f7b85a url(../Images/Background/portlet-nav-active.gif) repeat-x left bottom;
}


/* global portlet-content styles */
.tx-portlet .portlet-content {
	font-size: 13px;
	line-height: 17px;
	background: url(../Images/Background/portlet-gradient.gif) repeat-x left bottom;
	zoom: 1;
}
.tx-portlet .portlet-content .content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.tx-portlet .portlet-content a { color: #f29201; }
.tx-portlet .portlet-content a:visited { color: #d47401; }
.tx-portlet .portlet-content .dk_container a { color: #575757; }
.tx-portlet .portlet-title {
	border-bottom: 1px solid #b7b7b7;
}
.tx-portlet .portlet-title h2 {
	background: #575757;
    margin-bottom: 8px;
    padding: 5px 70px 5px 8px;
    color: #fff;
    font-size: 17px;
    position: relative;
    border-radius: 10px 10px 0 0;
    -khtml-border-radius:10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    behavior: url(/typo3conf/ext/theme_edugroup/Resources/Public/Css3Pie/PIE.htc);
    display: inline-block;
}
.tx-portlet input.service-go{
	width: 86px;
	height: 18px;
	text-indent: -9000px;
	border: none;
	background-color: transparent;
	background-image: url(/typo3conf/ext/portlet/Resources/Public/Images/weiter.png);
	background-position: top left;
	background-repeat: no-repeat;
}
.tx-portlet select {
	padding: 0 0 0 0;
}
#ie7 .tx-portlet .portlet-title h2 {
	display: inline;
}


/* portlet 1 */
.portlet-1, .portlet-3 {
	width: 100%;
	border-bottom: 1px solid #b3b3b3;
	background: url(../Images/Background/portlet-gradient-3.gif) no-repeat right bottom;
	zoom: 1;
}
.portlet-1:after, .portlet-3:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.portlet-1 .portlet-nav-wrap {
	float: left;
	position: relative;
	width: 319px;
}
.portlet-1 .portlet-nav {
	float: left;
	height: 221px;
	position: relative;
	overflow: hidden;
}
.no-js .portlet-1 .portlet-nav { height: auto; }

.portlet-1 .portlet-nav li {
	width: 100%;
	border-bottom: 1px solid #fff;
}
.portlet-1 .portlet-nav li:last-child {
	border-bottom: 0;
}
.portlet-1 .portlet-nav li a {
	width: 301px;
}
.portlet-1 .prev {
	position: absolute;
	left: 250px;
	top: -14px;
	z-index: 10;
	display: block;
	padding: 0;
	width: 32px;
	height: 32px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../Images/Background/prev-next.gif) no-repeat 0 0;
}
.portlet-1 .prev:hover,
.portlet-1 .prev:focus { background-position: 0 -64px; }

.portlet-1 .next {
	position: absolute;
	left: 250px;
	bottom: -14px;
	z-index: 10;
	display: block;
	padding: 0;
	width: 32px;
	height: 32px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../Images/Background/prev-next.gif) no-repeat 0 -32px;
}
.portlet-1 .next:hover,
.portlet-1 .next:focus { background-position: 0 -96px; }

.no-js .portlet-1 .prev, .no-js .portlet-1 .next { display: none; }

.portlet-1 .portlet-nav ul {
	position: relative;
	top: 0;
	left: 0;
	display:inline-block;
}

.portlet-1 .portlet-content, .portlet-3 .portlet-content {
	float: left;
	width: 617px;
	margin-left: 12px;
	margin-right: 22px;
	background: none;
}

.portlet-1 .portlet-content {
	height: 215px;
	overflow: hidden;
}

.service-portlet .portlet-content {
	height: auto;
	max-height: 215px;
	overflow: visible;
}

.portlet-1 .portlet-content .content, .portlet-3 .portlet-content .content { list-style: none; }

.portlet-1 .portlet-content .img-wrap, .portlet-3 .portlet-content .img-wrap {
	float: left;
	margin-right: 33px;
}
.portlet-1 .portlet-content .img-wrap a img, .portlet-3 .portlet-content .img-wrap a img {
	display: block;
}
.portlet-1 .portlet-content .wrap, .portlet-3 .portlet-content .wrap {
	float: left;
	width: 300px;
	padding-top: 5px;
}
.portlet-1 .portlet-content .wrap h3, .portlet-3 .portlet-content .wrap h3 {
	font-size: 17px;
	margin-bottom: 8px;
}
.portlet-1 .portlet-content .wrap h3 + p, .portlet-3 .portlet-content .wrap h3 + p { margin-top: 0; }

.portlet-1 .portlet-content .wrap li, .portlet-3 .portlet-content .wrap li {
	list-style: none;
	float: left;
	margin-right: 20px;
}
.portlet-1 .portlet-content .wrap .dk_options li {
	float: none;
	margin-right: 0px;
}
.portlet-1 .dk_options_inner, .dk_touch .dk_options {
	max-height: 130px;
}
.portlet-1 #listsearchform-searchterm {
	width: 188px;
}
.portlet-1 #dk_container_service-province {
	margin-top: 10px;
}

.portlet-1 .portlet-content .content {display: none; }
.portlet-1 .portlet-content .content:first-child,
.no-js .portlet-1 .portlet-content .content { display: block; }



/* portlet 2.1 */
.portlet-2-1 { width: 309px; }
.portlet-2-1 .portlet-content {
	border-bottom: 1px solid #b3b3b3;
}

.portlet-2-1 .portlet-nav {
	background: url(../Images/Background/portlet-tab-gradient-2.gif) no-repeat right bottom;
}
.portlet-2-1 .portlet-nav li { border-left: 1px solid #fff; }

.portlet-2-1 .portlet-nav .active a,
.portlet-2-1 .portlet-nav li a:hover {
	color: #fff;
	background: #f7b85a url(../Images/Background/portlet-nav-active.gif) repeat-x left bottom;
}

.portlet-2-1 .portlet-content li {
	list-style: none;
	zoom: 1; /* ie 7 + 6 */
}
.portlet-2-1 .portlet-content li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.portlet-2-1 .portlet-content ul { margin: 0; }
.portlet-2-1 .portlet-content li ul li {
	padding: 7px 0;
	margin: 0 8px;
	border-bottom: 1px solid #dbdbdb;
}
.portlet-2-1 .portlet-content li ul li:last-child {
	border-bottom: 0;
	padding-bottom: 9px;
}
.portlet-2-1 .portlet-content li img {
	float: left;
	display: block;
	margin-right: 10px;
}
.portlet-2-1 .portlet-content li p {
	margin: 0;
	font-weight: bold;
	line-height: 1em;
	height: 31px;
	display: table-cell;
	vertical-align: middle;
}
.portlet-2-1 .portlet-content li.text-right {
	text-align: right;
}

.portlet-2-1 .portlet-content .content { display: none; }
.portlet-2-1 .portlet-content .content:first-child,
.no-js .portlet-2-1 .portlet-content .content { display: block; }

.portlet-tvradio .link-wrap { float: right; }
.portlet-tvradio .tvradio-title { font-size: 110% }
.portlet-tvradio .tvradio-info { font-size: 90%; font-weight: normal; margin-top:5px; display: block; }

.portlet-tvradio-twocolumn .portlet-title {
	width: 570px;
}

.portlet-tvradio-twocolumn .portlet-content {
	width: 570px;
	background: none;
}

.portlet-tvradio-twocolumn .portlet-content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.portlet-tvradio-twocolumn .calendar {
	float: left;
	width: 269px;
	padding: 10px;
}

.portlet-tvradio-twocolumn .link-wrap {
	padding: 10px 0 0 0;
	text-align: right;
}

.portlet-tvradio-twocolumn .content {
	float: right;
	display: block !important;
	width: 270px;
}

.portlet-tvradio-twocolumn .tvradio-info {
	font-weight: normal;
	margin-top: 5px;
	display: block;
}

.tx-portlet .ui-datepicker {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}


/* portlet 2.4 */
.portlet-2-4 { width: 309px; }

.portlet-2-4 .portlet-content {
margin-top: 8px;
border-bottom: 1px solid #b3b3b3;
overflow:hidden;
position:relative;
}

.portlet-2-4 .portlet-content p {
	margin: 0;
	padding: 5px 8px 10px 8px;
}
.portlet-2-4 .portlet-content p .link-wrap {
    bottom: 8px;
    display: block;
    margin-top: 12px;
    /*right: 6px;*/
}

/* monatsschwerpunkt */

.portlet-scrollbar  .portlet-title {
    border: none;
}
.portlet-scrollbar{
 /*width:  986px;*/
}
.portlet-scrollbar .portlet-content{
    border: 1pt solid #DBDBDB;
    margin-left: 0;
    background: url("../images/portlet-gradient-4.gif") 0 bottom repeat-x;
}
.portlet-scrollbar .portlet-content .caption{
    font-style: italic;
    float:right;
    font-size: 12px;
}
.portlet-scrollbar .portlet-content p .title{
    display: block;
    font-size: 17px;
    font-weight: bold;
    padding: 7px 0 10px 0;
}
.portlet-scrollbar .portlet-content .img-wrap{
	height: 189px;
	width: 284px;
}
.portlet-scrollbar .portlet-content .element{
  width: 293px;
  margin-right: 35px;
  float:left;
}
.portlet-scrollbar .portlet-content .last{
  margin-right: 0px !important;
   line-height: 17px;
}
.portlet-scrollbar .portlet-content .last .caption{
  margin-top: 3px;
}
.portlet-scrollbar .portlet-content .future .caption, .portlet-scrollbar .portlet-content .future .title, .portlet-scrollbar .portlet-content .future p{
  color: #a7a7a7;
}
.portlet-scrollbar .portlet-content .future .overlay{
  position:absolute;
}
.portlet-scrollbar .portlet-content .link-wrap{
  display:block;
  font-weight:bold;
}

/**************************************************
*
*	SCROLLING STYLES
*
**************************************************/
.portlet-scrollbar #scrollbar{
  height: 30px;
  border-bottom:1pt solid #DBDBDB;
  border-left:1pt solid #DBDBDB;
  border-right:1pt solid #DBDBDB;
    position:relative;
}
.portlet-scrollbar #scrollbar .first-date, .portlet-scrollbar #scrollbar .last-date{
  font-weight: bold;
  font-size: 13px;
  padding-top: 5px;
}
.portlet-scrollbar #scrollbar .first-date{
  float:left;
  padding-left: 10px;
  padding-right: 12px;
}
.portlet-scrollbar #scrollbar .last-date{
  float:right;
  padding-right: 10px;
  padding-left: 12px;
}

#horiz_container_outer {
	/*width:960px;*/
	overflow:hidden;
	position:relative;
	height: 270px;
	padding: 0 10px 0;
}

.ie #horiz_container_outer {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	height: 300px;
}

#horiz_container li{
	list-style:none;
	display: inline-table;
}
#track {
    background: url("../Images/scroll-bg.jpg") repeat-x scroll 0 0 transparent;
    height: 23px;
    margin-left: 58px;
    position: absolute;
    top: 0;
    width: 852px;
    margin-top: 4px;
}
#dragBar
{
    position:absolute; left:0px; top:3px !important;
    cursor:pointer;
    width:20px; height:16px;
    background: url("../Images/dragBar.jpg") no-repeat center  0;

}
#dragBar-cornerLeft{
  background: url("../Images/dragBar-left.jpg") no-repeat left  0;
  float:left;
    width: 16px;
  height: 16px;
}
#dragBar-cornerRight{
  background: url("../Images/dragBar-right.jpg") no-repeat right  0;
  float:right;
  width: 16px;
  height: 16px;
}

#left_scroll, #right_scroll {
	width: 30px;
	height: 22px;
	cursor:pointer;
  margin-top: 4px;
}
#left_scroll {
	background: url("../Images/scroll-left.jpg") no-repeat 0 0;
  float:left;
}

#right_scroll {
	background: url("../Images/scroll-right.jpg") no-repeat 0 0;
  float:right;
}

/* Prevent selection problem */
#scrollbar, #track, #dragBar, #left, #right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

#horiz_container {
	margin:0px!important;
	padding: 0 10px 0;
}

#ie7 #horiz_container_outer {margin-left: 0px; margin-top: 12px;}
#ie7 #track {margin-left: 0px;}