/*
px 	percent
29 193,33
28 186,67
27 180,00
26 173,33
25 166,67
24 160,00
23 153,33
22 146,67
21 140,00
20 133,33
19 126,67
18 120,00
17 113,33
16 106,67
15 100,00
14 	93,33
13 	65,00
12 	60,00
11 	55,00
10 	50,00
 9 	45,00
 8 	40,00
 7 	35,00
 6 	30,00
 5 	25,00
 4 	20,00
*/

/* Fix for Typo3 Main Menu */
.level1,
.level2,
.level3 {
	background: none;
	border: none;
	padding: 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body {
	background: #b1b6ba url(img/bg.png) repeat;
	font: 20px 'TheSansB5Plain', 'TheSansB5Plain-https', Arial;
}

#wrapper {
	background: #b1b2b2;
	-moz-box-shadow: 0 0 16px 0 #000;
	-webkit-box-shadow: 0 0 16px 0 #000;
	box-shadow: 0 0 16px 0 #000;
	left: 50%;
	margin-left: -512px;
	position: absolute;
	width: 1024px;
}

#header {
	background-color: #d9dada;
	height: 190px;
	padding-right: 36px;
}

#header-title {
	height: 76px;
	width: auto;
	padding: 60px 170px 0 36px;
}

#header-title .maintitle,
#header-title .subtitle {
	font-family: 'TheSansB7Bold', 'TheSansB7Bold-https', Arial;
	font-size: 100%;
}

#header-title .maintitle,
#header-title .maintitle a {
	color: #58585a;
}

#header-title .subtitle,
#header-title .subtitle a {
	color: #000000;
}

#header-title a {
	text-decoration: none;
}

#header-logo {
	/* height: 42px; ohne 30 Jahre*/
	height: 60px;
	position: absolute;
	right: 36px;
	top: 36px;
}

#header-logo.lang_de {
	background: url(img/DFKI_RIC_RGB_60.png) right top no-repeat;
	/* width: 201px; ohne 30 Jahre */
	width: 147px;
}

#header-logo.lang_en {
	background: url(img/DFKI_RIC_RGB_60.png) right top no-repeat;
	/* width: 186px; ohne 30 Jahre */
	width: 147px;
}


#header-logo img {
	display: none;
}

#tiny-menu {
	color: #888;
	font-size: 60%;
	padding-right: 5px;
	position: absolute;
	right: 36px;
	text-align: right;
	top: 110px;
}

#tiny-menu a {
	color: #888;
}

#main-menu {
	background: #df7904;
	-moz-box-shadow: 5px 5px 5px 0 #555;
	-webkit-box-shadow: 5px 5px 5px 0 #555;
	box-shadow: 5px 5px 5px 0 #555;
	height: 24px;
	left: 0;
	padding-right: 40px;
	position: absolute;
	right: 36px;
	top: 128px;
	z-index: 9;
}

#main-menu ul {
	margin: -3px 0 0;
}

#main-menu ul ul {
	margin: 0;
}

#main-menu li {
	float: left;
	list-style-type: none;
}

#main-menu a {
	border-right: 1px solid #fff;
	color: #fff;
	display: inline-block;
	font: 70% 'TheSansB7Bold', 'TheSansB7Bold-https', Arial;
	height: 22px;
	padding: 3px 15px 0;
	text-decoration: none;
	text-transform: uppercase;
}

#main-menu li.active a {
	background: #0068a3;
}

#main-menu a:hover {
	background: #0068a3;
}

#main-menu li#start a {
	padding-left: 36px;
	padding-right: 0;
	width: 148px;
}

#main-menu li#start a i {
	font-size: 110%;
	padding-right: 5px;
	line-height: 0;
}

#main-menu li#search {
	margin-top: 3px;
	width: 0;
}

#main-menu li#search a {
	border: none;
	cursor: pointer;
	position: absolute;
	right: 0;
}

#main-menu li#search a:hover {
	background: #df7904;
}

#main-menu input#searchinput {
	background: #fff;
	border: 3px solid #df7904;
	-moz-box-shadow: 5px 5px 5px 0 #555;
	-webkit-box-shadow: 5px 5px 5px 0 #555;
	box-shadow: 5px 5px 5px 0 #555;
	color: #000;
	height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	position: absolute;
	right: 0;
	top: 24px;
	width: 180px;
}

#main-menu input#searchinput:focus,
#main-menu input#searchinput:hover {
	outline: none;
}

#searchform input[type=submit] {
	visibility: hidden;
}

#main-menu li#mobile {
	display: none;
}

#main-menu ul li ul {
	border-left: 1px solid #fff;
	-moz-box-shadow: 5px 5px 5px 0 #555;
	-webkit-box-shadow: 5px 5px 5px 0 #555;
	box-shadow: 5px 5px 5px 0 #555;
	margin-left: -1px;
	position: absolute;
	width: 200px;
}

#main-menu ul li ul li a {
	background: #555;
	border: none;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
	font: 65% 'TheSansB5Plain', 'TheSansB5Plain-https', Arial;
	height: 100%;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-right: 3px;
	width: 100%;
}

#main-menu ul li ul li ul {
	display: none;
}


/* HOVER Main Menue START */
#main-menu a {
	padding: 3px 10px 0;
}

#main-menu li:hover>ul li {
	display: block;
	float: none;
	left: 0;
}

#main-menu li:hover>ul li a {
	display: block;
}

#main-menu ul ul li:hover>ul {
	display: block;
	margin-left: 200px;
	margin-top: -24px;
}

#main-menu li:hover>ul li a {
	background: #555;
}

#main-menu li:hover>ul li a:hover {
	background: #0068a3;
}

#main-menu li:hover>ul li.active a {
	background: #555;
}

#main-menu li:hover>ul li.withsub a {
	background: #555 url(img/arrow_right.png) right center no-repeat;
}

#main-menu li:hover>ul li.active a:hover {
	background: #0068a3;
}

#main-menu li:hover>ul li.withsub a:hover {
	background: #0068a3 url(img/arrow_right.png) right center no-repeat;
}

#main-menu li:hover>ul li li a,
#main-menu li:hover>ul li.active li a,
#main-menu li:hover>ul li.withsub li a {
	background: #555;
}

#main-menu li:hover>ul li li a:hover,
#main-menu li:hover>ul li.active li a:hover,
#main-menu li:hover>ul li.withsub li a:hover,
#main-menu li:hover>ul li.active a {
	background: #0068a3;
}

#main-menu li:hover>ul li.active ul li.active a {
	background: #0068a3;
}

/* HOVER Main Manue END */


.nosubmenu #main-menu li:hover>ul li {
	display: block;
	float: none;
	left: 0;
}

.nosubmenu #main-menu li:hover>ul li a {
	display: block;
}

.nosubmenu #main-menu ul ul li:hover>ul {
	display: block;
	margin-left: 200px;
	margin-top: -25px;
}

.nosubmenu #main-menu li:hover>ul li a {
	background: #555;
}

.nosubmenu #main-menu li:hover>ul li a:hover {
	background: #0068a3;
}

.nosubmenu #main-menu li:hover>ul li.active a {
	background: #555;
}

.nosubmenu #main-menu li:hover>ul li.withsub a {
	background: #555 url(img/arrow_right.png) right center no-repeat;
}

.nosubmenu #main-menu li:hover>ul li.active a:hover {
	background: #0068a3;
}

.nosubmenu #main-menu li:hover>ul li.withsub a:hover {
	background: #0068a3 url(img/arrow_right.png) right center no-repeat;
}

.nosubmenu #main-menu li:hover>ul li li a,
.nosubmenu #main-menu li:hover>ul li.active li a,
.nosubmenu #main-menu li:hover>ul li.withsub li a {
	background: #555;
}

.nosubmenu #main-menu li:hover>ul li li a:hover,
.nosubmenu #main-menu li:hover>ul li.active li a:hover,
.nosubmenu #main-menu li:hover>ul li.withsub li a:hover {
	background: #0068a3;
}

/* Delete after retina improvement */
#main-menu ul li ul li.withsub a {
	background: #555 url(img/arrow_right.png) right center no-repeat;
}

#main-menu ul li ul li a i {
	float: right;
}

#main-menu ul li ul li.withsub ul li a {
	background: #555;
}

#main-menu ul li ul li a:hover {
	background: #0068a3;
}

#main-menu ul li ul li.withsub a:hover {
	background: #0068a3 url(img/arrow_right.png) right center no-repeat;
}

#main-menu ul li ul li.withsub ul li a:hover {
	background: #0068a3;
}

#main-menu-dropdown {
	display: none;
}

#main-menu-dropdown:focus,
#main-menu-dropdown:hover {
	outline: none;
}

#breadcrumb {
	background: #b1b2b2;
	height: 30px;
	position: absolute;
	top: 140px;
	width: 100%;
	padding: 20px 0 0;
}

#breadcrumb a {
	color: #5e5e5e;
}

#breadcrumb span {
	color: #5e5e5e;
	font-size: 55%;
	margin-left: 220px;
}

.ric-nosubmenu-2col #breadcrumb span {
	display: none;
}

#main {
	background: #b1b2b2;
	padding: 0;
}

#side-menu {
	background: #b1b2b2;
	float: left;
	font-size: 100%;
	position: absolute;
	width: 184px;
}

#side-menu a {
	color: #fff;
}

#side-menu ul {
	color: #fff;
}

#side-menu li a {
	background: #555;
	border-top: 1px solid #b1b2b2;
	display: block;
	font-size: 65%;
	padding: 10px 10px 10px 36px;
}

#side-menu li.active a,
#side-menu a:hover {
	text-decoration: none;
	background: #307dbb;
}

#side-menu ul ul li a {
	background: #6e6f6e;
	display: block;
	padding: 7px 7px 7px 36px;
}

#side-menu ul ul li a:before {
	content: "> ";
}

#side-menu ul ul li.active a,
#side-menu ul ul li a:hover {
	background: #5097d7;
}

#content {
	background: #fff;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 184px;
	/* width of sidemenu */
	min-height: 550px;
	padding: 5px 36px 30px 36px;
}

.nosubmenu #content {
	float: left;
	height: 100%;
	margin-left: 0;
	padding: 22px 36px 30px 0;
}

#footer1 {
	background-color: #d9dada;
	clear: both;
	height: 100px;
}

#footer-logo {
	background: url(img/logo_uni-bremen.png) 0 0 no-repeat;
	height: 100px;
	margin-left: 36px;
	width: 181px;
}

#footer-logo img {
	display: none;
}

#footer2 {
	background: #555;
	bottom: 0;
	color: #fff;
	font-size: 55%;
	height: 11px;
	padding: 7px 36px;
}

#footer2-left {
	float: left;
	margin-left: 0;
	width: 30%;
}

#footer2-center {
	text-align: center;
	width: auto;
}

#footer2-right {
	float: right;
	text-align: right;
	width: 30%;
}

#footer2 a {
	color: #fff;
}

#gototop {
	background: #555;
	border-radius: 50%;
	bottom: 30px;
	height: 40px;
	opacity: 0.9;
	position: fixed;
	right: 10px;
	text-align: center;
	width: 60px;
	padding: 10px 0;
}

#gototop i {
	display: block;
}