/* Grundgeruest */

*
{
	box-sizing: border-box;
}
body
{
	margin: 0;
	padding: 0;
	background-color: #e7eff9;
}

/* Standard-Elemente / Inhaltsbereich */

/* NEW */

img
{
	width: auto;
	max-width: 100%;
	height: auto;
	border: none;
}

p, td, th, li, a, body, table {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #030303;
	font-size: 1.025rem;
	line-height: 1.55rem;
}
/*p, td, th, li, a, body
{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #030303;
	font-size: 11px;
}*/

/* NEW */

p, blockquote
{
	margin: 0.5em 0 0.8em 0;
}
/*p
{
	margin: 0.5em 0 0.8em 0;
	line-height: 1.3em;
}*/

h1, h2, h3, h4, h5, h6
{
	margin: 10px 0;
	padding: 0;
	color: #062c75;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* NEW */

h1 {
	margin: 0.6em 0 0.5em 0;
	font-size: 1.5em;
	line-height: 1.3;
}
/*h1, h1 a
{
	font-size: 16px;
}*/

/* NEW */

h2 {
	margin: 0.7em 0 0.6em 0;
	font-size: 1.37em;
	line-height: 1.35;
}
/*h2, h2 a
{
	font-size: 13px;
}*/

/* NEW */

h3 {
	margin: 0.8em 0 0.7em 0;
	font-size: 1.27em;
	line-height: 1.4;
}

a
{
	color: #062c75;
	text-decoration: none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
	color: inherit;
}

*:not(form) table
{
	margin: 1.24em 0 1.6em 0;
	border-collapse: collapse;
}
*:not(form) table td,
*:not(form) table th
{
	padding: 0.2em 0.8em 0.2em 0;
	vertical-align: top;
}
hr
{
	border-top-width: 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	color: #89a5cd;
	margin-bottom: 20px;
}

/* NEW */

#frame
{
	position: relative;
	background-color: #89a5cd;
	margin: 0 auto;
	max-width: 1100px;
}

/*#frame
{
	background: white url("../images/background_content_breit.gif") 0px top repeat-y;
}*/

body.geteilt #frame
{
	background: white url("../images/background_content.gif") 0px top repeat-y;
}

/* NEW */

#header
{
	position: relative;
	overflow: hidden;
	background: #012271 url("/images/cm/header-academia-baltica.jpg") 1% top no-repeat; /* /images/cm/header-academia.png */
	background-size: cover;
}

#header .logo
{
	float: left;
	width: 18.0909090909%; /* (199/1100)*100 - width of 199px at 170px height */
	min-width: 80px;
	margin-left: 10px;
}

#header h2
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

/* NEW */

#header a
{
	display: block;
	height: 100%;
}

/* NEW */

#header #sprachauswahl
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	position: absolute;
	top: 10px;
	left: 620px;
	color: white;
	font-weight: bold;
	width: 100px;
}
/*#header #sprachauswahl
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	position: absolute;
	top: 10px;
	left: 620px;
	color: white;
	font-size: 9px;
	font-weight: bold;
	width: 100px;
}*/
/* NEW */
#header #sprachauswahl a
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	display: inline;
	width: auto;
	height: auto;
	color: white;
	font-weight: bold;
}
/*#header #sprachauswahl a
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	display: inline;
	width: auto;
	height: auto;
	color: white;
	font-size: 9px;
	font-weight: bold;
}*/

/* NEW */
#header h2 a span
{
	display: none;
}
/*#header h1 a span
{
	display: none;
}*/

ul, ol {
	/* padding-left: 3%; */
	padding-left: 1.7em; /* genug Abstand für 2-stellige Bullets */
}

/* NEW */
#left
{
	width: 20%;
	float: left;
	border-top: solid white 1px;
	background-color: #89a5cd;
}
/*#left
{
	width: 162px;
	float: left;
	border-top: solid white 1px;
}*/

/*NEW*/
#left a.home
{
	display: block;
	color: #4E68A4;
	margin: 0;
	padding: 0;
	width: 100%;
	border-bottom: #7084bf solid 1px;
}
/*#left a.home
{
	display: block;
	color: #4E68A4;
	margin: 0;
	padding: 0;
	font-size: 12px;
	width: 100%;
	border-bottom: #7084bf solid 1px;
}*/

#left a.home span
{
	padding: 3px 25px;
	display: block;
}

#right
{
	width: 141px;
	float: right;
}

#frame
{
	position: relative;
	background: transparent;
}
#frame:before,
#frame::before
{
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	width: 20%;
	background: #89a5cd;
}
@media screen and (max-width: 980px)
{
	#frame:before,
	#frame::before
	{
		width: 28%;
	}
}
#frame:after,
#frame::after
{
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 20%;
	width: 80%;
	background: #fff;
}
@media screen and (max-width: 980px)
{
	#frame:after,
	#frame::after
	{
		left: 28%;
		width: 72%;
	}
}
@media screen and (max-width: 720px)
{
	#frame:before,
	#frame::before,
	#frame:after,
	#frame::after
	{
		display: none;
	}
}
#content
{
	position: relative;
	float: left;
	width: 80%;
	padding: 26px 4% 50px 4%;
	border-top: solid white 1px;
	background-color: #fff;
}
/*#content
{
	width: 550px;
	margin-left: 163px;
	min-height: 450px;
	padding: 12px 0 50px 30px;
	border-top: solid white 1px;
}*/

/* Besondere Elemente */

.bild_links, .bild_rechts
{
	display: inline;
	max-width: 40%;
}

.bild_links
{
	margin: 10px 20px;
	float: left;
}

.bild_rechts
{
	margin: 10px 20px;
	float: right;
}

.bild_links img, .bild_rechts img
{
	border: #dcdadb 4px solid;
}

.bild_links p.bildunterschrift, .bild_rechts p.bildunterschrift
{
	margin: 0;
	padding: 0;
	text-align: center;
	color: #163877;
}

td.abstand_rechts
{
	padding-right: 20px;
}

form table
{
	width: 500px;
	margin-top: 20px;
	border: #36508b 1px solid;
	background-color: #36508b;
}

form td
{
	padding-left: 3px;
	border-bottom: 1px #F1F2F6 solid;
	color: #FFFFFF;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
	vertical-align: top;
}

form h1
{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #062c75;
	font-weight: bold;
	margin: 0;
	padding: 0;
	/*font-size: 12px;*/
}

form td.hell
{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #030303;
	/*font-size: 11px;*/
}

/* Startseite > Sprachumschaltung */

.languages
{
	overflow: hidden;
	margin: 20px 0 0 0;
	text-align: right;
}
.languages a
{
	display: inline-block;
	margin-left: 2px;
}
.languages a img
{
	display: block;
	width: 35px;
	height: 20px;
}

/* Startseite > Inhaltsspalten */

.frontpage-column-wrapper
{
	clear: both;
	overflow: hidden;
}
.frontpage-column
{
	float: left;
	width: 50%;
	padding: 0 10px;
}
.frontpage-column-wrapper > .frontpage-column:first-child
{
	padding-left: 0;
}
.frontpage-column-wrapper > .frontpage-column:last-child
{
	padding-right: 0;
}

@media (max-width: 520px)
{
	.frontpage-column
	{
		float: none;
		width: auto;
		padding: 0;
	}
	.frontpage-column + .frontpage-column
	{
		margin-top: 30px;
	}
}

/* Mitarbeiter */

.mitarbeiter
{
	overflow: hidden;
	margin: 15px 0;
}
.mitarbeiter + .mitarbeiter
{
	margin: 25px 0;
}
.mitarbeiter img
{
	float: left;
	width: 30%;
	min-width: 112px;
	margin-right: 20px;
}
.mitarbeiter p
{
	margin-top: 12px;
}
.mitarbeiter strong
{
	display: inline-block;
	margin-bottom: 8px;
}
.mitarbeiter a
{
	word-wrap: break-word;
}

@media (max-width: 380px)
{
	.mitarbeiter img
	{
		float: none;
	}
}

/* Seminarbeiträge > Medaille > Layout-Tabelle */

.layout-table
{
	width: auto;
	max-width: 100%;
}
.layout-table td
{
	width: auto !important;
	max-width: 100%;
	padding-right: 0;
}

/* Seminarbeiträge > Medaille > Layout-Tabelle */

.gallery-img
{
	display: inline-block;
	padding: 0 5px 10px 5px;
}

/* Veranstaltungen > Sommerkurs > Bild-Spalte */

.image-column
{
	margin-left: 20px;
}
@media (max-width: 520px)
{
	.image-column
	{
		float: none !important;
		width: 100% !important;
		margin-left: 0 !important;
		margin-bottom: 20px !important;
	}
}

/* Wir über uns > Mitarbeiter > Layout-Tabelle */

@media (max-width: 520px)
{
	.mitarbeiter,
	.mitarbeiter tbody,
	.mitarbeiter tr,
	.mitarbeiter td
	{
		display: block;
		overflow: hidden;
		width: 100%;
	}
}


/* Fuer Seiten mit rechter Spalte */

body.geteilt #content
{
	width: 664px;
}

/* Hauptmenue */

/*NEW*/

#hauptmenue
{
	/* overflow: hidden; */
	/* height: 26px; */
	background-color: #36508b;
	border-top: solid white 1px;
}

#hauptmenue_inner
{
	margin-left: 20%;
	/* border-left: solid white 1px; */
}

#hauptmenue_inner .spacer
{
	display: none;
}

#hauptmenue_inner ul
{
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#hauptmenue_inner ul li
{
	float: left;
	width: 20%;
}
#hauptmenue_inner ul li a
{
	display: block;
	padding: 20px 1rem;
	border-left: solid white 1px;
	color: white;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}
#hauptmenue_inner ul li a:hover,
#hauptmenue_inner ul li a:focus
{
	background-color: #012271;
}

/* Rubrikmenue */

ul#rubrikmenue
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/*NEW*/
ul#rubrikmenue li a
{
	background-color: #89a5cd;
	border-bottom: #6d88b5 solid 1px;
	display: block;
	width: 100%;
	padding: 5px 0;
	margin: 0;
	color: white;
}
/*ul#rubrikmenue li a
{
	background-color: #89a5cd;
	border-bottom: #6d88b5 solid 1px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	color: white;
	font-size: 12px;
}*/

ul#rubrikmenue li.active a, ul#rubrikmenue li a:hover, ul#rubrikmenue li a:focus
{
	background-color: #36508b;
}

ul#rubrikmenue li a span
{
	padding-left: 25px;
	background: url("../images/dot.gif") 14px 7px no-repeat;
}

ul#rubrikmenue li.active a span
{
	background: url("../images/dot3.gif") 14px 7px no-repeat;
}

ul#rubrikmenue li ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
	background-color: #6F8CB8;
}

ul#rubrikmenue li li a, ul#rubrikmenue li.active li a
{
	background-color: #6f8cb8;
	border-bottom: none;
	/*font-size: 11px;*/
}

ul#rubrikmenue li li a:hover, ul#rubrikmenue li.active li a:hover, ul#rubrikmenue li.active li.active li a:hover, ul#rubrikmenue li li a:focus, ul#rubrikmenue li.active li a:focus, ul#rubrikmenue li.active li.active li a:focus
{
	background-color: #6681a9;
}

ul#rubrikmenue li li a span, ul#rubrikmenue li.active li a span
{
	padding-left: 25px;
	background: url("../images/dot2.gif") 14px 8px no-repeat;
}

ul#rubrikmenue li li li a span, ul#rubrikmenue li.active li.active li a span
{
	padding-left: 40px;
	background: url("../images/dot2.gif") 32px 8px no-repeat;
}

/* Brotkrumennavigation */
div#brotkrumennavigation
{
	margin-bottom: 20px;
}

/*NEW*/
div#brotkrumennavigation a, div#brotkrumennavigation span
{
	color: #9b9b9b;
	font-weight: normal;
	text-decoration: underline;
}
/*div#brotkrumennavigation a, div#brotkrumennavigation span
{
	color: #9b9b9b;
	font-weight: normal;
	font-size: 10px;
	text-decoration: underline;
}*/

div#brotkrumennavigation span
{
	text-decoration: none;
}

div#brotkrumennavigation a.active
{
	text-decoration: none;
}

/* Footer */

/*NEW*/
#footer
{
	background-color: #36508b;
	clear: both;
}
/*#footer
{
	height: 20px;
	background-color: #36508b;
	clear: both;
	margin-left: 163px;
}*/

/*NEW*/
#footer div
{
	text-align: center;
	padding: 5px 0;
}
/*#footer div
{
	width: 695px;
	text-align: center;
}*/

/*NEW*/
#footer div, #footer div a
{
	color: white;
}
/*#footer div, #footer div a
{
	color: white;
	font-size: 10px;
	line-height: 19px;
}*/

/* Spezielle Elemente */
ol.artikelliste li
{
	margin: 0;
	padding: 0;
}

ol.artikelliste p
{
	margin: 0;
}

ol.artikelliste h2
{
	margin: 0 0 0.7em 0;
}

ul.artikelliste
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.artikelliste li
{
	/*border: solid silver 1px;*/
	float: right;
	clear: right;
	width: 100%;
	margin: 0 0 0.7em 0;
	padding: 0;
}

.button
{
	background-color: #F1F2F6;
	margin: 2px 20px 2px 0;
}

ul.liste_veranstaltungen
{
	margin: 0;
	padding:0;
	list-style-type: none;
	text-align: left
}

ul.liste_veranstaltungen li
{
	margin:0;
	padding-left: 15px;
	background: url("/images/cm/bullet.gif") 3px no-repeat;
}

.head
{
	color: #062c75;
	/*font-size: 11px;*/
}

.ziffer
{
	color: #062c75;
	/*font-size: 11px;*/
	font-weight:bold;
	margin-right:5px;
}

a.programm
{
	/*font-size: 13px;*/
	text-decoration: underline;
	color: #990033;
	font-weight:bold;
}


/* Druck-Styles */
@media print
{
	#frame, body.geteilt #frame
	{
		background: none;
	}

	#sprachauswahl, #left, #hauptmenue, .noprint, #footer
	{
		display: none;
	}

	#header
	{
		height: 109px;
		background: none;
		border-top: solid white 1px;
		border-width: 1px;
		margin-bottom: 10px;
	}

	#header h2
	{
		margin: 40px 0 0 20px;
	}

	#header h2 a span
	{
		display: inline !important;
	}

	#drucklogo
	{
		display: inline !important;
		float: right;
	}

	#content
	{
		margin: 0;
		padding: 0;
	}
}

/* NEW */

/* Breakpoints */

@media screen and (max-width: 980px)
{
	#header .logo
	{
		margin-left: 20px;
	}
	#hauptmenue_inner
	{
		margin-left: 0;
		border-left: none;
	}
	#hauptmenue_inner ul > li:first-child a
	{
		border-left: none;
	}
	#left
	{
		width: 28%;
	}
	#content
	{
		width: 72%;
	}
}

@media screen and (max-width: 820px)
{
	#left
	{
		display: none;
	}
	#content
	{
		float: none;
		width: auto;
	}
	#hauptmenue_inner
	{
		display: none;
	}
}

@media screen and (max-width: 720px)
{
	html
	{
		font-size: 14px;
	}
	#content,
	#footer
	{
		padding-right: 28px;
		padding-left: 28px;
	}
}