#wrapper { 
text-align: left;
margin: auto;
width: 1000px;
height:860px;
background-repeat:no-repeat;
background-image: url(images/back.png);}

body {
margin: 0; 
padding:0;
overflow-y: scroll;
background-color:#afb0b0;}

#logo {
float:left;
height: 67px;
width: 315px;
margin-left:275px;
margin-top:55px;
margin-bottom:20px;
background-image: url(images/logo.png);}



#pix3 {
float:right; 
width:300px;
height:200px;
margin-left:20px;
margin-bottom:10px;
border-width:1px;
border-style:solid;
border-color:#f26822;}

#pix {
float:right; 
width:450px;
height:300px;
margin-left:20px;
margin-bottom:10px;
border-width:1px;
border-style:solid;
border-color:#f26822;}

#pix2 {
float:left; 
width:330px;
height:200px;
margin-top:4px;
margin-bottom:10px;
border-width:1px;
border-style:solid;
border-color:#f26822;}


#headline {
float:left;
height: 67px;
width: 400px;
margin-left:10px;
margin-top:39px;}

#main {
float:left;
height: 500px;
width: 990px;
margin-top:10px;
margin-left:10px;
color:#2f363b;
text-align:justify;}




#box1 {
border: 1px solid black;
float:left;
width: 400px;
height:460px;
background-repeat:no-repeat;
margin-top:55px;
margin-left:10px;
background-image: url(images/box.png);}

#box {
float:left;
width: 400px;
height:460px;
background-repeat:no-repeat;
margin-top:55px;
margin-left:10px;
background-image: url(images/box.png);}

#karriere_box {
float:left;
width: 400px;
height:544px;
background-repeat:no-repeat;
margin-top:55px;
margin-left:10px;
background-image: url(images/karriere_box.png);}
#bewerben_box {
float:left;
width: 990px;
height:750px;
background-repeat:no-repeat;
margin-left:10px;
background-image: url(images/bewerben_box.png);}

#bewerben_box2 {
float:left;
width: 990px;
height:1200px;
background-repeat:no-repeat;
margin-left:10px;
background-image: url(images/bewerben_box2.png);}

#h1 {
	background-color:#09C}


#box_headline {
float:left;
width: 330px;
margin-top:20px;
margin-left:30px;
height:30px;
color: #2f363b;
font-weight:bold;
font-size:140%;}

#box_text {

float:left;
width: 330px;
margin-top:7px;
margin-left:30px;
color:#FFF;
height:410px;
text-align:left;
font-size:90%;}

#bewerben_box_text {
float:left;
width: 930px;
margin-top:7px;
margin-left:30px;
color:#FFF;
height:650px;
font-size:90%;}

#index_berufe_box {
float:left;
width: 400px;
margin-top:60px;
margin-left:-10px;
font-size:80%;
line-height: 1.4em;
color:#2f363b;
height:378px;}

#deutschlandkarte {
float:left;
width: 452px;
margin-top:0px;
height:592px;}


#index_berufe_box_filialleiter {
float:left;
margin-left:335px;
width: 300px;
margin-top:18px;
height:106px;}

#index_berufe_box_manager {
float:left;
margin-left:311px;
width: 300px;
height:100px;}

#index_berufe_box_teamleiter {
float:left;
margin-left:165px;
width: 300px;
height:103px;
margin-top:-20px;}

#index_berufe_box_rookie {
float:left;
margin-left:93px;
width: 300px;
height:120px;}

#button01,
#button02,
#button03,
#button04,
#button05 {
float:left;
width: 110px;
height: 25px;
padding-top: 10px;
text-align:center;}
#button01 a:hover,
#button02 a:hover,
#button03 a:hover,
#button04 a:hover,
#button05 a:hover {
width: 110px;
height: 25px;
padding: 12px;
background-color:#404a4f;
font-weight:bold;}
#startseite #button01 a,
#bewerben #button02 a,
#karriere #button03 a,
#standorte #button04 a,
#unternehmen #button05 a{
width: 110px;
height: 25px;
padding: 12px;
font-weight:bold;
background-color:#404a4f;
color:#f26822;}


#top {
position:fixed;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 40px;
font-size:90%;
line-height: 1.2em;
background-color:#2f363b}

#bottom_box {
float: right;
margin-top: 12px;
margin-right: 0px;
width: 700px;
height: 20px;
font-size:90%;
line-height: 1.2em;
text-align:right;
margin-right:10px;
}

#bottom {
position:fixed;
bottom: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 40px;
font-size:90%;
line-height: 1.2em;
background-color:#2f363b}


/* tooltip */

div#tooltip {
	display: none;
	position: absolute;
	z-index: 1000;

	/* background-repeat:no-repeat;
	background-image: url(images/box_bewerben_map.png); */
}

/* link-box */

#link-box1{
	display: none;
    margin-top: 467px;
	width: 400px;
	height: 55px; 
	background-repeat:no-repeat;
	background-image: url(images/box_bewerben_map.png); 
}

#link-box {
	display: none;
    margin-top: 467px;
	width: 400px;
	height: 55px; 
	background-repeat:no-repeat;
	/* background-image: url(images/box_bewerben_map.png);  */
	background-image: url(images/box.png);
}

#link-box_headline1 {
	float:left;
	width: 330px;
	margin-top: 20px;
	margin-left: 30px;
	height:30px;
	color: #2f363b;
	font-weight:bold;
	font-size:140%;
}

#link-box_headline {
	float:left;
	width: 330px;
	margin-top: 20px;
	margin-left: 30px;
	height:30px;
	color: #2f363b;
	font-weight:bold;
	font-size:140%;
}

#link-box_text1 {
	display: none;
	float:left;
	width: 330px;
	margin-top:20px;
	margin-left:130px;
	color:#FFF;
	height:50px;
	text-align:left;
	font-size:90%;
}

#link-box_text {
	display: none;
	float:left;
	width: 330px;
	margin-top:20px;
	margin-left:33px;
	color:#FFF;
	height:50px;
	text-align:left;
	font-size:90%;
}


/* Formular */
/*
.valid {
	-moz-box-shadow: 0 0 5px rgba(50,205,50,.95);
	-webkit-box-shadow: 0 0 5px rgba(50,205,50,.95);
	box-shadow: 0 0 5px rgba(50,205,50,.95);
}
*/
/* error */

.error {
	-moz-box-shadow: 0 0 5px rgba(242,104,34,.95);
	-webkit-box-shadow: 0 0 5px rgba(242,104,51,.95);
	box-shadow: 0 0 5px rgba(242,104,34,.95);
}

.error-msg {
	position: absolute; 
	border: 1px solid black;
	background: white;
	color: #f26822;
	padding: 1px 4px;
	margin-left: 5px;
	margin-top: -2px;
	font-weight: bold;
}

input:active , input:hover, input:focus  {
	-moz-box-shadow: 0 0 5px rgba(23,149,190,.95);
	-webkit-box-shadow: 0 0 5px rgba(23,149,190,.95);
	box-shadow: 0 0 5px rgba(23,149,190,.95);
}
input {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition-property: border-color;
	-o-transition: all 0.25s ease-in-out;
}

textarea:active , textarea:hover, textarea:focus  {
	-moz-box-shadow: 0 0 5px rgba(23,149,190,.95);
	-webkit-box-shadow: 0 0 5px rgba(23,149,190,.95);
	box-shadow: 0 0 5px rgba(23,149,190,.95);
}

/* partial opacity hack: configuration */  
.opacity {   
    opacity: 0.8;       /* modern browser */  
    -moz-opacity: 0.8;  /* older Mozilla browser */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 in Standard Compliant Mode */  
    filter:alpha(opacity=80); /* IE5.x -7.0 */  
}   


.abgerundet {
    -moz-border-radius:3px; /* Firefox */
    -webkit-border-radius:3px; /* Safari, Chrome */
    -khtml-border-radius:3px; /* Konqueror */
    border-radius:3px; /* CSS3 */
}

#error-berufe {
	margin-left: -140px;
	margin-top: 12px;
}