@colorMain:#0995C0;
@colorVariant1:#055169;
@colorVariant2:#011014;
@colorHalfCompl1:#bf0a28;
@colorHalfCompl2:#bf7d0a;
@colorVeryBright:#e5f9ff;
@colorTone1: rgba(10, 184, 231, 0.54);
@colorTone2: rgba(75, 226, 231, 0.54);
@colorTone3: rgba(120, 183, 242, 0.35);

@colorHeader:desaturate(darken(@colorMain,5%),15%);

@darkColor:#333333;
@lightColor:#ffffff;

@pathImages:"../img";
body {
	text-align:center;
	padding:0; margin:0;
	background-color:#F5F5DC;
	color:@darkColor;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	overflow-y: scroll;
	background-image:url("@{pathImages}/landingpage/background_seamless.jpg");
}

a, .kursSoftLink {
	color:@colorHalfCompl2;
}

#inner-frame {
	width:978px;background-color:@colorVeryBright;
	margin:0px auto;
	padding-bottom:7px;
	position:relative; top:0px;
}

#header-top {
	height:75px;
}

#header {
	background-color:@colorHeader;
	color:@lightColor;
	width:100%; height:45px;
	margin:auto; margin-top:0;
	text-align: center;
	padding-top: 15px;
}

#headline {
	color:@darkColor;
	font-size:2.4em;
}

.initial-letter	{
	font-size:1.1em;
	color:@colorHalfCompl1;
}

#top-navi {
	height:20px;
	text-align:center; vertical-align:top;
	background-color:@colorHeader;
	padding:7px 0 5px 0;
}
.top-navi-element {
	display:inline-block; 
	text-align:center;
	color:@lightColor;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding: 3px 8px;
	margin:0;
    min-width: 30px;

	&:hover {
		color:@darkColor;
		background-color: @colorVeryBright;
	}
}
#imgMap {
	width: 730px;
	margin:auto;
}
.imgMapItem {
	display:inline-block;
	margin:0 25px;
	padding:0;
	cursor:pointer;
	p {
		font-size:14px;
		position:relative;
		color:@darkColor;
		padding:5px 10px;
		margin:0; 
		background-color: @colorVeryBright;
		font-weight:bold;
        top: -287px;
        left: 18px;
	}
}
#homeContent {
	text-align:center;
	padding-top:30px;
}

.quote {
	font-family: serif;
	color: @colorVariant1;
	width: 680px;
	padding: 0 25px;
	font-style:italic;
	font-size:18px;
}

.exhibit-list {
  list-style: none;
  li {
    margin: 10px 0;
  }
  li>span {
    padding: 3px 5px;
    margin: 0 3px;
    display: inline-block;
    vertical-align: top;
    &:nth-child(1) {
      width: 85px;
      background: @colorTone1;
      text-align: right;
    }
    &:nth-child(2) {
      width: 120px;
      background: @colorTone2;
    }
    &:nth-child(3) {
      width: 280px;
      background: @colorTone3;
    }
    &:nth-child(4) {
      width: 100px;
      background: @colorTone3;
      text-align: center;
    }
  }
}

.soft-trans {
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}

#portrait img{
  width: 240px;
  height: auto;
}