/* 01 Logo der jeweiligen HWK */ 
.logo { width: 213px; }
.logo a {
  font-size: 0.83em;
  color: #013473;
}
/* 02 Zielgruppeneinstieg im Head */
.targetGroup li { margin-right: 10px; }
.targetGroup a {
  color: #013473;
  background-color: #e8f1fb;
}
.targetGroup a:hover, .targetGroup .active {
  background-color: #013473;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
}
.targetGroup div { background: transparent url(../img/fontsize_print_targetgroup_search_sprite.png) 0 0 no-repeat; }
.targetGroup .leftBg { background-position: -200px 0; }
.targetGroup .rightBg { background-position: -205px 0; }
/* 03 Suche im Header */ 
.search { background: #fff url(../img/fontsize_print_targetgroup_search_sprite.png) 0 -20px no-repeat; }
/* 04 Sprachwahl */
.language, .language a { color: #013473; }
/* 05 Visual bzw. Farbbalken */
.visual {
  background-image: url(../img/visual.gif);
  height: 25px;
  width: 950px;
}
/* 06 Breadcrumb, Schrift-Zoom, Print-Button, Meta navi, "nach oben"-Link */
.breadcrumb { width: 740px; /* löschen wenn kein Font-Resize und Print-Button genutzt wird */ }
.metaNavi, .breadcrumb a { color: #444; }
.breadcrumb a { background: transparent url(../img/arrow_sprite.gif) 0 -180px no-repeat; }
.breadcrumb a:hover, .metaNavi a:hover { text-decoration: underline; }
.fontResize { background: #fff url(../img/fontsize_print_targetgroup_search_sprite.png) 0 0 no-repeat; }
.printButton { background: #fff url(../img/fontsize_print_targetgroup_search_sprite.png) -100px 0 no-repeat; }
.printButton:hover { background-position: -150px 0; }
/* 07 Sitemap im Footer */
.sitemap { background-color: #d1e3f6; }
.sitemap a {
  font-size: 0.6875em;
  line-height: 1.5em;
}
.sitemap a:hover { text-decoration: underline; }
/* 08 Welcome-Pattern */
.welcome .mediaFull { margin-bottom: 0; }
.welcome .mediaLeft { margin: 0 }
/* 09 Quick links auf der startseite im content */



/* 10 Allgemeine Styles für News-, Event- und Category-Teaser auf der Startseite */
.itemHead {
  padding-top: 10px;
  margin-bottom: 10px;
}
.item, .itemHalf { border-top: 1px solid #ddd; }
.allLink {
  padding-left: 14px;
  background: transparent url(../img/arrow_sprite.gif) 0 2px no-repeat;
}
.head .allLink { margin-top: 3px; }
/* 11 News-Teaser */
.news h2, .newsHalf h2 { margin-top: 10px; }
.news h2, .newsHalf h2 { padding-bottom: 5px; }
.news .details { width: 356px; }
.newsHalf .details { margin-bottom: 20px; }
.contentSmall .news .details { width: 364px; }
.news .media {
  width: 346px;
  margin: 0 20px 10px 0;
}
.newsHalf .media {
  width: 346px;
  margin-bottom: 5px;
}
.contentSmall .news .media { width: 150px; }
/* 12 Event-Teaser */
.event .date, .eventHalf .date {
  font-size: .75em;
  margin-top: 10px;
}
.event h2, .eventHalf h2 { padding-bottom: 5px; }
.event .details { width: 552px; }
.eventHalf .details { width: 186px; }
.contentSmall .event .details { width: 364px; }
.event .media { margin: 0 20px 10px 0; }
.eventHalf .media { margin: 0 10px 10px 0; }
.contentSmall .event .media { width: 150px; }
/* 13 Category-Teaser */
.category h2, .categoryHalf h2 { margin: 0px; }
.category h4, .categoryHalf h4 { margin-top: 5px; }
.category .details { width: 552px; }
.categoryHalf .details { width: 186px; }
.contentSmall .category .details { width: 364px; }
.category .media { margin: 0 20px 10px 0; }
.categoryHalf .media { margin: 0 10px 10px 0; }
.contentSmall .categoryHalf .media { width: 158px; }
/* 14 Content-Pattern */
.contentPattern p, .contentPattern ul, .contentPattern ol { margin-bottom: 20px; }
.contentPattern ul {
  list-style-type: square;
  padding-left: 15px;
}
.contentPattern ol { padding-left: 25px; }
.contentPattern .downloadList {
  list-style-type: none;
  padding-left: 0;
}
/* 15 Listen-Pattern */
.listOutput li { padding: 5px; }
.listOutput a {
  padding-left: 14px;
  background: transparent url(../img/arrow_sprite.gif) -2px -240px no-repeat;
}
.listOutput p { padding: 0 5px 0 14px; }
.filter {
  background-color: #d7e1f0;
  color: #444;
  padding: 5px;
  margin-bottom: 10px;
}
/* 16 Tabellen-Pattern */
.table th, .table td { text-align: left; }
.table th {
  background-color: #ececec;
  color: #444;
}
.table ul {
  list-style-type: square;
  padding-left: 15px;
}
.sort { margin-left: 5px; }
.ascending a, .descending a { background: transparent url(../img/arrow_sprite.gif) 0 0 no-repeat; }
.ascending a { background-position: 0 -540px; }
.descending a { background-position: 0 -480px; }
.ascending .active, .ascending a:hover { background-position: 0 -360px; }
.descending .active, .descending a:hover { background-position: 0 -300px; }
/* paginator */
.paginator {
  text-align: right;
  margin-top: 10px;
  font-size: 11px;
}
.paginator .active { text-decoration: underline; }
/* 17 Social-Media / Share Pattern */
.contentSmall .social .foot { background-position: -1128px -110px; }
.contentWide .social .foot { background-position: -2256px -110px; }
.recommendLink {
  background: transparent url(../img/social_sprite.gif) -4px 2px no-repeat;
  font-size: 12px;
}
.social span a {
  background: transparent url(../img/social_sprite.gif) 0 0 no-repeat;
  border: 1px solid #ddd;
}
.social .social1 a { background-position: 0 -20px; }
.social .social2 a { background-position: 0 -40px; }
.social .social3 a { background-position: 0 -60px; }
.social .social4 a { background-position: 0 -80px; }
.social .social5 a { background-position: -0 -100px; }
.social .social6 a { background-position: -0 -120px; }
.social .social7 a { background-position: -0 -140px; }
/* 18 Formular-Pattern */
.sidebarRight input, .sidebarRight select, .sidebarRight textarea { color: #444; }
.formField { border: 1px solid #ddd; }
.formField, .checkRadioWrapper { margin-bottom: 10px; }
.sidebarRight .formLong { width: 156px; }
.contentSmall .formLong { width: 348px; }
.contentSmall .formHalf { width: 174px; }
.form textarea { font-family: Verdana, 'Lucida Sans', Arial, sans-serif; }
.form .error {
  border: 1px solid #ff6666;
  background-color: #ffcccc;
}
.form .errorNote, .sidebarRight .errorNote { color: #ff6666; }
.form .errorNote { margin: 0 0 10px 180px; }
.sidebarRight .errorNote { margin: 0 0 10px 0; }
/* 19 Multi Link Sidebar Pattern (Servicelinks, Mediencenter...) */
.multiLink li { border-bottom:1px solid #ddd; }
.multiLink li a {
  padding: 3px 0 5px 14px;
  background: transparent url(../img/arrow_sprite.gif) -2px 4px no-repeat;
}
/* 20 Banner pattern (160px - mit Rahmen-Grafik) */
/* 21 Banner pattern ohne Rahmen-Grafik */

/* 22 Tagcloud Pattern */
.tagcloud .tagArea {
  padding: 3px 3px 10px 3px;
  border-bottom: 1px solid #ddd;
}
.tagcloud .tl-tag-weight5 {
  font-size: 14px;
  font-weight: bold;
}
.tagcloud .tl-tag-weight4 {
  font-size: 13px;
  font-weight: bold;
}
.tagcloud .tl-tag-weight3 {
  font-size: 12px;
  color: #416796;
}
.tagcloud .tl-tag-weight2 {
  font-size: 10px;
  color: #8099b9;
  font-weight:bold;
}
.tagcloud .tl-tag-weight1 {
  font-size: 9px;
  color: #8099b9;
}
/* 23 Contact-Pattern */
.contactImg {
  width: 120px;
  height: 150px;
  background-color: #ddd;
}
.contactImgText, .contactText { width: 394px; }
.contactText .submit { margin: 20px 0 10px 0; }
.contactText .messageLink {
  margin: 20px 0 10px 0;
  padding-left: 14px;
  background: transparent url(../img/arrow_sprite.gif) -2px 2px no-repeat;
}
.sidebarRight .contactImg {
  width: 50px;
  height: 65px;
  margin: 0 10px 10px 0;
}
.sidebarRight .contactImgText { width: 97px; }
.sidebarRight .contactText { width: 158px; }
/* 24 carousel pattern */
#carousel ul li { background: transparent url(../img/carousel_bg_sprite.png) -183px 0 repeat-y; }
#carousel ul li .head { background: transparent url(../img/carousel_bg_sprite.png) 0 0 no-repeat; }
#carousel ul li .foot { background: transparent url(../img/carousel_bg_sprite.png) 0 -110px no-repeat; }
#carousel ul li .body { min-height: 140px; /* je nachdem ändern */ }
#carousel ul li .body img {
  height: 75px;
  padding-top: 10px;
}
.jcarousel-scroll { text-align: center; }
/* 25 Zoom- / Slideshow-Pattern */

.lupe {
  bottom: 5px;
  right: 5px;
}
/* CSS3 Magic */
#lbCenter {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
#lbBottomContainer, #lbBottom {
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
#lbImage {
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}