/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

html {
	margin:auto;
	height:100%;
}

img {
	border:none;
}

a {
	color:black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

a.selected {
	text-decoration:underline;
}

a:hover {
	text-decoration:underline;
	color:black;
}

a.pdf {
	background: url(../images/pdf_icon_klein.gif) no-repeat;
	padding-left:25px;
	padding-left:18px;
}

#menu a {
	font-family:Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5 {
	color:black;
	margin:0px;
	padding:0px;
	line-height:130%;
}

h1 {
	font-size:23px;
	font-weight:bold;
	margin-bottom:2px;
	font-family: "Verdana Bold",Verdana, Arial, Helvetica, sans-serif;
	
}

h2 {
	font-size:16px;
	line-height:150%;
	font-family: "Verdana Bold",Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

h3 {
	color:black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:23px;
}

body {
	background-color:black;
	height:100%;
	background-image:url(../images/bg.gif);
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:23px;
}

#grafik_matura{
	width:350px;
	height:300px;
}

table#grafik {
font-size:11.5px;
line-height:18px;

}

table#checkyourself td {
	vertical-align: top;
	border-bottom:1px solid #e2dc56;
}

table#checkyourself td.yes, table#checkyourself td.no {
	width:30px;
	text-align:center;
	vertical-align:middle;
}

table#grafik td.boxtop {
	padding:10px;
	background-image:url(../images/box-bg.png) ;
	vertical-align:top;
	height:150px;
	
}

table#grafik td.boxtop ul {
	margin-left:22px !important;
}

table#grafik td.boxbottom {
	padding:10px;
	background-image:url(../images/box-bottom-bg.png);
	
}

input#auswertung {
	padding-left:10px;
	padding-right:10px;
}

#container {
	margin:auto;
	width:1000px;
}

#header {
	height:105px;
}

#header img {
	margin-top:20px;
	display:none;
}

#content {
	background-image:url(../images/bg-content.gif);
	height:740px;
	width:1000px;
	text-align:left;
}


#bg_top {
	background-image:url(../images/bg-content-top.gif);
	height:236px;
	width:1000px;
	
}

#bg_bottom {
	background-image:url(../images/bg-content-bottom.gif);
	height:62px;
	width:1000px;
	
}

#content_lang {
	
	
	
	width:1000px;
	
}

#bg_middle {
background-image:url(../images/bg-content-middle.gif);
	width:1000px;
	text-align:left;
	
	
}

#filmstrip {
	height:236px;
	text-align:right;
}

#filmstrip.home {
	background:url('../images/filmstrip-home.jpg') no-repeat;
	background-position: 7px 33px;
}

#filmstrip.subpage {
	background:url('../images/filmstrip.jpg') no-repeat;
	background-position: 7px 33px;
}

#filmstrip img {
	margin-top:11px;
	margin-right:7px;
}

#content_left {
	height:426px;
	width:220px;
	float:left;
	text-align:left;
}

#content_middle{
	width: 590px;
	
	float:left;
}

div.bg-scroll {
	background: url('../images/bg-scroll.png') no-repeat;
	background-position: 10px 0px;
}

#content_middle #text {
	padding-left:25px;
	padding-right:30px;
}

#content_middle #text ul {
	margin-left:25px;
	margin-bottom:15px;
}


#content_middle #text p,
#content_middle #text h1,
#content_middle #text h2
{
	margin-bottom:15px;
}

#content_middle h1.standalone
{
	margin-left:25px;
	margin-bottom:15px;
}

#content_right {
	width:175px;
	height:426px;
	float:left;
	margin-top:-3px;
}

.buttons a {
	display:block;
	height:87px;
	width:175px;
}

.buttons a span {
	display:none;
}

.buttons a#schnuppertag {
	background-image: url('../images/but-schnuppertag.png');
}

.buttons a.active {
	background-position: 175px 0px;
}

.buttons a#checkyourself {
	background-image: url('../images/but-checkyourself.png');
}
.buttons a#persfoto {
	background-image: url('../images/but-persfoto.png');
}
.buttons a#video {
	background-image: url('../images/but-video.png');
}

#bottom #speaker {
	float:left;
	width:220px;
	
}

#bottom #speaker img {
	margin-top:-10px;
	margin-left:20px;
}

#bottom #speaker #off {
	display:none;
}

#bottom #slogan {
	float:left;
	width:530px;
	
}

#bottom #slogan img {
	margin-left:10px;
	margin-top:10px;
	width:393px;
}

#bottom #logos {
	float:left;
	width:150px;
	margin-left:30px;
}

#bottom #logos img {
	margin-top:10px;
}

#menu {
	margin-top:2px;
}

#menu ul {
	list-style:none;
}

#menu ul li {
	width:220px;
	background-position: 0px -5px;
	background-repeat:no-repeat;
}

#menu ul li.active {
	width:220px;
	background-position: -222px -5px;
	background-repeat:no-repeat;
}


#menu ul li a {
	display:block;
	height:38px;
	text-decoration:none;
}

#menu ul li span {
	display:none;
}

#menu ul#slidemenu ul {
	background: url('../images/bg-submenu.png') no-repeat bottom;
	margin-bottom:10px;
	padding-top:4px;
	padding-bottom:4px;
	display:none;
}

#menu ul#slidemenu ul li a {
	display:block;
	height:30px;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	padding-left:35px;
}

#menu ul#slidemenu ul li a:hover, #menu ul#slidemenu ul li a.active {
	color:#4b4a4d;
}

li#lehre {
	background-image: url('../images/men-deinelehre.png');
}

li#ausbildung {
	background-image: url('../images/men-deineausbildung.png');
}
li#unternehmen {
	background-image: url('../images/men-deinunternehmen.png');
}
li#bewerbung {
	background-image: url('../images/men-deinebewerbung.png');
	height:48px !important;
}



#impressum {
	text-align:right;
	color:#adafac;
	font-size:11px;
	height:30px;
	width:200px;
	float:right;
	padding-top:66px;
	
}

#impressum a {
	color:#adafac;
	text-decoration:none;
}

#impressum .margin {
	padding-top:12px;
	padding-left:20px;
}


#footer {
	text-align:left;
	color:yellow;
	font-size:11px;
	height:98px;
	background-image: url('../images/bg-reflexion.png');
}

#footer a {
	color:yellow;
}

#footer .margin {
	padding-top:12px;
	padding-left:20px;
}



div.clear {
	clear:both;
}

.videotext{
width:400px;
height:60px;
float:left;
line-height:20px;


}

.videoimg{
float:right;


}
.videos{
height:60px;
}