/** STANDARDEINSTELLUNG NICHT VERÄNDERN **/
body, HTML
		{
 		background-color: #cacaca;
		font-family: Verdana, Arial, Helvetica, sans-serif;
 		height: 100%;
		margin: 0px;
 		padding: 0px;
		}

/** Verändert das aussehen  von den <h1> tags "Überschriften" **/
h1
{
padding: 0px;
margin: 0px;
color: #002450;
font-size: 10pt;
}

/** Verändert das aussehen  von den <h2> tags "Überschriften" **/
h2
{
text-align: center;
 margin-top: 5px
}

/** Erzeugt den unterstrich unter der Überschrift im Navigationsbereich **/
.ueberschrift
{
height: 20px;
border-bottom: #CCCCCC inset 1px;
padding: 2px 2px 0px 5px;
}

/** Einrichten vom Startseiten text **/

#info
{
 margin-top: 100px;
}

#info .text1
{
font-size: 18pt;
text-align: left;
}

#info .text2
{
 font-size: 15pt;
 text-align: right;
}

/** Gestaltung der Texte in allen .php daten außer der Kontakt.php **/
#text
{
 text-align: justify;
 font-size: 14px;
}

#text ul
{
list-style-type:none;
padding: 0px 0px 5px 5px;
margin: 0px;
}

.stellenbeschreibung
{
 text-align: center;
 font-size: 20pt;
}


#zusammenfassung ul
{
 list-style-type:square !important;
}

/** Gestaltet den kleinen Text direkt über dem Bild **/
.bildtext
{
 margin-left: 50px;
 font-size: 11px;
}
/** Hier wird die Gesamtgröße der Seite eingerichtet **/
#container
       {
	   position: relative;
	   width: 760px;
	   margin: 0px auto;
	   padding: 0px;
	   min-height: 100%;
	   height: auto !important;
	   height: 100%;
	   }

/** In dem Bereich verändert man den Banner **/
#kopfbereich
	   {
	    width: 760px;
             height: 155px;
		background: url(../bilder/Banner_v1a.png) top no-repeat;
		}

/** In dem Bereich ist die Ausgabe und die Navigation!!! **/
#hauptbereich
	    {
		position: relative;
		width: 750px;
		min-height: 550px;
		height: 60%;
		background-color: #DDB254;
		color: #002450;
        padding-bottom: 73px;
		padding: 5px;
		z-index: 1;
		}

/** Gestaltung des Ausgabebereichs der Links **/
#ausgabebereich
		{
 		position: relative;
 		margin-top: 5px;
 		left: 15px;
 		width: 515px;
 		min-height: 50%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
 		border:  #DDB254;
		top: 0px;
		z-index: 1;
		}
/** extra Container wo die Navigationscontainer drin sind, Sorgt dafür das egal wie
groß die Seite wird, die Navigation immer oben rechts bleibt**/
#navi
{
position: absolute;
right: 5px;
top: 5px;
width: 195px;
}

/** Gestaltung der Listen **/
#navi ul
{
list-style-type:none;
padding: 0px 0px 5px 5px;
margin: 0px;
}

/** Einrichtung vom ersten Navigationscontainer "Sprache" **/
#navi_container1
		{
        position: relative;
        right: 5px;
		height: auto;
 		width: 195px;
 		background-color: #f1d18c;
 		color: #002450;
		}

/** Einrichtung vom 2 Navigationscontainer "3tec" **/
#navi_container2
		{
        position: relative;
        right: 5px;
        top: 7px;
		height: auto;
 		width: 195px;
 		background-color: #f1d18c;
 		color: #002450;
		}

/** Einrichtung vom 3 Navigationscontainer "Produkte" **/
#navi_container3
		{
        position: relative;
        right: 5px;
        top: 15px;
		height: auto;
 		width: 195px;
 		background-color: #f1d18c;
 		color: #002450;
 		}

/** Gestalung der Links im Navigationsbereich **/

.menulink
{
font-family:arial;
font-size:13px;
color: #333399;
}

a.menulink {
display: block;
width: 190px;
text-align: left;
text-decoration: none;

}

a.menulink:hover
{
background-color: #FFF;
}

/** den unteren bereich der Seite einrichten **/
#fussbereich
{
 position: absolute;
 background: url(../bilder/Footer.jpg);
 width: 760px;
 bottom: 0px !important;
 bottom: -1px;
 left: 0px;
 right: 0px;
 height: 73px;
 z-index: 1;

}

/** Gestaltung des textes im unteren bereich**/
#fussbereich .text
{
padding-top: 25px;
 font-size: 13px;
}

/** Verändert alle links außerhalb der Navigation **/
a.link, a.link:visited
{
 text-decoration: none;
 color: #333399;
}

a.link:hover
{
 color: #FFF;
}