@charset "utf-8";
/* CSS Document */

a {color:#FFFFFF; text-decoration:underline;}

.kontakt {color:#000000; text-decoration:none}
.kontakt:hover {color:#999999; text-decoration:none}



.aufgabeloesung 
{background-image:url(../images/aufgabeloesung2.jpg); background-position:center; background-repeat:no-repeat;}

.aufgabeloesung1 
{background-image:url(../images/aufgabeloesung1.jpg); background-position:center; background-repeat:no-repeat;}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:"Arial", Helvetica, sans-serif;
	background:#000000;
}

.Sprachauswahl-frame {width:100%; height:30px; background-color:#FFFFFF;}
.Sprachauswahl {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#a0a1a1; text-transform:uppercase; text-decoration:none;}
.Sprachauswahl:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-transform:uppercase; }


.Logo-frame {width:100%; height:112px; background-color:#FFFFFF;}
.Logo {	position:relative; left:27px;}

.ueberschrift { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:16px; font-weight:bold}

.Navigation-frame {width:100%; height:22px; background-color:#FFFFFF;}


.Navigation {position:relative; left:10px; top:0px; }
.hauptnavi {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; display:block; text-transform:uppercase; font-weight:bold; text-decoration:none; height:24px;}
.hauptnavi:hover {background-image:url(../images/hauptnavigation.gif); display:block; color:#FFFFFF; background-repeat:no-repeat; height:24px; vertical-align:middle; text-transform:uppercase; text-decoration:none;}
.hauptnavi-aktiv {background-image:url(../images/hauptnavigation.gif); display:block; color:#FFFFFF; background-repeat:no-repeat; height:24px; vertical-align:middle; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-transform:uppercase; text-decoration:none; font-weight:bold;}


.unternavigation-frame { width:100%; height:24px; background:url(../images/unternavigation-background.jpg);}
.unternavi {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; color:#FFFFFF; display:block; width:194px; text-decoration:none;}
.unternavi:hover { background-image:url(../images/unternavi-hover.png);  display:block; color:#FFFFFF; background-repeat:no-repeat; height:24px; width:194px; vertical-align:middle; text-decoration:none;}
.unternavi-aktiv { background-image:url(../images/unternavi-hover.png); display:block; color:#FFFFFF; background-repeat:no-repeat; height:24px; width:194px; vertical-align:middle; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; color:#FFFFFF; text-decoration:none;}



.Inhalt-frame-Aufgabe { width:100%; height:710px;  background-color:#000000; }

.Inhalt-frame { width:100%; min-height:560px; height:100%; background-color:#000000; position:relative; }
.Inhalt { position:relative; left:0px; background-color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; border:1px solid #000000;}

.Adresszeile-frame {width:100%; max-height:43px; position:fixed; bottom:0px; background-color:#FFFFFF;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none;}
.Adresszeile { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none;}
.Adresszeile:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999;}

.unterunternavi {}
.unterunternavi:hover { background:url(../images/unternaviunternavi-hover.png); background-repeat:no-repeat;}
.unterunternavi-Aktiv { background:url(../images/unternaviunternavi-hover.png); background-repeat:no-repeat;}

.unterunternaviText {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; display:block; text-transform:uppercase;}
.unterunternaviText:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; display:block; font-weight:bold; text-transform:uppercase;}
.unterunternaviText-Aktiv {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; display:block; font-weight:bold; text-transform:uppercase;}


.content {font-family:Arial; font:Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:18px;}

.mitte {width:940px;}


.mitte Inhalt a {
color:#fff;
text-decoration:underline;
}

.mitte Inhalt a:hover {
color:#666;
text-decoration:underline;
}






.buttons{padding:5px;}
.buttons span{color:#ffffff;padding:0 5px;cursor:pointer;}
.buttons span.active, .buttons span:hover{background:#000000;color:#fff; font-weight:bold;}

<!--Slider-->

/* Sample 1*/
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}

/* Sample 2*/
#box2{
	position:absolute;
}
#box2 span{
	display:block;
	float:left;
}

/* Sample 3*/
#box3{
	position:absolute;
}
#box3 span{
	display:block;
	float:left;
}

/* Sample 4*/
#box4{
	position:absolute;
}
#box4 div{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	width:700px;
	height:800px;
	float:left;
	background:#000000;
}

#box4 h3, #box4 p, #box4 ul{
	padding:1px 1px;
}

#box4 img{
padding:0px;
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}

/* Sample 5*/
#box5{
	position:absolute;
	width:350px;
}
#box5 span{
	display:block;
}
#info5{
	bottom:0;
}

/* Sample 6*/
#box6{
	position:absolute;
	width:240px;
}
#box6 span{
	display:block;
}
#handles6_1{
	float:left
}
#handles6_2{
	float:right
}
.mask6{
	position:absolute;
	left:50%;
	margin-left:-120px;
	width:240px;
	height:180px;
	overflow:hidden;
}
.sample6 .buttons{
	clear:both;
	text-align:center;
}

/* Sample 7*/
#box7{
	position:absolute;
}
#box7 span{
	display:block;
	float:left;
}

#thumbs7{
	position:relative;
	width:486px;
	clear:both;
	height:41px;
	overflow:hidden;
	margin-top:200px;
}
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:100%;
	height:41px;
}
#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:60px;
	height:41px;
	margin:0;
	float:left;
	cursor:pointer;
}
#thumbs7 .thumbs div img{
	width:54px;
	float:right;
}
#thumbs_handles7 span{
	background:url(thumb_invisible.gif) no-repeat;
}
#thumbs_mask7{
	width:1200px;
	background:url(thumbs_mask.gif) no-repeat center top;
}


.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:700px;
	height:660px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}


<!----Kontaktformular--->

.Auswahl {}
.eingabe { border:solid 1px #b8c5d6;}
.Textarea{}
.Font-Form-Grau{color:#000000; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.Font-Form-Schwarz{color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}