body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:100%; color:#5f676b; background-color:#f8f8f6; }
h1, h2, h3, h4, h5, h6, caption, th { font-family:"ClanWebPro-NarrMedium", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; line-height:normal; text-transform:uppercase; text-rendering:optimizelegibility; -webkit-font-smoothing:antialiased; zoom:1; }
body, input, p, td, h1, h2, h3, h4, h5 { line-height:inherit; }
#bodyTyp4, #bodyTyp3 { background-color:#f8f8f6; background-image:none; }
#wrapTyp4, #wrapTyp3, #headerTyp4 { width:985px; top:0; }
#wrapcontentTyp4, #wrapcontentTyp3 { border:0; background-color:#f8f8f6; }
#kdf-delete  { border-style:solid; border-width:1px; border-color:#f1f2f1 #f1f2f1 #e4e6e7; background-color:#fff; margin-bottom:0; border-bottom:0; }
.bannerTyp4, .bannerTyp3, .rundungTyp3, .rundungTyp4 { display:none; }
#funktionsleisteTyp4, #funktionsleisteTyp3 { width:100%; }

#headerTyp4 { height:153px; }
header.masthead { margin-top:42px !important; }
div.serviceNavbar { display:none !important; }
div.navbar { margin-top:0; }
.metanavi li.active, #hauptnavi, #hauptnavi li.active, #linkenavi ul li span.active, #linkenavi ul li span.offen, .seitentitel, .seitentitelTyp1, .artikelintro, .veranstaltungsintro, .linkzumthemauschrift, .kalenderMitte1, .kalenderLinks1, .artikeluschrift, .zwischenuschrift, .uschrift_lokal-block, .listenabschnittstitel, .listenabschnittstitel_teaser-rechts, .uschrift_teaser-rechts { font-weight:normal; }
.home, .metanavi, .metanavi a, .metanavi a:hover, .schliessen, #hauptnavi, #hauptnavi li.active, .breadcrumbs, .breadcrumbLink, .bezeichnerSuche, #linkenavi li a, #linkenavi li a:hover, #linkenavi ul li span.active, #linkenavi ul li span.offen { font-family:inherit; }

/* Logo/Claim */
div.logo { background-image:url(../img/gi_logo.svg); background-repeat:no-repeat; width:125px; height:58px; position:absolute; top:39px; left:1px; }
div.logo img { display:none; }
.logoJoker2 { background-image:url(../img/logo_sprite.gif); background-repeat:no-repeat; background-position:0 -69px; width:227px; height:19px; position:absolute; top:58px; right:1px; }
/* Metanavi */
.obereNaviTyp4 { width:auto; right:234px; }
.metanavi ul { margin:3px 0 0 0; padding:0; font-size:68.75%; }
.metanavi li { border:0; padding:0 0 0 10px; }
.metanavi li:after { content:"|"; color:#5f676b; margin-left:8px; }
.metanavi li:last-child:after { content:""; }
/* login name */
.loginfo { font-size:68.75%; background-color:#a0c814; padding:4px 7px; right:0; top:-173px; }
.logname { color:#fff; }
.logname a { /* display:none; */ color:#fff; }

/* Hauptnavi */
#hauptnavi { background-image:none; font-family:"ClanWebPro-NarrMedium", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing:antialiased; text-transform:uppercase; font-weight:normal; font-size:87.5%; /* 14px */ width:983px; position:absolute; top:auto; bottom:3px; }
#hauptnavi ul { border:0; position:initial; }
#hauptnavi li a { border:0; height:auto; }
#hauptnavi ul li:first-child a { padding-left:2px; }
#hauptnavi a { color:#788287; }
#hauptnavi a:hover { color:#303436; text-decoration:none; }
#hauptnavi li a:hover { background:none; font-size:inherit; }
/* Linke Navi */
#linkeSpalte { border:0; width:225px; margin-right:20px; }
#linkenavi { width:100%; border-bottom:1px solid #e4e6e7; font-size:75%; }
#linkenavi li { width:100%; border-top:1px solid #e4e6e7; }
#linkenavi li a { background:none; }
#linkenavi li a:hover { color:#5f676b; background-color:#f1f2f1; }
#linkenavi li a, #linkenavi li a:hover, #linkenavi ul li span.active { padding-top:0; padding-bottom:2px; padding-left:14px; }
#linkenavi li a, #linkenavi li span.active, #linkenavi li span.active a, #linkenavi li span.offen { color:#5f676b; }
#linkenavi ul li span.active { background-color:#f1f2f1; }
#linkenavi ul li span.active > a { font-weight:bold; background-color:#f1f2f1; }
#linkenavi li li { border-top:1px solid #e4e6e7; }
#linkenavi ul ul li { width:100%; }
#linkenavi ul ul li a { background:none; }
#linkenavi ul ul a, #linkenavi ul ul a:hover, #linkenavi ul ul li span.active { padding-top:0; padding-bottom:2px; padding-left:34px; }


/* Hauptbereich */
#zwischenraumTyp4 { width:100%; height:170px; }
.seitentitel { width:auto; border:0; font-size:237.5%; display:inline-block; top:39px; left:244px; }
h1.seitentitel { color:#9fc613; }
#hauptbereich { width:100%; /* overflow:hidden; */ display:inline-block; }
#contentBreit { width:736px; border:0; top:initial; height:auto; display:block; }
#rechteSpalte { display:none; }

/* start */
#content { border:0; top:0; width:492px; }
.tile { background-image:url(https://my.goethe.de/css3/projekte/kdf/blau/start_tiles.png); background-color:#e4e6e7; width:245px; height:184px; padding:0; margin-bottom:1px; text-align:left; }
.tile a { color:#474d50; font-family:"ClanWebPro-NarrMedium", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing:antialiased; text-transform:uppercase; font-weight:normal; font-size:150%; line-height:100%; margin-left:15px; margin-top:18px; display:block; }
.tile-profile { background-position:19px 32px; }
.tile-newsletter { background-position:-174px 32px; }
.tile-community { background-position:18px -116px; }
.tile-elearning { background-position:-174px -118px; }
.tile-onleihe { background-position:20px -262px; }
.tile-profile, .tile-community, .tile-onleihe { margin-right:1px; }


/* mein profil tabelle */
.profiluebersicht { border-collapse:collapse; }
.profiluebersicht td { padding-bottom:22px; }
.profiluebersicht td a { font-family:"ClanWebPro-NarrMedium", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing:antialiased; text-transform:uppercase; font-weight:normal; color:#5f676b; display:block; font-size:1.125rem; line-height:1.125rem; padding-right:20px; }
.profiluebersicht td a:hover { color:#47abd8; }
.profiluebersicht td img { display:none; }
td { font-size:inherit; font-family:inherit; line-height:100%; color:#5f676b; font-size:85.625% }

/* newsletter */
.nlEinleitung, .communityEinleitung, .nlClosedInfo { width:auto; font-size:85.625%; line-height:116.79%; }
.nlClosedInfo { margin-bottom:20px; }
h4.nluschrift, h4.kurseuschrift { background:none; border:0; font-size:112.5%; color:#474d50; padding:0; margin-bottom:16px; }
table.nlListe { width:auto; border-collapse:collapse; }
.nlListe tr.rowHover { background:none !important; }
.nlListe td { font-size:75%; color:#474d50; }
td.nlCheckbox { width:auto; }
.nlListe td.nlTitel { vertical-align:middle; }
.nlInfo .nlInfoBoxToggler { background:none; }
.nlInfo .nlInfoBoxToggler:before { content: "\e804"; font-family:'GI-Iconset'; }
.nlInfo div.nlInfoBox { background:#fff; border:1px solid #f1f2f1; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); padding:5px 20px 20px 20px; }
.nlInfo .nlInfoBoxCloser { padding-right:0; color:#fff; position:relative; z-index:11; right:-10px; top:2px; }
.nlInfo .nlInfoBoxCloser:after { content: "\e707"; font-family:'GI-Iconset'; color:#474d50; }
.nlInfoText { font-size:114.167%; line-height:116.78%; }
.nlInfoText h4 { color:#474d50; font-size:175.18%; margin:20px 0; }
input.button, input.buttonBeitreten { border:0; background-color:#5ac8f5; color:#fff; font-family:"ClanWebPro-NarrMedium", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing:antialiased; text-transform:uppercase; font-weight:normal; font-size:87.5%; line-height:100%; padding:2px 5px 1px 3px; }
/* Kurse */
.kurseFreigeschaltet div, .kurseFreigeschaltenInfo2 div { padding:0; font-size:85.625%; }
.kursreg { padding:0; font-size:85.625%; }
.kursreg input.button { margin-top:20px; font-size:102.19%; display:block; }
input:button:hover, input:button:focus { color:#47abd8; }
.kurseFreigeschaltet table { min-width:484px; border-collapse:collapse; }
.kurseFreigeschaltet table th { line-height:112.5%; color:#fff; background-color:#a9cd2c; border-top:1px solid #ddebab; padding:4px 6px 3px 6px; }
.kurseFreigeschaltet table td { background-color:#f1f2f1; color:#5f676b; border:0; line-height:116.79%; }
.kurseFreigeschaltet table td:first-child { font-weight:bold; }

/* Community */
table.communityListe { border:0; width:auto; margin-right:20px; margin-bottom:1px; }
table.communityListe td { line-height:131.39%; padding:22px 16px; background-color:#f1f2f1; border-bottom:1px solid #fff; }
a.communityLink { font-family:"ClanWebPro-NarrMedium", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing:antialiased; text-transform:uppercase; font-weight:normal; font-size:131.39%; line-height:100%; color:#474d50; display:block; margin-bottom:22px; }
table.communityListe input.buttonBeitreten { font-size:102.19%; width:auto; }
table.communityListe td.mitglied { vertical-align:middle; }
table.communityListe td:nth-child(3) { vertical-align:bottom; }
tr.ungerade .memberFalse { background:none !important; }
.memberFalse, .memberTrue { padding:0; font-size:100% !important; line-height:100% !important; }


.suche { display:none; }

/* footer */
.topTyp4Breit, .topTyp3Breit { width:auto; right:14px; display:none; }
.topTyp4, .topTyp3 { right:14px; display:none; }
.footer-kdf { left:0; display:none; }
.linie_footer-kdf { width:auto; }
a.cnavi { font-family:"ClanWebPro-NarrMedium", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing:antialiased; text-transform:uppercase; font-weight:normal; color:#788287; font-size:68.75%; }
a.cnavi:after { content: "\e80c"; background:none; font-family:'GI-Iconset'; font-size:68.75%; margin-left:5px; }
a.cnavi:hover { text-decoration:none; color:#5f676b; } 
.iconTop { display:none; }
/* Iconfont */
[class^="icon-"], [class*=" icon-"] {
	font-family: 'GI-Iconset';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-menu:before { content: "\e600"; }
.icon-classic-view:before { content: "\e601"; }
.icon-home:before { content: "\e602"; }
.icon-search:before { content: "\e700"; }
.icon-email:before { content: "\e701"; }
.icon-phone:before { content: "\e702"; }
.icon-printer:before { content: "\e703"; }
.icon-newsletter:before { content: "\e704"; }
.icon-tag:before { content: "\e705"; }
.icon-shopping-cart:before { content: "\e706"; }
.icon-close:before { content: "\e707"; }
.icon-social-media:before { content: "\e708"; }
.icon-rss:before { content: "\e709"; }
.icon-user:before { content: "\e70a"; }
.icon-users:before { content: "\e70b"; }
.icon-contact:before { content: "\e70c"; }
.icon-contact-form:before { content: "\e70d"; }
.icon-imprint:before { content: "\e70e"; }
.icon-privacy-statement:before { content: "\e70f"; }
.icon-camera:before { content: "\e800"; }
.icon-gallery:before { content: "\e801"; }
.icon-lightbox:before { content: "\e802"; }
.icon-lightbox-gallery:before { content: "\e803"; }
.icon-info:before { content: "\e804"; }
.icon-question-mark:before { content: "\e805"; }
.icon-report:before { content: "\e806"; }
.icon-conversation:before { content: "\e807"; }
.icon-comment:before { content: "\e808"; }
.icon-edit:before { content: "\e809"; }
.icon-delete:before { content: "\e80a"; }
.icon-check-mark:before { content: "\e80b"; }
.icon-double-arrow-up:before { content: "\e80c"; }
.icon-double-arrow-right:before { content: "\e80d"; }
.icon-double-arrow-down:before { content: "\e80e"; }
.icon-double-arrow-left:before { content: "\e80f"; }
.icon-arrow-up:before { content: "\e810"; }
.icon-arrow-right:before { content: "\e811"; }
.icon-arrow-down:before { content: "\e812"; }
.icon-arrow-left:before { content: "\e813"; }
.icon-external-link:before { content: "\e814"; }
.icon-download:before { content: "\e815"; }
.icon-document:before { content: "\e816"; }
.icon-image:before { content: "\e817"; }
.icon-audio:before { content: "\e818"; }
.icon-video:before { content: "\e819"; }


@font-face {
  font-family:ClanWebPro-NarrMedium;
  src: url("../fonts/ClanWebPro-NarrMedium.eot");
}

@font-face {
  font-family:ClanWebPro-NarrMedium;
  src: url("../fonts/ClanWebPro-NarrMedium.woff") format("woff");
}

@font-face {
	font-family: 'GI-Iconset';
	src:url('../fonts/icomoon.eot?-reqmit');
	src:url('../fonts/icomoon.eot?#iefix-reqmit') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-reqmit') format('woff'),
		url('../fonts/icomoon.ttf?-reqmit') format('truetype'),
		url('../fonts/icomoon.svg?-reqmit#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}