/* ALLGEMEIN
------------------------------------------------------------------------------*/

*{
  font-family: helvetica, arial, sans-serif;
  font-size:12px;
  color:#333;
}

body {
  background:#FFF url(../images/layout/bg_biber.gif);
  text-align: center;
  margin: 0;
  padding: 0
}

img{
  border:0;
}

a{
  outline:0;
}

form{
  margin:0;
  padding:0;
}

.imageflip #img{
  margin:0 0 20px 0;
}


.imageflip a{
  width:70px;
  height:70px;
  display:block;
  float:left;
  margin:0 0 20px 0;
  padding:0;
}

.imageflip a.ml{
  margin:0 20px 0 0;
}

.clear{
  clear:both;
}

.fader{
  height:201px;
  display:block;
  position:absolute;
  margin:0 0 20px 0;
}


/* CONTENT
------------------------------------------------------------------------------*/

#content a{
  text-decoration:none;
}


#content h1{
  margin:0 0 10px 0;
  padding:0;
  font-size:16px;
}

#content h2,
#content h2 span{
  margin:0 0 10px 0;
  padding:0;
  font-size:14px;
}

#content h2 span{
  font-weight:normal;
  color:#666;
}


#content p{
  padding:0;
  margin:10px 0;
  line-height:1.6em;
}

#content .siebdruck ul.list,
#content .werbetechnik ul.list,
#content .lackiererei ul.list,
#content .malerei ul.list,
#content .meta ul.list{
  margin:10px 0;
  padding:0 0 0 20px;
  line-height:1.6em;
  border:0;

}

#content .siebdruck ul.list li,
#content .werbetechnik ul.list li,
#content .lackiererei ul.list li,
#content .malerei ul.list li,
#content .meta ul.list li{
  padding:0;
  border:0;
}

#content .siebdruck h1,
#content .siebdruck h2,
#content .siebdruck a{
  color:#f6a71c;
}

#content .werbetechnik h1,
#content .werbetechnik h2,
#content .werbetechnik a{
  color:#ce3b23;
}

#content .lackiererei h1,
#content .lackiererei h2,
#content .lackiererei a{
  color:#0075aa;
}

#content .malerei h1,
#content .malerei h2,
#content .malerei a{
  color:#000000;
}

#content .meta h1,
#content .meta h2,
#content .meta a{
  color:#666;
}

#content .textildruck h1,
#content .textildruck h2,
#content .textildruck a,
#content .textildruck a b{
  color:#7f7f7f;
}



/* SLIDESHOW > HOME
------------------------------------------------------------------------------*/

#simpleshow{
  height:221px; /* a height is required */
  width: 881px; /* a width is required */
}

#simpleshow img {
  position:absolute; /* not required as of 0.1.3 to allow non-js degrading  */
  top:0; /* not required as of 0.1.3 to allow non-js degrading */
  left:0; /* not required as of 0.1.3 to allow non-js degrading */
}

/* SLIDESHOW > PAGES
------------------------------------------------------------------------------*/

#content #slideshow,
#content #slideshow div{
  height:300px; /* a height is required */
  width: 340px; /* a width is required */
}


#content .slideshow{
  width: 340px;
  height:300px;
  position: absolute;
	text-align:center;
}

#content #pagination{
  width: 340px;
  clear:both;
  margin-top:20px;
}

#content #pagination ul{
  margin:0;
  padding:0;
  list-style-type:none;
}

#content #pagination ul li{
  border:0;
  float:left;
  margin:0 20px 20px 0;
}

#content #pagination ul li.last{
  margin-right:0;
}

#content #pagination ul li a{
  margin:0;
  padding:0
}



/* HEADER
------------------------------------------------------------------------------*/

#header a.logo{
  position:relative;
  top:40px;
}

#header .banner{
  text-align:right;
}


#header .banner a{
  float:right;
}


/* MENU
------------------------------------------------------------------------------*/

#menu a.siebdruck,
#menu a.siebdruck_act,
#menu a.werbetechnik,
#menu a.werbetechnik_act,
#menu a.lackiererei,
#menu a.lackiererei_act,
#menu a.malerei,
#menu a.malerei_act,
#menu a.textildruck,
#menu a.textildruck_act{
  height:73px;
  display:block;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
  padding:10px;
}

#menu a.siebdruck,
#menu a.siebdruck_act{
  border-top:3px solid #f6a71c;
  border-bottom:1px solid #f6a71c;
  color: #f6a71c;
}
#menu a:hover.siebdruck,
#menu a.siebdruck_act{
  background:url(../images/layout/menu/siebdruck_act.gif) repeat left top;
}

#content .submenu ul li{
  border-bottom:1px solid #f8d493;
}

#menu a.werbetechnik,
#menu a.werbetechnik_act{
  border-top:3px solid #ce3b23;
  border-bottom:1px solid #ce3b23;
  color: #ce3b23;
}
#menu a:hover.werbetechnik,
#menu a.werbetechnik_act{
  background:url(../images/layout/menu/werbetechnik_act.gif) repeat;
}

#content .werbetechnik ul li{
  border-bottom:1px solid #edbab2;
}


#menu a.lackiererei,
#menu a.lackiererei_act{
  border-top:3px solid #0075aa;
  border-bottom:1px solid #0075aa;
  color: #0075aa;
}
#menu a:hover.lackiererei,
#menu a.lackiererei_act{
  background:url(../images/layout/menu/lackiererei_act.gif) repeat;
}

#content .lackiererei ul li{
  border-bottom:1px solid #a5cfe1;
}

#menu a.malerei,
#menu a.malerei_act{
  border-top:3px solid #000000;
  border-bottom:1px solid #000000;
  color: #000000;
}
#menu a:hover.malerei,
#menu a.malerei_act{
  background:url(../images/layout/menu/malerei_act.gif) repeat;
}

#content .malerei ul li{
  border-bottom:1px solid #a5a5a5;
}

#menu a.textildruck,
#menu a.textildruck_act{
  border-top:3px solid #7f7f7f;
  border-bottom:1px solid #7f7f7f;
  color: #7f7f7f;
}
#menu a:hover.textildruck,
#menu a.textildruck_act{
  background:url(../images/layout/menu/textildruck_act.gif) repeat;
}

#content .textildruck ul li{
  border-bottom:1px solid #bfbfbf;
}






#header .meta{
  float:right;
  margin:10px 50px 0 0;
}

#header .meta a{
  color: #c6c7c8;
  text-decoration:none;
  text-transform:uppercase;
  margin:0 0 5px 20px;
  padding:0;
  float:left;
}

#header .meta a:hover,
#header .meta a.act{
  color:#999;
}


/* SUBMENU
------------------------------------------------------------------------------*/

#content p.submenu{
  margin-bottom:0;
  border-bottom:1px solid #F8D493;

}


#content .submenu ul{
  margin: 0 0 20px 0;
  padding:0;
  list-style-type: none;
}
#content .submenu ul li{
  line-height:1.8em;
}

#content .submenu ul li.last{
  border:0;
}

#content .submenu ul li a{
  font-size: 11px;
  color:#333;
}

#content .submenu ul li a.act{
  font-weight:bold;
}


/* BOXES
------------------------------------------------------------------------------*/

.box{
  line-height: 1.4em;
  padding: 0 10px;
  color:#FFF;
  font-size:11px;
}

#content .lackiererei .box a,
#content .siebdruck .box a,
#content .werbetechnik .box a,
#content .malerei .box a,
#content .textildruck .box a{
  padding:0;
  font-size:11px;
  color:#FFF;
}


.box b{
  color:#FFF;
}
.box_top{
  height:10px;
  background: no-repeat left top;
}
.box_bot{
  height:10px;
  background: no-repeat left bottom;
  margin-bottom: 20px;
}


.box.red{ background:#cb3c24; }
.box_top.red{ background:url(../images/layout/box_red_top.gif); }
.box_bot.red{ background:url(../images/layout/box_red_bot.gif); }

.box.blue{ background:#0475ac; }
.box_top.blue{ background:url(../images/layout/box_blue_top.gif); }
.box_bot.blue{ background:url(../images/layout/box_blue_bot.gif); }

.box.yellow{ background:#f7a81c; }
.box_top.yellow{ background:url(../images/layout/box_yellow_top.gif); }
.box_bot.yellow{ background:url(../images/layout/box_yellow_bot.gif); }

.box.grey{ background:#C6C7C8; color:#666}
.box.grey b{ color:#666}
.box_top.grey{ background:url(../images/layout/box_grey_top.gif); }
.box_bot.grey{ background:url(../images/layout/box_grey_bot.gif); }

.box.darkgrey{ background:#7f7f7f;}
.box_top.darkgrey{ background:url(../images/layout/box_darkgrey_top.gif); }
.box_bot.darkgrey{ background:url(../images/layout/box_darkgrey_bot.gif); }

.box.black{ background:#000; }
.box_top.black{ background:url(../images/layout/box_black_top.gif); }
.box_bot.black{ background:url(../images/layout/box_black_bot.gif); }

.box.start{ background:#7f7f7f; font-size:11px;}
.box_top.start{ background:url(../images/layout/box_start_top.gif); }
.box_bot.start{ background:url(../images/layout/box_start_bot.gif); }

.box.start_red{ background:#cb3c24; font-size:11px;}
.box_top.start_red{ background:url(../images/layout/box_start_top_red.gif); }
.box_bot.start_red{ background:url(../images/layout/box_start_bot_red.gif); }

.box.start_gruen{ background:#f7a81c; font-size:11px; padding-bottom:1px;}
.box_top.start_gruen{ background:url(../images/layout/box_start_top_gruen.gif); }
.box_bot.start_gruen{ background:url(../images/layout/box_start_bot_gruen.gif) no-repeat left bottom;}



.box.start_red div.tel{
  margin-top:10px;
  color:#FFF;
  font-size:23px;
  font-weight:bold;
  padding-bottom:5px;
}


.box.start_gruen b{
  color:#000;
}

.box.start_gruen p{
  font-size:11px;
  color:#000;
}

.box.start p,
.box.start_red p{
  font-size:11px;
  color:#FFF;
}


/* FORM
------------------------------------------------------------------------------*/

fieldset{
  border:0;
  padding:0;
  margin:10px 0;
}

form{
  margin:0;
  padding:0;
}



form#nl label{
  font-size:10px;
  text-transform:uppercase;
  width:70px;
  float:left;
  margin:3px 0;
  color:#FFF;
  padding-top:2px;
}

form#nl input.txt{
  width:150px;
  float:left;
  margin:3px 0;
  border:2px solid #666;
}

form#nl input.btn{
  margin:10px 0 0 0;
  background:#CCC;
  border:2px solid #666;
  font-size:11px;
  cursor:pointer;
}

.box .error{
  color:#841f1f;
}



/* FOOTER
------------------------------------------------------------------------------*/

#footer .siebdruck,
#footer .werbetechnik,
#footer .lackiererei,
#footer .malerei,
#footer .meta{
  width:160px;
  display:block;
}


#footer .siebdruck{
  border-bottom:1px solid #f6a71c;
}

#footer .werbetechnik{
  border-bottom:1px solid #ce3b23;
}

#footer .lackiererei{
  border-bottom:1px solid #0075aa;
}

#footer .malerei{
  border-bottom:1px solid #000000;
}

#footer .textildruck{
  border-bottom:1px solid #7f7f7f;
}

#footer .meta{
  border-bottom:1px solid #c6c7c8;
}


#footer div.copy{
  text-align:right;
  margin:10px;
}


#footer div.copy,
#footer div.copy a{
  font-size:10px;
  color: #999;
  text-decoration:none;
  text-transform:uppercase;
}


/* CONTAINER
------------------------------------------------------------------------------*/

#container  { background-color: white; text-align: left; margin: 0 auto; width: 900px; border-right: 20px solid white; border-left: 20px solid white }

#header{
  width:960px;
  height:110px;
}

#menu{
  width:960px;
  height:95px;
}

#content{
  width:960px;
  margin:40px 0 20px 0;
}

#footer{
  width:960px;
  margin:0 0 40px 0;
}
.box_gelb { color: white; font-size: 18px; line-height: 100%; background-color: #f7a81c; margin-bottom: 15px; padding: 10px }