/* --- CSS für stellt-mich-ein.de ----- */

body {
	background-image: url(bg.png);
	background-repeat: repeat-x;
	background-position: left 10px;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: auto;
}


/* TEXT */

.h1 { /* Große Überschrift */
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 18px;
	font-weight: bold;
	color: #2070a5;
}
	
.h2 { /* Sub-Headline (text unter der Großen Überschrift) */
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: normal;
	color: #2070a5;
}

.text1 { /* normaler Text */
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 14px;
	font-weight: normal;
	text-align: justify;
	color: #000000;
}


.text2 { /* kleiner Text */
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
	color: #000000;
}

.text3 { /* großer Text */
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: normal;
	text-align: justify;
	color: #000000;
}

.text4 { /* Text Footer schwarz */
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	vertical-align: text-top;
	color: #000000;
}

.text5 { /* Text Footer grau */
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	vertical-align: text-top;
	color: #959595;
}


/* LINKS */
a         {color: #2070a5; text-decoration: none;}
a:link    {color: #2070a5; text-decoration: none;}
a:visited {color: #2070a5;}
a:active  {color: #2070a5;}
a:hover   {color: #2070a5; text-decoration: underline;}



#logo {
    position:absolute;
    top:56px;
	left:0px;
    align:center;
	width:100%; 
	height:45px;
	z-index:2;
}

#foto {
    position:absolute;
    top:123px;
	left:0px;
    align:center;
	width:100%; 
	height:477px;
	z-index:1;
}

#faq {
    position:absolute;
    top:0px;
	left:75%;
    align:left;
	height:62px;
	z-index:3;
}

#videos {
    position:absolute;
    top:0px;
	left:80%;
    align:left;
	height:62px;
	z-index:3;
}

#socialmedia {
    position:absolute;
    top:620px;
	left:0;
    align:center;
	width:100%; 
	height:61px;
	z-index:2;
}

#footer {
    position:absolute;
    top:700px;
	left:0px;
    align:center;
	width:100%; 
	height:80px;
	z-index:2;
}

#uc {
    position:absolute;
    top:370px;
	left:0px;
    align:center;
	width:100%; 
	height:121px;
	z-index:6;
}



/* LEBENSLAUF */

.lebenslauftext {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

#lebenslauf {
    position:absolute;
    top:250px;
	left:50%;
	margin-left:-341px;
	width:203px; 
	height:73px;
	z-index:5;
}
#ve1 {
    position:absolute;
    top:73px;
	left:0px;
	width:203px; 
	height:76px;
	z-index:5;
}



/* GESPRÄCHSEINLADUNG */

.einladungtext {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	font-style: justified;
}

#einladung{
    position:absolute;
    top:423px;
	left:50%;
	margin-left:-397px;
	width:265px; 
	height:70px;
	z-index:5;
}
#ve2 {
    position:absolute;
    top:70px;
	left:0px;
	width:265px; 
	height:121px;
	z-index:5;
}



/* A BIS Z */

.abisztext {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	font-style: justified;
}

.abiszletter {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #2070a5;
	font-style: justified;
}

#abisz{
    position:absolute;
    top:370px;
	right:50%;
	margin-right:-422px;
	width:264px; 
	height:61px;
	z-index:4;
}
#ve3 {
    position:absolute;
    top:61px;
	right:-1px;
	width:264px; 
	height:237px;
	z-index:4;
}




/* GUTE GRÜNDE */

.gutegtext {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	font-style: justified;
}

#guteg{
    position:absolute;
    top:202px;
	right:50%;
    margin-right:-381px;
	width:262px; 
	height:61px;
	z-index:4;
}
#ve4 {
    position:absolute;
    top:63px;
	right:0px;
	width:262px; 
	height:239px;
	z-index:4;
}