@font-face {
   font-family: 'MyFont';
   src: url(whateverittakes.ttf);

}

@font-face {
   font-family: 'MyFontIE';
   src: url(whateverittakes.eot);

}

* {
    font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align:left;
	
}

h1 {font-size:x-large;}
body {

	background: #FFF;	
	text-align: center; 
	overflow-x:hidden;
}



.oneColFixCtr #container {
	width: 950px;
	background: #FFF;
	margin: 0 auto; 
	border: 1px solid #FFF;
	text-align: left; 
}

.oneColFixCtr #mainContent {
	padding: 0px; 
	position:absolute; top:0px;
	text-align: center; 
}


a:link, a:visited {color: #F00; transition: color 1s ease; text-decoration:none;
}
	
a:hover, a:focus {
color: #000; 	-moz-transition: color 1s ease;
	-webkid-transition: color 1s ease;
	-ms-transition: color 1s ease;
	-o-transition: color 1s ease;
	transition: color 1s ease;}
	
hr {border:#F00 solid 0.1px}

a img {border:none;}

.headline {
    font-family: MyFont, MyFontIE, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#000;	
	margin:0; 
	font-size:48px; 

}

#jobs {height:1000px;}

#jobs p,
#jobs b,
#jobs a,

#jobs div {font-size:12px}

#Angebot1,
#Angebot2,
#Angebot3,
#Angebot4
{width:95%; height:620px;}

#header {  
  }

#header_bild {width:1024px;}


#navigation {	
    position:absolute; top:350px; left:-30px;
	width:150px;
	height:400px;
   }
	
 
.menu {
  border:solid 1px #FFF; 
  width:120%; 
  height:20%;
  padding: 12.5% 12.5% 5% 15%;
  margin: 1.2% 0% 0% 0%;  
  background-color:#F00; 
  display:block;
  text-align:right; 	
  color: #FFF; 
  font-weight: bold;
  font-size:16px;
  white-space:nowrap;
  transition: color 1s ease;
  text-decoration:none;
  text-align:right;


}

.menu:hover {
	font-weight: bold;
	-moz-transition: color 1s ease;
	-webkid-transition: color 1s ease;
	-ms-transition: color 1s ease;
	-o-transition: color 1s ease;
	transition: color 1s ease;
	color: #000;
}




#facebook {
	display:block; 
	border:none;
	background-color:#FFF;
	padding:0px;
	margin: 20% 0% 0% 0%;
	
	}

.shadow:hover {box-shadow: 0px 0px 10px #36C}


#qr {width:80%;
}

.qr-code {list-style:none; margin:5%;   background-color:#FFF; padding:0px; 
}
#main_content {
	position:absolute;
	top: 350px;
	left: 200px;
	width:500px;
	height:auto;
	min-height:1000px;
	padding:15px;
	vertical-align:top;
}

.news_main { height:400px;}

#right_content {
	position:absolute;
	top: 350px;
	left: 720px;
	width:340px;
	height:1000px;
	vertical-align:top;
	overflow:hidden;

    

}

#fontsize {border:#F00 solid 2px;
           position:absolute;
		   top:1.5%;
		   left:5%;
		   width:80%;
		   height:10%}
		   
#fontsize p {padding:2%; margin:0px; height:30%}		   
		   
#big, #biger, #bigest {display:inline-block; background-color:#F00; 
margin:3% 8% 3% 8%!important; padding:2%; color:#FFF; font-weight:bold; cursor:pointer;

}

#big:hover,#biger:hover, #bigest:hover {
	font-weight: bold;
	-moz-transition: color 1s ease;
	-webkid-transition: color 1s ease;
	-ms-transition: color 1s ease;
	-o-transition: color 1s ease;
	transition: color 1s ease;
	color: #000;
}

#search {
	
	width:80%; height:6%; position:absolute; top:14%; left:5%; border-style:solid;
border-width:2px;border-color:#F00;   background-image:url(hintergrund_trans.png);}

#input {position: absolute; top: 15%; left: 4%; width: 39%; height: 48%; padding:2%;}

#sub {font-weight: bold; position: absolute; top: 15%; left: 55%; width: 43%; height: 71%;}

[type=submit] {
color: #FFF; 	transition: color 1s ease;
background-color:#F00;text-align:right;
    font-weight: bold; padding:10px; text-decoration:none;  outline: none; border:none; cursor:pointer;}
	
[type=submit]:hover {
color: #000; 	-moz-transition: color 1s ease;
	-webkid-transition: color 1s ease;
	-ms-transition: color 1s ease;
	-o-transition: color 1s ease;
	transition: color 1s ease;
}
	
.block {color: #FFF; background-color:#F00;
    font-weight: bold; height:5.5%; padding:5%; text-decoration:none; text-align:right; outline: none;}
	

#offers {
	
	width:80%; height:35%; position:absolute; top:23%; left:5%; border-style:solid;
border-width:2px;border-color:#F00;  }

#offers p {margin:0% 1% 0% 1%}

#news {
	
	width:80%; height:35%; position:absolute; top:63%; left:5%; border-style:solid;
border-width:2px;border-color:#F00;   }

#news p {margin:0% 1% 0% 1%}









.ZUeberschrift {
	font-weight: bold;
	margin:0;



 


}


.Ueberschrift2 {
    color:#0069b3; 
	
	font-weight:bold;
margin:0;

 


}

#Weiter {position:absolute; top:420px; left:30px;}

#Pfeil {width:70%; padding-top:4px}


#news .widge_picture {float:left; width:20%; margin:10% 5% 5% 0%}

#Neus {height:1600px;}

.News {width:95%; height:25%; float:left;}

#pagebrowser {width:95%; float:left;}

#Neues .widge_picture {float:right; width:20%; margin:-20% 15% 30% 0%; vertical-align:top;}



.navi_aktiv {color: #F00;  text-decoration:none; 	font-weight: bold; float:left; margin-right:8px;}

.navi_passiv {color:#000;  text-decoration:none; float:left; margin-right:8px; border-width:2px}