@charset "utf-8";



/*
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
*/





body { margin:0; padding:0; width:100%; background: url(images/main_bg.gif);}
html { padding:0; margin:0;}

a, a:visited, a:active { text-decoration:none; color:#FF6C00;}
a:hover { text-decoration:underline;}
.adresa_mail a, .adresa_mail a:visited, .adresa_mail a:active { text-decoration:none; color:#FFF; font-size:13px;}
/* main */
.main { padding:0; margin:0 auto;}
/********** header **********/
.blok_header { margin:0 auto; padding:0;  background:url(images/header_bg.gif) top repeat-x;}
.header { margin:0 auto; padding:0;  width:1003px; }
/* logo */
.logo { padding:0; margin:0; width:486px; float:left;}
/* header_text */
.header_text_top { float:right; width:517px; background:url(images/header_text_bg.gif) top no-repeat; height:82px; margin:58px 0 0 0; padding:0;}
.header_text_top p { font: normal 12px Arial, Helvetica, sans-serif; color:#bababb; padding:20px 30px 0 80px; margin:0; line-height:1.8em; font-weight:bold;}
/* menu */	
.bg_menu { width:1001px; background:url(images/menu_bg.gif) 0 0 no-repeat; height:60px; margin:0px; padding:0; overflow:hidden; clear:bouth; }
.bg_menu img { float:right; padding:13px 0px 0 0; margin:0;}
.menu { padding:0; margin:0; width:700px; float:left;}
.menu ul { padding:20px 20px 0 20px; margin:0; list-style:none; border:0; float:left;}
.menu ul li { margin:0; padding:0; border:0; float:left; }
.menu ul li a { border-right:1px solid #777777; float:left; margin:0; padding:5px 30px; color:#fff; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;}
.menu ul li a:hover { color:#CCCCCC; text-decoration:none;}
.menu ul li a.active { color:#919191; text-decoration:underline;}
/*header_text_bg*/
.header_text_bg { margin:0 auto; padding:0; background:url(images/header_text_bg_top.gif) top repeat-x;}
/*header_text*/
.header_text { height:363px; margin:0 auto; padding:0; width:1003px; background: url(images/header_text_main_bg.gif) top center no-repeat;}
.header_text .div .left1 { float:left; width:420px; padding:17px 0 0 40px; margin:0;}
.header_text .div .left1 img { margin:20px 0 0 0; padding:0;}
.header_text .div .left1 h2 {  font:normal 36px Arial, Helvetica, sans-serif; color:#333436; padding:15px 0 5px 0; margin:0;}
.header_text .div .left1 h2 span { font: bold 26px Arial, Helvetica, sans-serif; color:#ff6c00;}
.header_text .div .left1 p { font: normal 11px Arial, Helvetica, sans-serif; color:#595959; line-height:1.8em;}
.header_text .div .left1 ul {  margin:10px  auto; padding:15px 0 0 0; list-style:none;}
.header_text .div .left1 li { font: normal 13px  Tahoma, Geneva, sans-serif; color:#777777; background: url(images/bg_p_ul_li.gif) left no-repeat; text-decoration:underline; padding:2px 0 2px 15px; line-height:normal; margin:3px 0;}
.header_text p { font:normal 12px   Arial, Helvetica, sans-serif; color:#292929; padding:20px 0 0 0; margin:0; line-height:1.8em;}
/*header_text_bg2*/
.header_text_bg2 { margin:0; padding:0; background:url(images/header_text_bg_top2.gif) top repeat-x;}
/*header_text*/
.header_text2 { height:146px; margin:0 auto; padding:0; width:1003px; background: url(images/header_text_main_bg2.gif) top center no-repeat;}
.header_text2  h2 { width:220px; float:left; font:normal 36px Arial, Helvetica, sans-serif; color:#333436; padding:50px 0 0 20px; margin:0;}
.header_text2 p { width:660px; float:left; margin:0; padding:48px 0 0 0; font: normal 11px Arial, Helvetica, sans-serif; color:#000000; line-height:1.8em;}
/* FBG */
.FBG_top { margin:0; padding:0; background:#e5e5e5;}
.FBG { width:1003px; margin:0 auto; padding:0;}
.FBG_resize { width:304px; float:left; margin:6px 0 0px 0; padding:10px 15px;}
.FBG h2 {  font: bold 17px  Arial, Helvetica, sans-serif; color:#000; padding:10px 5px 10px 5px; margin:0;}
.FBG p { font: normal 11px  Arial, Helvetica, sans-serif; color:#595959; padding:10px; margin:0; line-height:1.8em;}
.FBG a { text-decoration:none;  color:#21aad6;}
.FBG img { float:left; margin:10px; padding:0;}
.FBG em {color:#000; font-size:1.1em; text-decoration:underline;}
/********** body **********/
.body_resize { margin:0; padding:20px 0 0 0; background:#e5e5e5;}
.body { width:1003px; margin:0 auto; padding:0;}
.body a { color:#ff6c00; text-decoration:underline;}
.body h2 { border:0; font: bold 18px Arial, Helvetica, sans-serif; color:#000; margin:0px; padding:15px 5px;}
.body h3 { border:0; font: bold 14px Arial, Helvetica, sans-serif; color:#5b5b5b; margin:0px; padding:5px;}
.body img { float:left; padding:0; margin:10px;}
.body p { font:normal 12px  Arial, Helvetica, sans-serif; color:#343434; line-height:1.8em; padding:5px; margin:0;}
.body p span { color:#9d9d9d;}
.body em { color:#9c9c9c;}
.body_small { width:331px; float:left; margin:0; padding:10px;}
.body_big { width:632px; float:left; margin:0; padding:10px;}
/* Navigation */	
ul.Navigation { padding:0; margin:0; list-style:none; border:0;}
ul.Navigation li { margin:0; padding:3px 10px; border:0; line-height:0px;}
ul.Navigation li a { border:1px solid #c0c0c0; display:block; padding:5px 20px 5px 35px;  background:#e8e8e8 url(images/sub_ul_li.gif) 10px center no-repeat; color:#ff6c00; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; line-height:1.6em;}
ul.Navigation li a:hover { background:#fff  url(images/sub_ul_li.gif) 10px center no-repeat; }
ul.Navigation li a.active { background:#fff  url(images/sub_ul_li.gif) 10px center no-repeat; }
/********** footer **********/
.footer { margin:0; padding:0; background:url(images/footer_bg.gif) top repeat-x; }
.footer_resize { margin:0 auto; padding:10px 0; width:978px;}
.footer ul { margin:0; padding:20px 10px 10px 10px; list-style:none; float:left;}
.footer img { display:inline; margin:5px 10px; padding:0;}
.footer ul li { margin:0; padding:0 10px; float:left;}
.footer p { margin:0; padding:20px 20px 10px 20px; float:right; color:#989898; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.footer a { color:#acacac; font:normal 11px Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em;}
.footer a:hover { text-decoration:underline;}

/********** contact form **********/
#contactform { margin:0 0 0 20px; padding:5px 10px;}
#contactform * { color:#000;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:130px; padding:5px 0; font:normal 12px  Arial, Helvetica, sans-serif; color:#6e6e6e; text-transform:capitalize;}
#contactform label span { font:normal 11px Arial, Helvetica, sans-serif;}
#contactform input.text { width:400px; border:1px solid #b9b9b9; margin:5px 0; padding:5px 2px; height:15px; background:#f4f4f4;}
#contactform textarea { width:400px; border:1px solid #b9b9b9; margin:10px 0; padding:2px; background:#f4f4f4; height:250px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#FFF;}
#contactform  select{background:#f4f4f4; border:1px solid #b9b9b9; padding:5px 2px;}
#contactform .red {color:#FF0000;}
p.response { text-align:center; color:#2c2c2c; font:bold 12px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #cccccc; padding:15px 0; margin:0 0 10px 0; background:none; list-style:none;}
li.line, .line { border-top:1px solid #cccccc; padding:0; margin:0; background:none; list-style:none;}


#cereoferta { margin:0 0 0 20px; padding:5px 10px;}
#cereoferta * { color:#000;}
#cereoferta ol { margin:0; padding:0; list-style:none;}
#cereoferta li { margin:10px 0px; padding:0; background:none; border:none; display:block;}
#cereoferta li:active { background:#E8AA2;}
#cereoferta li.buttons { margin:5px 0 5px 0;}
#cereoferta label { float:left; margin:0; width:130px; padding:5px 0; font:normal 12px  Arial, Helvetica, sans-serif; color:#6e6e6e; text-transform:capitalize;}
#cereoferta label span { font:normal 11px Arial, Helvetica, sans-serif;}
#cereoferta input.text-input { width:400px; border:1px solid #b9b9b9; margin:5px 0; padding:5px 2px; height:15px; background:#f4f4f4;}
#cereoferta textarea { width:400px; border:1px solid #b9b9b9; margin:10px 0; padding:2px; background:#f4f4f4; height:250px;}
#cereoferta li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#FFF;}
#cereoferta  select{background:#f4f4f4; border:1px solid #b9b9b9; padding:5px 2px;}
#cereoferta .red {color:#FF0000;}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 85px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


.jcarousel-skin-tango .jcarousel-container {
margin:10px 0 0 0;
background: #F6f6f6 url(images/carusel/bg_carusel-hov.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-container:hover {
margin:10px 0 0 0;
background: #F6f6f6 url(images/carusel/bg_carusel-hov.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 910px;
    padding: 15px 45px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  900px;
    height: 85px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 85px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 25px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 45px;
    height: 40px;
    cursor: pointer;
    background: transparent url(images/carusel/sageata_drt.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: 0px -40px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: 0px -40px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0px -80px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: transparent url(images/carusel/sageata_stg.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: 0px -40px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: 0px -40px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0px -80px;
}

/*   //   CARUSEL   */


/*   START  BANNER FADE   */

/* Breite beschränken */
div.limiter {
	text-align: left;
	width: 80%;
	max-width: 69.23em;
	padding: 1.2em 1.5em;
	
	margin-left: auto;
	margin-right: auto;
}


ul {
	margin-bottom: 2em;
}


/* Listen */
ul#news {
	border: 1px solid #ccc;
	padding: 2em;
	background:  #fffeb8;
}

ul#portfolio li img{
	border: 0px solid #ccc;
	padding: 0px;
}


.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}