﻿html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, address {
margin: 0;
padding: 0;
border: 0;
}

body {
min-width:780px;
background:#EFEFEF url(../images/bg_tile.png) repeat-x left top;
font-family:'Segoe UI', Arial, sans-serif;
font-size:80%;
text-align:center;
}

/* <Typography> */

h1, h2, h3, h4, h5, h6
{
color:#1F65CF;
text-align:left;
margin:0 0 0.5em 0;
font-weight:bold;
line-height:1.2em;
padding-bottom:0.3em;
border-bottom:2px solid #D5D5D6;
}

h1 {font-size:1.8em;}

h2 {font-size:1.6em;}

h3 {font-size:1.4em;}

h4 {font-size:1.2em;}

h5, h6 {font-size:1em; text-transform:uppercase;}

p 
{
color:#444444;
font-size:1.2em;
margin-bottom:0.8em;
letter-spacing:0.03em;
line-height:1.5em;
}

p a.right_a
{
color:#1F65CF;
float:right;
text-decoration:none;
font-size:85%;
}

p a.right_a:hover
{
text-decoration:underline;
}

p a.normal
{
color:#1F65CF;
text-decoration:none;
}
p a.normal:hover
{
text-decoration:underline;
}

.kontakt
{
font-size:120%;
}

.align_right
{
text-align:right;
}

.align_left
{
text-align:left;
}

.align_center
{
text-align:center;
}

.sub_title
{
font-size:1.3em;
letter-spacing:0.02em;
line-height:1.3em;
font-weight:bold;
}

.bildunterschrift
{
/*position:relative;
top:-8px;*/
/*float:right;*/
margin-top:0;
font-size:90%;
width:100%;
text-align:right;
}

.product_p
{
font-size:1.2em;
letter-spacing:0.01em;
line-height:1.3em;
text-align:left;
font-weight:bold;
}

.customer_block a
{
font-size:85%;
color:#666666;
line-height:100%;

}

.customer_block a:hover
{
color:#1F65CF;
text-decoration:none;
}

.customer_h
{
font-size:90%;
font-weight:bold;
}

.customer_p
{
font-size:85%;
font-weight:normal;
}

ul
{
font-size:1.2em;
font-weight:bold;
list-style-type:none;
text-align:left;
}

ul li
{
padding-bottom:10px;
}
	
/* </Typography> */

/* <Layout> */	
#wrapper
{
width: 954px;
margin: 0 auto 30px auto;
text-align: left;
background:#CCC url(../images/wrapper_bg.png) repeat-y left top;
}

#skiptocontent
{
position:absolute;
margin-left:-1000px;
}

#wrappertop
{
height:31px;
background:#FCFCFC url(../images/wrappertop_bg.png) no-repeat left top; /*img height is 53px */
text-align:right;
font-size:90%;
color:#666;
padding:22px 10px 0 0; /* width=954-10=944px */
}


#wrapperinner
{
background: url(../images/wrapperinner_bg.png) repeat-x left top;
margin:0 5px 0 2px; /* width=954-5-2=948px */
}

#headerimg
{
width:930px;
height:159px;
margin:0 8px 0 9px; /* 930+8+9=947px (should be 948) */
padding:0;
background:url(../images/header_img.jpg) no-repeat left top;
}

#topmenu
{
width:708px;
height:29px;
margin:0 8px 0 9px;
padding:0 0 0 220px; /* 709+8+9+220=948 OK */
border-left: 1px solid #909090;
border-right: 1px solid #909090;
background:#D7D7D7 url(../images/menu_bg.png) repeat-x left top;
}

#content
{
position:relative;	
border-left: 1px solid #909090;
border-right: 1px solid #909090;
margin:0 8px 0 9px;
background-color:#FFFFFF;

}

/* Hide from IE5 mac \*/
* html #maincol {
	height:1%;
}
/* End hide from IE mac */

#sidebar
{
/*position:absolute;
top:0;
left:0; AE */
position: relative; /* AE */
float:left; /* AE */
width:220px;
}

#submenu
{
padding:70px 30px 0 15px;
}

#breadcrumbs
{
margin-left:220px;
padding-top:1.0em;
font-size:80%;
color:#666666;
}

#breadcrumbs a
{
color:#1F65CF;
}

#breadcrumbs a:hover
{
color:#1F65CF;
text-decoration:none;
}

#maincontent
{
margin:0 10px 0 220px;
padding-bottom:6.0em;
background:#FFF url(../images/amb_ball_watermark.jpg) no-repeat bottom right;
}

#back_to_top {font-weight:bold;font-size:90%;margin:2em 0 0 0;} /* AE */
#back_to_top a {background: url(../images/backtotop.png) no-repeat left 3px;}
#back_to_top a:hover {background-position:left -13px;}
#back_to_top a span {padding-left:20px;}

#footer
{
position:relative;
width:954px;
height:42px;
margin:0;
padding:0;
background:#CCC url(../images/footer_bg.png) no-repeat left bottom;
font-size:90%;
color:#666;
text-align:right;
}

#copyright
{
position:absolute;
top:14px;
left:14px;
color:#666;
}

/*#bevel_effect {
	position:absolute;
	top:15px;
	left:14px;
	color:#E8E8E8;
}*/

#footer_links {padding:14px 20px 0 0;}

#footer_links a {color:#666;}


.content_head
{
width:681px;
margin-top:20px;
}

.content_block
{
width:681px;
margin:5px 0 5px 0;
/*padding-right:30px; AE */
}

.cont_left
{
vertical-align:top;
width:430px;
float:left;
padding-top:20px;
}


.cont_right
{
float:right; /* AE */
/*margin-left:481px; AE */
width:200px;
color:#666666;
padding-top:20px;
}

.cont_right p, .cont_right ul {font-size:90%;}

.product_block
{
margin-bottom:20px;
}

.customer_block
{
width:152px;
float:left;
padding-bottom:15px;
margin:0 24px 20px 0;
text-align:center;
background-color:#efefef;
height:190px; /* AE */
}

.clear
{clear:both;}

/* float clearing fixes */
.clearfix:after {
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}

* html .clearfix {height:1%;}
/* end of float clearing fixes */
/* </Layout> */

/* <Images> */

.content_img
{
margin-bottom:5px;
padding:1px;
background-color:#999999;
}

.customer_img
{
padding:0 30px 20px 0;
float:left;
}

.product_img
{
padding:0 30px 20px 0;
float:left;
}

.bild
{
padding:0;
display:block; /* AE */
}

.bild_2
{
padding:0 10px 10px 0;
float:left;
}


/* <styling of the contact form> */
#contact_form .textbox {margin-bottom:1em;width:300px;}
#contact_form textarea {height:100px;}

#error, #ctl00_cphMainContent_valSummary {font-size:90%; font-weight:normal !important; margin-top:2em;}

/* </styling of the contact form> */

/* <buttons> */

.button_wrapper {display:inline-block;height:28px;color:#666;background:url(../images/button_comp.png) no-repeat left top;border:none;padding:0;margin:0;}

.button_wrapper .button {background:url(../images/button_comp.png) no-repeat right -30px;border:none;padding:0 15px;margin:0;height:28px;color:#444;font-weight:bold;cursor:pointer;}

.button_wrapper:hover {background-position:left -60px;}
.button_wrapper .button:hover {background-position:right -90px ;color:#FFF;}

/* </buttons> */

.squeezed {letter-spacing:-0.05em;}

#contact h2 {}
#contact .rtsTxt {color:#0044AA;font-weight:bold;}
#contact #ctl00_cphMainContent_contactMultiPage {padding:1.8em 1em 1em 1em;background:url(../images/tabpanel_bg.png) repeat-x left top;border-left:1px solid #8DB2B3;border-right:1px solid #8DB2B3;}
#contact {background:url(../images/tabpanel_bottom.png) no-repeat left bottom;padding-bottom:28px;}
#contact p {font-size:1em;}
#contact p#email {margin-bottom:0;}

address {font-style:normal; font-weight:bold;padding:1em 0;color:#555;}
