@charset "UTF-8";

.hidden {
	display: none !important;
}

html, body {
	position:relative;
	width:100%;
	
	margin:0px;
	padding: 0px;
	
	font-family: GudeaRegular, Arial;
	color:#333333;
	font-size:10pt;
}

html {
	
}

body {
	background:url("../images/background.gif");
	padding-top:60px;
}

a, a:visited, a:active {
	color:#333;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

a.more {
	padding: 2px 10px;
	line-height: 26px;		
			
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
					
	-moz-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0,0.1);
	box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0,0.1);
	background:url("../images/background.gif");
									
	font-family: 'RobotoCondensed';
	font-size: 10pt;
	font-weight: normal;
	color: #333333;
					
	border: solid 1px #d3d3d3;
			
	text-decoration:none;
}

a.more:hover {
	background: white;
	color: #0077ba;
	border: solid 1px #d3d3d3;
					
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

a.button {	
	display:block;
	//height: 30px;
	height: auto;
	width: auto;
	padding: 7px 15px;	
	//line-height: 32px;
	line-height: 16px;	
	margin-bottom: 5px;
	text-decoration: none;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	-moz-box-shadow: inset 1px 1px 3px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow: inset 1px 1px 3px 0px rgba(255,255,255,0.4);
	box-shadow: inset 1px 1px 3px 0px rgba(255,255,255,0.4);
	
	background: rgb(75,75,75); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiNGI0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNDA0MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(75,75,75,1) 0%, rgba(4,4,4,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(75,75,75,1)), color-stop(100%,rgba(4,4,4,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(75,75,75,1) 0%,rgba(4,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(75,75,75,1) 0%,rgba(4,4,4,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(75,75,75,1) 0%,rgba(4,4,4,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(75,75,75,1) 0%,rgba(4,4,4,1) 100%); /* W3C */

	border: 1px solid;
	border-color: black;
	color: white;

	overflow: hidden;

	cursor: pointer;
	behavior:url("data/core/lib/css3pie/PIE.htc");
}

.ie6 a.button, .ie7 a.button, .ie8 a.button {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#040404',GradientType=0 );
}

a.button:hover {
	background: white;
	color: #0077ba;
	border: solid 1px #d3d3d3;
				
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	//line-height: 31px;	
}

img {
	border: none;
}

img{margin: 0px;vertical-align:middle;}
			
.video_iframe[align='left'], img[style~='left;'] {margin: 0 15px 15px 0;}
 
.video_iframe[align='right'], img[style~='right;'] {margin: 0 0 15px 15px;}

.mailb {display:none;}

h1, h2, h3, h4, h5, h6, h7 {
	font-family: 'RobotoCondensed';
	font-weight: normal;		
	color: #333;
}

.center {
	text-align: center;
}

strong {
	font-family: GudeaBold, Arial;
	font-weight: normal;
}

#container {
	position:relative;
	width:980px;
	
	margin:0px auto;
}



#login {
	
	position: absolute;
	top: -32px;
	right: -14px;
	
	overflow: hidden;
	
	height: 31px;
	width: 100px;
	
	z-index: 1000;

	padding-left: 10px;
	padding-right: 10px;
}

#login:hover {
	
	height: auto;
	width: auto;

}

	#login a.loginbutton {
		position: absolute;
		top: 0px;
		right: 33px;
	
		display: block;
		
		overflow: hidden;
		height: 31px;
		
		background: url('../images/button_login.png') 12px 7px no-repeat #fff;
		padding-left: 35px;
		padding-top: 10px;
		padding-right: 12px;
		
		text-decoration: none;
		
		z-index: 1000;
	}
	

#login #loginbox {
	position: relative;
	top: -2px;
	
	background: #fff;
	display: none;
	box-shadow: 0px 0px 6px #bbb;
	overflow: hidden;
	
	width: 270px;
	padding: 18px;
	
	z-index: 999;
}

#login:hover #loginbox {
	display: block;	
}


#logout {
	
	position: absolute;
	top: -32px;
	right: -14px;
	
	overflow: hidden;
	
	height: 31px;
	width: 110px;
	
	z-index: 1000;

	padding-left: 10px;
	padding-right: 10px;
}

	#logout a {
		position: absolute;
		top: 0px;
		right: 33px;
	
		display: block;
		
		overflow: hidden;
		height: 31px;
		
		background: url('../images/button_login.png') 12px 7px no-repeat #fff;
		padding-left: 35px;
		padding-top: 10px;
		padding-right: 12px;
		
		text-decoration: none;
		
		z-index: 1000;
	}


	#logo {
		float:right;
		margin-bottom:20px;
		
	}
	
	#main {
		position:relative;
		clear:both;
		background:#fff;
		
		box-shadow: 0px 0px 6px #bbb;
		margin:20px;
		padding:20px 0px;
		padding-bottom: 0px;
		width:940px;
		
		behavior:url("data/core/lib/css3pie/PIE.htc");
	}
	
		#header {
			position: relative;
			margin-top: 35px;
			margin-bottom: 60px;
			
			height: 150px;
		}
			
			#neu-flag {
				position: absolute;
				left: -6px;
				top: 0px;
			}
			
			#itil-logo {
				position: absolute;
				top: 0px;
				left: 58px;
			}
			
			#oa-logo {
				position: absolute;
				top: -10px;
				right: 59px;
			}

			#oa-logo svg {
				width: 229px;
				height: 76px;
			}
			
			#itil-updage-flag {
				position: absolute;
				top: 90px;
				right: -13px;
				z-index: 1000;
			}
		
	
			#navigation,  #navigation ul{
				position: absolute;
				
				bottom: 0px;
				left: 60px;
				
				list-style-type:none;
				padding:0px;
				margin:0px;	
				width: 820px;
				
				background: url('../images/nav-line.gif') center right repeat-x;	
				
				zoom:1;
			}
			
				#navigation li {
					float: left;
					background-color: white;
				}
				
				.ie6 #navigation li {
					width: 50px;
					white-space: nowrap;
				}
				
				#navigation li sup {
					vertical-align: top;
					font-size: 0.8em;
					line-height: 1.7;
				}
			
				#navigation li a {
					display:block;
					height: 23px;
					padding: 0px 15px;	
					margin-right: 13px;
					line-height: 25px;		
					
					-webkit-border-radius: 15px;
					-moz-border-radius: 15px;
					border-radius: 15px;
					
					-moz-box-shadow: inset 0 0 5px 2px #fff;
					-webkit-box-shadow: inset 0 0 5px 5px #fff;
					box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0,0.1);
					background:url("../images/background.gif");
										
					font-family: 'RobotoCondensed';
					font-size: 12.5pt;
					font-weight: normal;
					color: #333333;
					
					border: solid 1px #d3d3d3;
					
					text-decoration:none;
					
					behavior:url("data/core/lib/css3pie/PIE.htc");
				}
				
				#navigation li a.active {
					
					-moz-box-shadow: inset 1px 1px 3px 0px rgba(255,255,255,0.4);
					-webkit-box-shadow: inset 1px 1px 3px 0px rgba(255,255,255,0.4);
					box-shadow: inset 1px 1px 3px 0px rgba(255,255,255,0.4);
					
					background: black;
					/* IE9 SVG, needs conditional override of 'filter' to 'none' */
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiNGI0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNDA0MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
					background: -moz-linear-gradient(top,  rgba(75,75,75,1) 0%, rgba(4,4,4,1) 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(75,75,75,1)), color-stop(100%,rgba(4,4,4,1))); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  rgba(75,75,75,1) 0%,rgba(4,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  rgba(75,75,75,1) 0%,rgba(4,4,4,1) 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  rgba(75,75,75,1) 0%,rgba(4,4,4,1) 100%); /* IE10+ */
					background: linear-gradient(to bottom,  rgba(75,75,75,1) 0%,rgba(4,4,4,1) 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#040404',GradientType=0 ); /* IE6-8 */

					border-color: black;
					color: white;
				}
				
				.ie6 #navigation li a.active { 
					background: black !important;
				}
				
				.ie9 #navigation li a.active {
					filter: none;
				}
				
				#navigation li a:hover {
					background: white !important;
					filter: none;
					color: #0077ba;
					border: solid 1px #d3d3d3;
					
					-moz-box-shadow: none;
					-webkit-box-shadow: none;
					box-shadow: none;
				}

			
	.content {
		position: relative;
		line-height:1.8em;
		overflow: hidden;
		padding: 0px 60px;
		padding-bottom: 40px;
	}
	
	
	.content img {

	}
	
	.content h1 {
		font-size:23pt;
		margin-bottom:40px;
		margin-top: 10px;
		line-height: 30px;
	}
	
	.content.start h1 {
		text-align: center;
	}
	
	.content h1 sup {
		vertical-align: top;
		font-size: 0.7em;
		line-height: 0.6em;
	}
	
	.content h1 sup.label{
		line-height: 1em;
		vertical-align: super;
		font-size: 8pt;
		padding: 5px 6px 3px 6px;
		position: relative;
		top: -6px;
		background-color: #add40a;
		text-shadow: -1px -1px #eee;
		
		-moz-box-shadow: 1px 1px 0px 0px #aaa;
		-webkit-box-shadow: 1px 1px 0px 0px #aaa;
		box-shadow: 1px 1px 0px 0px #aaa;
	}
	
	.content h2 {
		font-size:16pt;
		margin-top: 30px;
		margin-bottom: 0px;
	}
	
	.content p {
		margin-bottom: 15px;
		margin-top: 5px;			
	}
	
	.content .innercontent {
		width: 550px;
		float: left;
	}
	
	.content.fullwidth .innercontent {
		width: 820px;
	}
	
	.content .bigicons {
		overflow: hidden;
		position: relative;
	}
	
	.content .bigicons .background {
		position: absolute;
		top: 110px;
		left: 100px;
		
		width: 600px;
		
		border: none;
		background: #999;
		height: 1px;
	}
	
	.content .bigicons ul {
		list-style: none;
		
		margin: 0px 80px;
		padding: 0px;
		width: 665px;
		
			
	}
	
		.content .bigicons ul li{
			position: relative;
			float: left;
			width: 175px;
			
			padding: 0px 10px;
			padding-top: 30px;
			
			background: white;
		}
		
		.content .bigicons ul li.middle{
			margin: 0px 40px;
		}
		
		.content .bigicons ul a {
			position: relative;
			display: block;
			height: 175px;
			width: 175px;
		}
		
		
		.content .bigicons ul h2 {
			color: #0077ba;
		}
		
		.content .bigicons ul a img {
			position: absolute;
			top: 0px;
			left: 0px;
			vertical-align: top;
			border: none;
			display: block;
		}
		
		.content .bigicons ul a img.flag_freevideos {
		
			top: -30px;
			left: -29px;
			z-index: 1000;
		
		
		}
		
		.nosjs .content .bigicons ul a img.inactive {
			display: none;
		}
		
		.content .bigicons ul .info {
			margin-left: 10px;
			margin-top: 50px;
			width: 160px;
		
		}
		
	.content.standard #infoboxes{ 
		
		float: right;
		width: 180px;
		margin-top: -15px;
	
	}
	
		.content.standard div#infoboxes .box {
			margin-bottom: 50px;	
		}
		
		
		
	.content.start div#infoboxes {
		
		margin-top: 50px;
		padding-top: 35px;
		border-top: 1px solid #999;
		padding-left: 40px;
	
	}
	
		
	
		.content.start div#infoboxes .box {
			position: relative;
			float: left;
			width: 210px;
			margin-right: 40px;
		}
		
		
		.content.start div#infoboxes .box.large {
			width: 520px;
			margin-right: 0px;
		}
		
			.content div#infoboxes .box h3 {
				color: #333333;
			}
			
			.content div#infoboxes .box sup { 
				vertical-align: top;
				font-size: 0.8em;
				line-height: 1.7;
			}
		
			.content div#infoboxes .box img {
				border: none;
			}
			
	
	.learninfo {
		border: 1px solid #ededed;
		
		font-family: 'GudeaBold'; 
		font-weight: normal;
		line-height: 20px;
		
		float: right;
		background: url('../images/learninfo-i.png') no-repeat top left #f7fae7;
		padding: 9px 15px;
		padding-left: 45px;
		margin-left: 40px;
		
		height: 40px;
		overflow: hidden;
	}
	
	#form11 {
		margin-top: 5px;
	}
	
	#form11 .default_form {
		width: 100%;
	}

	.form_material_request {
		width: 100% !important;
	}
	
	#form11 label{
		display: inline;	
		font-size: 1em;
	}
	
	#form12 label{
		display: inline;	
		font-size: 1em;
	}
			
			
	.anmeldung.left {
	 	width: 500px;
	 	margin-left: 150px;
	 	//border-right: solid 1px #333;
	 	padding-right: 60px;
	 	overflow: hidden;
	 	float: left;
	 	
	 	margin-top: 20px;
	}
	
	.anmeldung.left h2{
	 	clear: both;
	}
	
		.anmeldung.left a.button {
			margin-bottom: 40px;
			float: right;
		}
			
	.anmeldung.right {
		margin-top: 11px;
		float: right;
		width: 315px;
	}
		
		.anmeldung.right h2{
			margin-left: 8px;
			margin-top: 0px;
		}
		
		
		.anmeldung.right .leti_form {
			width: 280px;
			clear: none;
			margin-right: 0px;
		}

		
	
	#footer {
		color: #333;
		padding:0px 80px 15px;
		text-shadow: 1px 1px #fff;
	}
	
	#footer a {
		text-decoration:none;
		float: right;
		color: #333;
		margin-left: 20px;
	}
	
	#footer a:hover {
		color: #0077ba;
	}
#request-info-material {
	display: inline-block;
    margin-top: -9px;
    float: right;
    height: 23px;
    line-height: 23px;
    font-size: 12px;
    padding: 0px 15px;
}
.clearer {
	border:0px;
	height:0px;
	clear:both;
}

.material-request-form input:disabled {
	background: #ecebeb !important;
	border: 2px solid #d3d3d3 !important;
	color: #A9A8A6 !important;
	line-height: 10px !important;
	cursor: default !important;
}
.locked-image {
	z-index: 10000000000;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.6;
}
.locked-image-slider {
	z-index: 10000000000;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0.6;
}
.locked-image-detail {
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    opacity: 0.6;
}
.img-locked-container {
	margin-bottom: 25px;
    margin-top: 25px;
    position: relative;
    width: 820px;
    height: 460px;
    overflow: hidden;
}
.img-locked-container .realimage {
	width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.img-locked-container strong {
	    position: absolute;
    top: 384px;
    left: 180px;
    color: #fff;
    font-size: 16px;
}