/* GLOBALE STYLSES */

body, #wrapper, #buehler #wrapper{
	color: #646464;
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin: 0px auto;
	padding: 0px;
    overflow-x: hidden;	
}

.container {
	width: 21%;
	background: #ddd;
	padding: 10px;
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
	min-height: 240px;
  -moz-box-shadow:    3px 3px 5px 2px #ccc;
  -webkit-box-shadow: 3px 3px 5px 2px #ccc;
  box-shadow:         3px 3px 5px 2px #ccc;	
}

.box-title {
	color: #0b4fa0;
	font-weight: bold;	
}

.clean {
	margin-right: 0px; 
}

#footer ul {
	list-style: none;
}

#footer {
	text-align: center;
}

.contact-menu, .contact-menu a {
	 width: 100px !important;
 }

.contact-menu-en, .contact-menu-en a {
	width: 110px !important;
}

.flag, .flag a {

}

.menu ul li:last-child img {
	margin-right:0px !important;
}

.menu ul li:last-child,
.menu ul li:last-child a {
	width: 50px !important;
}

.menu ul li ul li:last-child,
.menu ul li ul li:last-child a {
	width: 108% !important;
}

 body {
	background: transparent url(../img/buehler_bg.png) repeat-x;
}

h1 {
	color: #0a50a1;
	font-size: 1.35em;
	font-weight: bold;
}

h2 {
	padding-left: 20px;
	color: #636363;
    padding-bottom: 0px;
    margin-bottom: 0px;
	font-size: 12px;
	font-weight: bold;
	background:url(../img/square.gif) no-repeat;
	background-position: left;
}

h3 {
	height: 16px;
}

a {
	text-decoration: none;
	color: #0a50a1;
}

.blau {
	color: #0a50a1;
}

.rot {
	color: red;
}
#text p {
	font-size: 12px;
	line-height: 18px;
    padding-right: 10px;
}

#text {
    margin-left: -75px;
	margin-right: 135px;
	margin-bottom: 80px;
	

}

#text .TM-px {
	width: 460px;
	margin: 0px;
}

#text .BR-px {
	width: 450px;
}

/* POSITIONIERUNG */
#wrapper {
	margin-top: 85px;
        margin-left: 40px;
}

#buehler #wrapper {
	margin-top: 85px;
        margin-left: 40px;
}

#content {
	background: transparent url(../img/buehler_wrapper.png) no-repeat 0 0;
	width: 1120px;
	margin: 0 auto;
	min-height:700px;
	height:auto !important;  /* für moderne Browser */
	height:700px;  /*für den IE */

}

/* KONTAKTDATEN */

#buehlercontact {
position: absolute;
text-align: center;
color: #cccccc;
width: 100%;
height: 25px;
top: 50px;
left: 0;
margin-top: -50px;
margin-left: 0;
padding-top: 10px;
}

/* LINKE SPALTE */
#left {
background-color: transparent;
	width: 270px;
	margin: 0px;
	height: 700px;

	
}

#left img {
    margin-top: 0px;
	margin-bottom: 70px;
}

#leftul {
width: 200px;
	margin-top: 12px;
}

#leftul img, #leftul img a {
border: none;
margin: 0 10px 10px 10px;
}



#left ul {
	margin-left: 20px;
	padding-left: 10px;
	list-style-image:url(../img/square.gif);
}



#left ul a {
	text-decoration: none;
	color: #646464;
}

#left ul li {
	line-height: 22px;
}


/* RECHTE SPALTE */
#right {
	width: 850px;
	float: right;


}

#navi {
	height: 166px;
	width: 725px;
	background: url(../img/nav_bar.gif) repeat-x;
	background-position: bottom;
	margin-bottom: 60px;
}

#nav_bg {
	height: 138px;
	width: 725px;
	background-color: green
}

#right #navi ul {
	list-style: none;
	padding-left: 25px;
	margin: 0px;
}

#right #navi ul a {
	text-decoration: none;
	color: #0b4fa0;
}




.info {
width:300px;
padding-left:20px;}

/* INFOBOX */
#box {
	width: 124px;
	background-color: #f2f2f2;
	float: right;
	margin-top: 30px;
        margin-bottom: 80px;
	padding: 8px 16px 20px 16px;
}

#box p {
	width: 126px;
}

#box a, #top3 a {
	color: #646464;
	text-decoration: none;
	display: block;
}

/* BRANCHEN */

#text h1, #text h2, #text h3 {
	text-decoration: none;
	list-style: none;
	list-style-type: none;
	color: #0b4fa0;
}

#text ul {
	list-style-image:url(../img/square.gif);
	margin-left: 15px;	
	padding: 0px;
	line-height: 20px;
}

#text ul ul {
	list-style-image:url(../img/square.gif);
	margin-bottom: 10px;
	margin-left: 15px;	
	padding: 0px;
	line-height: 20px;
}


#text ul li, #text ul li ul li {	
	color: #333333;	
}


#text ul a {
	text-decoration: none;
	font-weight: bold;
	visibility:visible;
}

#text ul ul a {
	text-decoration: none;
	font-weight: normal;
	visibility:visible;
}

#text ul li ul li a:link, #text ul li ul li a:visited {
	text-decoration: none;
		height: 22px;
		color: #333333;	
}

#text ul li ul li a:hover, #text ul li ul li a:active {
	text-decoration: none;
		height: 22px;
		color: #0a50a1;	
}

#top3 {
float: right;
background: #f2f2f2 url(../img/bg_top3.jpg) repeat-y;
	width: 305px;
	padding: 10px 15px;
	
	

}

#top3 p {
	width: 100%;
margin-top: 10px;
padding:0px;
}

#top3 a {
	color: #0a50a1;
}

/* BEWERBUNG */
.bewerbung {
	text-decoration: none;
	color: #0a50a1;
	line-height: 18px;
}


#text .bewerbungp {
	width: 440px;

}

#text .tablebewerbung {
	margin: 0px;
}

#text .trbewerbung {
	height: 20px;
	margin: 0px;
	padding: 0px;
}

#text input {
	width: 295px;
}

.blue {
	color: #0a50a1;
	font-weight: bold;
}

#upload {
	background-color: #f2f2f2;
	float: right;
	width: 213px;
	margin-top: 30px;
	padding: 8px 16px 20px 16px;
}

#upload p {
	width: 195px;
	margin: 0px;
	line-height: 18px;
}

#upload .button {
 width: 100px;
 margin-left: 20px;
 margin-bottom: 10px;
}

#upload input {
	width: 200px;
	margin-bottom: 50px;
}

/* IMAGE BORDER */
img { border:none; }


/* HEADER */
.header {
	height: 160px;
}

.wunschhposition {
	width: 300px;
}

.mtop20 {
	margin-top: 50px;
	width: 50%;
float: left;
}

#left ul li:hover, #left ul li a:hover, .blauhover {
color: #0a50a1;
}


#left ul .smallalist {
 list-style-image:url(../img/square_klein.gif)
}

#right #text ul li a {
 color: #646464;
}

#right #text ul li a:hover {
 color: #0a50a1;
}

.imgleft {
	float: left;
} 

.imgleft img {
	margin:0px 15px 0px 0px !important;
	height: 180px;
	width:180px;
} 

.mtop20 h3 {
	margin-top: 120px;
}

.mtop20 h4 {
}

h3.position {
	line-height: 1.5em;
}

h4.position {
	font-size: 12px;
    font-weight: normal;
    line-height: 1.4em;
}

@media screen and (max-width: 1200px) {
	.header iframe {
	
	}
	#wrapper {
		margin-top: 185px;
		margin-left: 0px;
		padding: 15px 20px;
	}
	#content {
		width: 100%;
	}
	#left {
		width: 20%;
		margin: 0 auto;
		position: absolute;
		top: 40px;
		height: 100px;		
	}
	#right {
		width: 100%;
		float: none;
		margin: 0 auto;
	}
	.header {
		width: 100%;
		background-repeat: no-repeat;		
		background-size: contain;
	}
	#text {
		margin: 0px;
	}
	#content {
		background: none;
	}
	body {
		background: none;
	}
	.menu {
		width: 100%;
		height: 28px;
		padding-left: 0;
		background: url(../img/nav_bar.gif) repeat-x;
		margin-bottom: 20px;
		margin-left: 0;
	}
	#buehler .header {
		margin-top: 80px;
		margin-bottom: 40px;
	}
	#buehler #wrapper {
		margin-top: 85px;
		margin-left: 20px;
		margin-right: 20px;
	}
}

	
@media screen and (max-width: 768px) {
	#my_slideshow_mob {
		display:block !important;	
	}	
	.header iframe {
		display: none !important;
	}	
	.mtop20 {
		margin-top: 50px;
		width: 100%;
		float: none;
		margin: 20px auto;
		display: block;
		min-height: 180px;
	}	
	.mtop20 h3 {
		margin-top: 0px;
	}
	#top3 {
		width:100%;
		float: none;
		background: none;
		background-color: #f2f2f2;
	}
	.team #text img {
		width:100%;	
		height: auto;
		margin-bottom: 20px;	
	}
}

@media screen and (max-width: 960px) {
	.container {
		width: 60%;
	}
}
	
@media screen and (min-width: 768px) {
	.header iframe {
		display:block;
	}
	#my_slideshow_mob {
		display:none !important;
	}	
}