@import url(menue.css);
@import url(content.css);
@import url(servicepoints.css);
@import url("responsive.css");

body{
	height: 99%;
	background-color: #ffffff;
	text-align: center;
	
	margin:0;
	padding:0;
	background-image: url(../imgs/background_01.gif);
	background-repeat: repeat-x;
}

#border {
	width: 1024px;
	padding: 0;
	margin: auto;
text-align: center;
}

.clear-float {
	clear: both;
}

#top{
		background-image: url(../imgs/screendesign_01.jpg);
		height: 138px;
		width: 1024px;
}

#menue_oben{
	width: 280px;
	margin:0;
	padding: 5px 0 0 0;
	float: right;
}

#slogan{
	color: #1F73AF;
	width: 430px;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 0 310px;
	/*padding-top: 40px;*/
	padding-top: 35px;
	float: left;
}

#header {
	width: 1024px;
	height: 280px;
	background-image: url(../imgs/screendesign_02.gif);
	padding:0;
	margin:0;
}
#werbung{

}

#aktion{
	float: left;
	height: 200px;
	width: 270px;
	text-align: right;
	color: #ffffff;
	font-size: 20px;
	padding-top: 50px;
	
}

#preis{
	font-size: 32px;
	text-align: right;
	color: #ffffff;
	font-weight: bold;
	padding-top: 40px;
}

#header-right{
	float: right;
	width: 726px;
}

#bild{
	float: left;
}

#servicepoints{
	width: 258px;
	margin: 5px 20px 0 0;
	float: right;
	height: 200px;

}

#hauptmenue {
width: 680px;
padding-left: 390px;
margin:0;
padding-top: 5px;
}


#main {
  background-image: url("../imgs/screendesign_03.gif");
  background-repeat: repeat-y;
  margin: 0;
  padding: 50px 0 0;
  width: 1024px;
}


#content{
	width: 700px;
	float: right;

	
}

#produktkatalog {	
	float: left;
	width:260px;
	padding: 20px 0 0 0;
	
}


#inhalt{
	width: 550px;
	padding: 30px 0 40px 20px;
	border-bottom: 1px dashed #aaaaaa;
}

#keywords{

	width: 470px;
	padding: 0px 0 60px 110px;
	background-image: url(../imgs/screendesign_09.gif);
	background-repeat: no-repeat;
	min-height: 110px;
font-size: 10px;
color: #dddddd;
text-align:justify;
	
}



.csc-default{
    color: #565656;
    font-family: arial;
    font-size: 12px;
	/*font-size: 10px;
color: #dddddd;
text-align:justify;*/}

.keywords{
font-size: 10px;
color: #dddddd;
text-align:justify;
}

#footer {
	background-repeat: no-repeat;
	width: 1024px;
	height: 31px;
	margin: 0;
	padding:50px 0 0;
	background-image: url(../imgs/screendesign_10.gif);
	text-align: center;
	color: #ffffff;
        clear: both;
}


#footer_text{
	font-size: 11px;
	color: #565656;
	text-align: center;
	font-weight:bold;
}

hr {border: 1px solid;}

.kunden {margin-left: 60px;
line-height: 35px;}

/*Bildermen�*/

#bildermenue {
/*background-image: url(../imgs/bildermenue.jpg);
height:340px; */
width: 616px;
   margin: 0 0 50px 0;
   padding:0;

}


#inhalt .bildermenue_table td{
text-align: center;
width: 209px;
height: 158px;
     margin: 0;
     padding:0;
}

.bildermenue_table a {
padding-top: 130px;
}

.bildermenue_table a span{
     font-size: 18px;
     color: #565656;
     width: 209px;
     text-align: center;
     display: block;
}

.bildermenue_table a:hover span{
     font-size: 18px;
     color: #1F73AF;
}


a.kranservice  {
 background-image: url(../imgs/kranservice.png);
 width: 209px;
height: 28px;
display: block;
repeat: no-repeat;

}


a.DGUV_V3  {
 background-image: url(../imgs/DGUV_V3.png);
 width: 209px;
height: 50px;
display: block;
background-repeat: no-repeat;
}

a.DGUV_V3_2  {
 background-image: url(../imgs/DGUV_V3_2.png);
 width: 209px;
height: 50px;
display: block;
background-repeat: no-repeat;
}

a.DGUV_V3_3  {
 background-image: url(../imgs/DGUV_V3_3.png);
 width: 209px;
height: 50px;
display: block;
background-repeat: no-repeat;
}


a.DGUV_V3:hover  {
 background-image: url(../imgs/DGUV_V3_hover.png);
background-repeat: no-repeat;
display: block;

}

a.DGUV_V3_2:hover  {
 background-image: url(../imgs/DGUV_V3_2_hover.png);
background-repeat: no-repeat;
display: block;

}


a.DGUV_V3_3:hover  {
 background-image: url(../imgs/DGUV_V3_3_hover.png);
background-repeat: no-repeat;
display: block;

}


a.torservice  {
 background-image: url(../imgs/torservice.png);
 width: 209px;
height: 28px;
display: block;
repeat: no-repeat;
}


a.regalinspektion  {
 background-image: url(../imgs/regalinspektion.png);
 width: 209px;
height: 28px;
display: block;
repeat: no-repeat;
}

a.automatiktueren  {
 background-image: url(../imgs/automatiktueren.png);
 width: 209px;
height: 28px;
display: block;
 repeat: no-repeat;
}

a.schranken  {
 background-image: url(../imgs/schranken.png);
 width: 209px;
height: 28px;
display: block;
 repeat: no-repeat;
}

a.hebezeuge  {
 background-image: url(../imgs/hebezeuge.png);
 width: 209px;
height: 28px;
display: block;
 repeat: no-repeat;
}

a.kranservice:hover  {
 background-image: url(../imgs/kranservice_hover.png);

display: block;

}


a.torservice:hover  {
 background-image: url(../imgs/torservice_hover.png);

display: block;

}


a.regalinspektion:hover  {
 background-image: url(../imgs/regalinspektion_hover.png);

display: block;

}

a.automatiktueren:hover  {
 background-image: url(../imgs/automatiktueren_hover.png);

display: block;

}

a.schranken:hover  {
 background-image: url(../imgs/schranken_hover.png);

display: block;

}

a.hebezeuge:hover  {
 background-image: url(../imgs/hebezeuge_hover.png);

display: block;

}



a.verladebruecken  {
 background-image: url(../imgs/verladerampe.png);
 width: 209px;
height: 28px;
display: block;
repeat: no-repeat;

}
a.verladebruecken:hover  {
 background-image: url(../imgs/verladerampe_hover.png);

display: block;

}


a.brandschutztore  {
 background-image: url(../imgs/brandschutztore.png);
 width: 209px;
height: 28px;
display: block;
repeat: no-repeat;

}
a.brandschutztore:hover  {
 background-image: url(../imgs/brandschutztore_hover.png);

display: block;

}

a.feststellanlagen  {
 background-image: url(../imgs/feststellanlage.png);
 width: 209px;
height: 28px;
display: block;
repeat: no-repeat;

}
a.feststellanlagen:hover  {
 background-image: url(../imgs/feststellanlagen_hover.png);

display: block;

}

#c311 {margin-top: 50px;}

.box h1 {width: 457px;}

#btv{
    position: absolute;
    left: 950px;
    top: 440px;

}


 
#btv{
   position: relative;
left: 237px;
top: -139px;
clear: both;
margin-bottom: -166px;

}

#btv2{
       position: relative;
left: 253px;
top: -28px;
clear: both;
margin-bottom: -180px;


}

p.csc-frame-frame1 {border: 1px solid #333;padding:10px;}


.kontakt_red a {color: red;}

.kontaktauswahl ul li a:link, .kontaktauswahl ul li a:visited {
    color: #1F73AF;
	font-family: "Open Sans",sans-serif;
font-size: 13px;

line-height: 24px;
}

.kontaktauswahl, .kcontent li{
    color: #1F73AF;
	font-family: "Open Sans",sans-serif;
font-size: 13px;

line-height: 24px;
}

/*Kontaktbox*/

#contactbox {
background-color: #E86256;
position: fixed;
top: 159px;
float: right;
right: 0px;
list-style: none;
-webkit-box-shadow: -11px -11px 5px 0px rgba(51,51,51,0.06);
-moz-box-shadow: -11px -11px 5px 0px rgba(51,51,51,0.06);
box-shadow: -11px -11px 5px 0px rgba(51,51,51,0.06);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

ul.contactbox li a {color: #fff; list-style: none;
text-transform: uppercase;
font-size: 16px;
}


ul.contactbox li{ text-align: right; padding: 5px 0;list-style: none;}

ul.contactbox {margin-right: 25px;}

.inline_contactbox h3 { color: #E86256; font-size: 35px; text-align: left;}

.inline_contactbox p, .inline_contactbox td {color: #58595B; font-weight: bold; text-align: left;}


#cmuenchentor.kcontent .adress_left, #cbuerosued.kcontent .adress_left, #cbueromitte.kcontent .adress_left, #czentrale.kcontent .adress_left {
    float: left;
    width: 280px;
    height: auto;
}

#cmuenchentor.kcontent .pic_right, #cbuerosued.kcontent .pic_right, #cbueromitte.kcontent .pic_right{
    float: left;
    width: 280px;
    height: 120px;
    margin: 35px 0 0;
}
#czentrale.kcontent .pic_right{
    float: left;
    width: 280px;
    height: auto;
    margin: 0px 0 0 30px;
}