@charset "ISO-8859-1";
/*
*    ____  _____ _____    _____ _____ _____ _____ _____              _   _
*   |    \|   __| __  |  |  _  |  |  |   | |  |  |_   _|   ___ _____| |_| |_
*   |  |  |   __|    -|  |   __|  |  | | | |    -| | |    | . |     | . |   |
*   |____/|_____|__|__|  |__|  |_____|_|___|__|__| |_|    |_  |_|_|_|___|_|_|
*                                                         |___|     Karlsruhe
*   30.06.2008 - Fabian Beiner <fbe@derpunkt.de>
*
*   Globale 'Cascading Style Sheets' -- wbr-Rohre.de
*/

/* Total Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
  border:0;
  font-family:inherit;
  font-size:100%;
  font-style:inherit;
  font-weight:inherit;
  margin:0;
  outline:0;
  padding:0;
  vertical-align:baseline;
}

ol,ul
{
  margin-left:25px;
  list-style:none;
}

table
{
  border-collapse:separate;
  border-spacing:0;
}

caption,th,td
{
  font-weight:400;
  text-align:left;
  vertical-align:top;
}

blockquote:before,blockquote:after,q:before,q:after
{
  content:"";
}

blockquote,q
{
  quotes:"" "";
}

img
{
  vertical-align:top;
}

a img
{
  border:0;
}

/* 100% High Fix */
html,body
{
  height:100%;
}

/* Font Definitions */
body,p,td,th,li,input,textarea,select
{
  color:#000000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:1;
}

/* Body Definitions */
body
{
  background:#e1e1e1 url(img/back.gif) 0 0 repeat-x;
  overflow:-moz-scrollbars-vertical;
  overflow-x:auto;
}

/* Global Link Definitions */
a,a:link,a:visited,a:active
{
  color:#477fc3;
  text-decoration:none;
}

a:focus,a:hover
{
  text-decoration:underline;
}

a:focus
{
  outline:0;
}

/* Ordered List Definitions */
ol
{
  list-style:decimal-leading-zero;
}

/* Headlines / Default Formatting Definitions */
strong
{
  font-weight:700;
}

em
{
  font-style:italic;
}

.clear
{
  clear:both;
  font-size:0;
  height:0;
  overflow:hidden;
  visibility:hidden;
}

.hr {
height:1px;
background-color: #ccc;
margin:4px 0 14px 0;
}

/* Wrapper */
div#wrapper
{
  background-color:#fff;
  border-left:10px #fff solid;
  border-right:10px #fff solid;
  margin:0 auto;
  min-height:100%;
  height:auto !important;
  height:100%;
  position:relative;
  width:980px;
}

/* Header */
div#head
{
  border-bottom:6px #fed742 solid;
  height:128px;
  width:980px;
}

div#head div#head_right
{
  float:right;
  height:128px;
  width:782px;
}

div#head div#head_left
{
  float:left;
  height:128px;
  width:198px;
}

div#head_start
{
  border-bottom:6px #fed742 solid;
  height:303px;
  width:980px;
}

div#head_start div#head_right
{
  background:url(img/head_start.jpg) 0 0 no-repeat;
  float:right;
  height:303px;
  position:relative;
  width:782px;
}

div#head_start div#head_left
{
  float:left;
  height:303px;
  width:198px;
}

/* Flaggen */
div#flags
{
  height:23px;
  position:absolute;
  right:446px;
  top:159px;
  width:39px;
}

div#flags img
{
  float:left;
}

div#flags img#spacer
{
  margin-right:3px;
}

/* Footer */
div#foot
{
  background-color:#d9d9d9;
  border-top:6px #fed742 solid;
  bottom:0;
  font-size:10px;
  height:20px;
  left:0;
  position:absolute;
  text-transform:uppercase;
  width:980px;
}

div#foot a
{
  color:#000;
}

div#foot a:hover,div#foot a:focus
{
  text-decoration:underline;
}

div#foot div#foot_left
{
  float:left;
  margin-top:5px;
  padding-left:8px;
}

div#foot div#foot_left a
{
  float:left;
  margin-right:12px;
}

div#foot div#foot_right
{
  float:right;
  margin-top:5px;
  padding-right:12px;
}

/* Headline Div */
div#headline
{
  border-bottom:1px #ccc solid;
  clear:both;
  color:#4d4d4d;
  font-size:14px;
  font-weight:700;
  height:30px;
  line-height:29px;
  padding-left:197px;
  width:783px;
}

/* Columns */
div#column_left
{
  float:left;
  margin-right:10px;
  padding-bottom:40px;
  width:188px;
}

div#column_center
{
  float:left;
  margin-right:10px;
  margin-top:20px;
  padding-bottom:40px;
  width:584px;
}

div#column_right
{
  float:left;
  margin-top:20px;
  padding-bottom:40px;
  width:188px;
}

/* Submenu */
ul#nav_sub
{
  background:#ffefb3 url(img/nav_sub.gif) bottom left repeat-x;
  font-weight:700;
  margin-left:0;
  margin-top:1px;
  padding-bottom:4px;
  width:188px;
}

ul#nav_sub li a
{
  background:url(img/nav_sub_li.gif) 12px 5px no-repeat;
  color:#000;
  display:block;
  font-size:10px;
  line-height:12px;
  padding-bottom:2px;
  padding-left:20px;
  padding-top:2px;
  width:168px;
}

ul#nav_sub a#nav_sub_active
{
  background:#ffefb3 url(img/ul_sub_li_active.gif) 10px 7px no-repeat;
  cursor:default;
  text-decoration:none;
}

ul#nav_sub a.grayed
{
  color:#808080;
}

ul#nav_sub ul
{
  background-color:#fff;
  font-weight:400;
  margin-left:0;
  margin-top:0;
  padding-bottom:1px;
  padding-top:1px;
  width:188px;
}

ul#nav_sub ul li a
{
  background:url(img/nav_sub_li.gif) 21px 5px no-repeat;
  color:#000;
  display:block;
  font-size:10px;
  line-height:12px;
  padding-bottom:2px;
  padding-left:30px;
  padding-top:2px;
  width:158px;
}

ul#nav_sub ul li a#nav_sub_active_last
{
  background-color:#fff;
  cursor:default;
  font-weight:700;
  text-decoration:none;
}

ul#nav_sub li,ul#nav_sub ul li
{
  display:inline;
}

ul#nav_sub li a:hover,ul#nav_sub li a:focus,ul#nav_sub ul li a:hover,ul#nav_sub ul li a:focus
{
  background-color:#fed742;
  text-decoration:none;
}

ul#nav_sub ul li ul li a
{
  background:url(img/nav_sub_li.gif) 31px 5px no-repeat;
  padding-left:40px;
  width:148px;
}

/* Boxen */
div.box
{
  background-color:#fff9e4;
  border:1px #ccc solid;
  font-size:10px;
  margin-bottom:10px;
  width:186px;
}

div.box_headline
{
  background-color:#fff;
  border-bottom:1px #ccc solid;
  padding-bottom:2px;
  padding-left:2px;
  padding-top:1px;
  text-transform:uppercase;
}

div.box img.borderbottom
{
  border-bottom:1px #ccc solid;
}

div.box ul
{
  margin-left:0;
  padding-bottom:1px;
  padding-top:2px;
}

div.box ul li
{
  background:url(img/nav_sub_li.gif) 4px 4px no-repeat;
  font-size:10px;
  line-height:12px;
  padding-bottom:2px;
  padding-left:11px;
}

div.box ul li a
{
  color:#000;
}

div.box div.box_text
{
  line-height:12px;
  padding:2px 4px 3px;
}

/* Box Edit */
.box_edit_button
{
  background-color:#ff9e38;
  border:1px #ccc solid;
  color:#000;
  margin-bottom:5px;
  padding:0;
  width:188px;
}

.box_edit_button_inactive
{
  background-color:red;
  border:1px solid #000;
  color:#fff;
  margin-bottom:5px;
  padding:0;
  width:188px;
}

.box_edit_select
{
  background-color:#ff9e38;
  border:1px solid #000;
  color:#000;
  margin-bottom:5px;
  padding:0;
  width:188px;
}

/* Content */
div.text_content
{
  line-height:16px;
  /*width:385px;*/
  float:left;
  margin-top:-5px;
}

div.content_left {
  width:188px;
  margin-right:10px;
  float:left;
}

div.content_left_start {
  width:290px;
  margin-right:10px;
  float:left;
}

div.content_left_start img,
div.content_left img {
  border:1px #cccccc solid;
  margin-bottom:10px;
}

div.img_text {
  line-height:16px;
  margin-top:-5px;
  margin-bottom:7px;
}

div.img_text h3
{
  font-size:10px;
  font-weight:400;
  line-height:12px;
}

div.content_right {
  line-height:16px;
  width:385px;
  float:left;
  margin-top:-5px;
}

div.content_right_start {
  line-height:16px;
  width:279px;
  float:left;
  margin-top:-5px;
}

div#column_center ul {
  margin-left:0;
}

div#column_center li {
  background:url(img/li.gif) 0 5px no-repeat;
  padding-bottom:2px;
  padding-left:10px;
  line-height:14px;
}

/* Overview */
div#overview
{
  clear:both;
  padding-top:14px;
}

div#overview div.overview_left
{
  float:left;
  margin-bottom:10px;
  margin-right:10px;
  width:186px;
}

div#overview div.overview_right
{
  float:left;
  margin-bottom:10px;
  width:186px;
}

div#overview div.overview_left,div#overview div.overview_right
{
  border:1px #e5e5e5 solid;
}

/* Referenzen */
a.referenzen_mehr, a.head_text_mehr
{
  background:url(img/mehr.gif) center right no-repeat;
  color:#477fc3;
  font-size:9px;
  font-weight:700;
  padding-right:9px;
  text-decoration:none!important;
  text-transform:uppercase;
}

a.referenzen_zurueck
{
  background:url(img/zurueck.gif) center left no-repeat;
  color:#477fc3;
  font-size:9px;
  font-weight:700;
  padding-left:9px;
  text-decoration:none!important;
  text-transform:uppercase;
}

div.text_referenzen
{
  line-height:16px;
  margin-top:-4px;
}

/* Startseite */
div#head_text
{
  bottom:0;
  height:108px;
  padding-left:10px;
  padding-right:10px;
  position:absolute;
  right:0;
  width:475px;
}

div#head_text span
{
  line-height:16px;
}

div#address_container {
  margin-top:17px;
  padding-left:7px;
}

div.address
{
  font-size:10px;
  line-height:12px;
  margin-bottom:4px;
}

div.address a
{
  color:#000;
  text-decoration:underline;
}

div.address a:hover
{
  text-decoration:none;
}

/* Sitemap */
a.sitemap
{
  border-top:1px #ccc solid;
  color:#000;
  display:block;
  line-height:16px;
  text-decoration:none !important;
}

a.sitemap:hover
{
  color:#477fc3 !important;
}

/* Kontaktformular */
input.text,
input.bestellung_auswahl
{
  border:1px #b3b3b3 solid;
  height:16px;
  margin:0;
  padding-left:2px;
  padding-top:2px;
  width:295px;
}

input.text-small
{
  border:1px #b3b3b3 solid;
  height:16px;
  margin:0;
  margin-right:10px;
  padding-left:2px;
  padding-top:2px;
  width:35px;
  margin-top:3px;
}

textarea.textarea
{
  border:1px #b3b3b3 solid;
  line-height:13px;
  margin:0;
  padding:2px;
  width:293px;
}

table#contactform td
{
  padding-bottom:3px;
  vertical-align:middle;
}

table#contactform td.contactform-right
{
  text-align:right;
}

input#plz
{
  border:1px #b3b3b3 solid;
  float:left;
  height:16px;
  margin:0 3px 0 0;
  padding-left:2px;
  padding-top:2px;
  width:43px;
}

input#ort
{
  border:1px #b3b3b3 solid;
  float:left;
  height:16px;
  margin:0;
  padding-left:2px;
  padding-top:2px;
  width:245px;
}

*:first-child+html input#ort
{
  width:239px;
}

* html input#ort
{
  width:239px;
}

*:first-child+html input.text
{
  width:290px;
}

* html input.text
{
  width:290px;
}

*:first-child+html textarea.textarea
{
  width:290px;
}

* html textarea.textarea
{
  width:290px;
}

*:first-child+html input.text-small
{
  margin-top:2px;
}

* html input.text-small
{
  margin-top:2px;
}

h1.bestellung_auswahl {
  font-weight: bold;
  margin: 0 0 3px 0;
}

select.bestellung_auswahl {
  width: 300px;
}

input.bestellung_auswahl {
  width: 50px;
}

p.bestellung_auswahl {
  margin: 16px 0 16px 0;
  line-height: 15px;
}

* html p.bestellung_auswahl {
  margin-top: 9px;
}

hr.bestellung_auswahl {
  height: 1px;
  line-height: 1px;
  background: #b3b3b3;
  color: #b3b3b3;
  margin: 17px 0 0 0;
  padding: 0;
  border: none;
}

* html hr.bestellung_auswahl {
  margin-top: 10px;
}

td.bestellung_auswahl {
  width: 237px;
}

td.bestellung_auswahl_spacer {
  height: 5px;
}

td.bestellung_auswahl div {
  padding-top: 4px;
}

* html td.bestellung_auswahl div {
  padding-top: 8px;
}

/* ========================================================================================== */
/* New gallery template                                                                       */
/* ========================================================================================== */

/* Content = width:584px;*/




/* ========================================================================================== */
/* /New gallery template                                                                      */
/* ========================================================================================== */


/* ========================================================================================== */
/* Selects (implemented with mootools) */
/* mootools is a JS framework which can replace the standard html select fields with div tags */
/* ========================================================================================== */
div.gotSelect select
{
  width:172px;
}

div.selectField
{
  background-color:#fff;
  border:1px #b3b3b3 solid;
  color:#000;
  cursor:pointer;
  font-size:11px;
  /*height:16px;*/
  margin:0;
  padding:0;
  position:relative;
  width:172px;
}

div.selectField div.status
{
  background:url(img/select.gif) top right no-repeat;
  display:block;
  /*height:16px;*/
}

div.selectField div.status div.selected
{
  display:block;
  font-size:11px;
  margin-right:16px;
  overflow:hidden;
  padding:2px;
  padding-left:3px;
}

div.optContainer
{
  background-color:#fff;
  border:1px #b3b3b3 solid;

  display:none;
  left:-1px;
  overflow:auto;
  position:absolute;
  top:18px;
  width:172px;
}

div.opt
{
  font-size:11px;
  padding:2px 2px 3px 3px;
}

div.optContainer div.selected
{
  /*text-decoration:underline;*/
}

div.optContainer div.disabled
{
  color:#b3b3b3;
  cursor:default;
}

div.optContainer div.over
{
  background: #fff9e4;
  font-size:11px;
  padding:2px 2px 3px 3px;
  text-decoration:none;
}

div.optGroup div.optLabel
{
  background-color:#e5e5e5;
  font-size:11px;
  font-weight:700;
  padding:2px 2px 3px;
}

div.optGroup div.opt
{
  background:url(../img/dot_yellow_border.gif) 11px 4px no-repeat;
  padding:2px 2px 2px 21px;
}
/* ========================================================================================== */
/* END Selects */
/* ========================================================================================== */

/* Gallerie */


div.gallery_contain
{
    width:130px;
    border:1px solid #e5e5e5;
    color:green;
    float:left;
    margin-right:15px;
}


div.gallery_contain_last
{
    width:130px;
    border:1px solid #e5e5e5;
    color:red;
    float:left;
}

div#gallery {
  padding-top:28px;
}


div.gallery_img
{
    width:130px;
    height:130px;
}

div.gallery_subtext
{
    width:120px;
    color:#474542;
    padding:3px 5px;
    background:#b3b3b3;
    line-height:13px;
    font-size:10px;
    height:28px;
}

.lightview_text_edit {
  border-top:1px solid red;
  padding-top:4px;
}

.gallery_line_space {
  width:584px;
  height:15px;
  float:left;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}