@charset "UTF-8";

/** 
* Global Style
* 
* Standard Layout (all parts) for Technik Stibbe
* 
* @project Technik Stibbe
* @version 0.1
* @package xhtml-css 
* @author MEN AT WORK 
* @copyright 2009 by the author 
* @cssdoc version 1.0-pre 
* @license GPL v3 
* 
* @colordef #fff; white 
* @colordef #000F00; black green
*/

/**
* Reset
*
* @section reset
*/

* {
margin:0;
padding:0;
border:0;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
} 
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body {
font: normal 12px/1.5em Arial, Helvetica, sans-serif;
background-color:#000f00;
color:#c8a55d;
}

.clear { clear:both; }

h2 {
font: normal 22px/1.5em Times New Roman, serif;
margin:10px 0;
}

h3 {
font: normal 17px/1.5em Times New Roman, serif;
margin:0 0 10px;
}

h2 a, h3 a { text-decoration:none; }

/**
* Wrapper
*
* @section layout
*/

#wrapper {
width:900px;
margin:0 auto;
padding-bottom:30px;
}

/**
* Header
*
* @section layout
*/

#header {
position:relative;
}


#header #mainnav ul {
list-style-type:none;
background:#002200 url(../images/bgr-navi-gradient.jpg) repeat-y top left;
width:655px;
padding:3px 0 3px 65px;
margin:0 0 0 244px;
float:left;
}

#header #mainnav li {
float:left;
font-size:12px;
color:white;
background: url(../images/bgr-navi.gif) no-repeat center right;
padding:0px 12px 0px 10px;
line-height:40px;
margin:0;
}

#header #mainnav li.active, #header #mainnav li .trail {
color:#c8a55d;
}

#header #mainnav li.active span {
color:#c8a55d;
display:block;
}

#header #mainnav li.first {
padding-left:0;
}

#header #mainnav li.last {
background-image:none;
padding-right:0;
}

#header #mainnav li.active span, #header #mainnav li.trail a {
color:#c8a55d;
display:block;
background: transparent url(../images/bgr-navi-active.png) no-repeat center -2px;
}

#header #mainnav li a {
color:white;
text-decoration:none;
}


/**
* Container
*
* @section layout
*/

#container {
margin:40px 0;
}

.main_sidebar #main {
margin-left:310px;
}

#main p {
padding:1px 0;
}

#main ul li, #konzeption-und-webdesign ul li {
padding:1px 0;
list-style:none;
}

#main ul li span, #konzeption-und-webdesign ul li span {
float:left;
width:65px;
}

#main .liefergebiete {
margin-top:20px;
}

#main .aufzaehlung ul li {
margin-left:15px;
list-style-type:square;
}

/**
* Left Sidebar
*
* @subsection layout
*/

#left {
width:240px;
}

#left #anleser h2,
#left #kontaktdaten h2 {
background: #000f00 url(../images/bgr-news-sidebar.jpg) no-repeat center center;
display:block;
text-align:center;
font-size:20px;
}

#left #anleser h2 span,
#left #kontaktdaten h2 span {
padding: 0 8px;
background: #000F00;
}

.main_start #left #kontaktdaten {
margin-top:20px;
}

#left #kontaktdaten .ce_list ul {

}

#left #kontaktdaten .ce_list li {
padding:1px 0 0;
overflow:hidden;
width:100%;
}

#left #kontaktdaten .ce_list li span {
width:70px;
float:left;
}

#left #kontaktdaten .ce_form {
margin-top:10px;
}

#left #kontaktdaten #condition_rueckruf .entry {
margin-top:10px;
overflow:hidden;
}

#left #kontaktdaten #condition_rueckruf .entry label {
float:left;
width:70px;
padding-top:3px;
}

#left #kontaktdaten #condition_rueckruf .error label {
color:red
}

#left #kontaktdaten #condition_rueckruf p.error {
display:none;
}

#left #kontaktdaten #condition_rueckruf .entry input {
padding:4px;
border:1px solid #C8A55D;
background-color:#002200;
color:#c8a55d;
width:100px;
}

#left #kontaktdaten #condition_rueckruf .submit {
padding:2px 4px;
border:1px solid #C8A55D;
background-color:#002200;
color:#c8a55d;
cursor:pointer;
margin:20px 0 0;
}



/**
* Newsmodul
*
* @subsection layout
*/

#main .mod_newslist .block {
margin-bottom:30px;
}

#main .mod_newslist .block .more, #left #anleser .more, #main .mod_newsreader .back {
margin-top:5px;
}

#main .mod_newslist .block .more a, #left #anleser .more a, #main .mod_newsreader .back a {
padding-left:16px;
text-decoration:none;
background: #000f00 url(../images/icon-arrow.jpg) no-repeat left center;
}

#presse .layout_short {
border-bottom:2px solid #504C27;
margin:10px 0 20px;
padding-bottom:25px;
}

#presse .last {
border:0;
}

#presse .layout_short .image_container img {
background:#000F00 url(../images/bgr-presse.jpg) no-repeat scroll center top;
padding:5px 20px 40px;
float:left;
margin-right:10px;
}

#presse .layout_short .enclosure {
margin-top:10px;
margin-left:130px;
}

#presse .layout_short .enclosure img {
float:left;
margin-right:10px;
}

#presse .layout_short .enclosure a {
padding-bottom:3px;
text-decoration:none;
}

#kontaktdaten .ce_text a {
background: #000f00 url(../images/icon-arrow.jpg) no-repeat left 4px;
padding-left:18px;
text-decoration:none;
}

#kontaktdaten .ce_text a:hover {
text-decoration:underline;
}

/**
* Referenzen
*
* @subsection layout
*/

#main #referenzen {
width:900px;
float:left;
}

/* #main #referenzen .ce_text {
position:relative;
width:445px;
float:left;
}

#main #referenzen .right {
}

#main #referenzen .ce_text p {
position:absolute;
top:-3px;
left:210px;
} */

#main #referenzen .ce_hyperlink {
position:relative;
width:210px;
margin-right:19px;
margin-bottom:10px;
float:left;
}

#main #referenzen .right {
margin-right:0px;
}

#main #referenzen .ce_hyperlink img {
background: #000f00 url(../images/bgr-referenzen.jpg) no-repeat center top;
padding:5px 20px 40px;
}

#main #referenzen .ce_list {
margin-top:30px;
}

#main #referenzen .ce_list ul li {
background: transparent url(../images/bgr-navi-active.png) no-repeat right center;
float:left;
padding:2px 25px 0 0;
margin:4px 3px 4px 1px;
}


/**
* Sitemap
*
* @subsection layout
*/

#sitemap .mod_sitemap ul li {
background: #000f00 url(../images/icon-arrow.jpg) no-repeat left 7px;
padding-left:18px;
list-style-type:none;
}

#sitemap .mod_sitemap ul li a {
text-decoration:none;
}

/**
* Formulare
*
* @subsection layout
*/

/** Login */

#loginformular p.error {
margin:0 0 10px 10px;
}

#loginformular table {
border-spacing:10px;
}

#loginformular table input.text {
padding:4px;
border:1px solid #C8A55D;
width:250px;
}

#loginformular table input.submit {
padding:4px;
border:1px solid #C8A55D;
background-color:#C8A55D;
cursor:pointer;
}

/** Kontakt & Buchung */

#main #formulare {
width:500px;

}

#main #formulare div.entry, #main #formulare div.explanation {
float:left;
width:450px;
margin-bottom:9px;
}

#main #formulare div.explanation {
width:270px;
margin-left:145px;
}

#main #formulare div.entry p.error {
display:none;
}

#main #formulare label {
float:left;
width:125px;
margin-top:2px;
text-align:right;
padding-right:15px;
margin-right:5px;
}

#main #formulare label.mandatory {
/* background: #000f00 url(../images/icon-mandatory.gif) no-repeat right top; */
}

#main #formulare input.text, #main #formulare textarea {
padding:4px;
border:1px solid #C8A55D;
width:262px;
background-color:#002200;
color:#c8a55d;
}

#main #formulare label.error {
color:red;
}

#main #formulare .submit_container {
clear:both;
width:600px;
}

#main #formulare.buchung div.title {
padding:2px 0;
}

#main #formulare.buchung div.title .radio_container {
float:right;
width:300px;
}

#main #formulare.buchung div.title .radio_container span {
margin-right:20px;
}

#main #formulare.buchung div.title .radio_container label {
margin:0;
float:none;
width:30px;
padding-right:0;
}

#main #formulare.buchung .strom .checkbox_container {
overflow:hidden;
margin-bottom:10px;
}

#main #formulare.buchung .entry.disclaimer,
#main #formulare.buchung .entry.strom {
float:left;
width:270px;
margin-bottom:9px;
margin-left:145px;
}

#main #formulare.buchung .entry.disclaimer.error label,
#main #formulare.buchung .entry.strom.error label,
#main #formulare.buchung .error .entry.disclaimer label,
#main #formulare.buchung .error .entry.disclaimer label a {
color:red;
}

#main #formulare.buchung .entry.disclaimer span,
#main #formulare.buchung .entry.strom span  {
display:block;
float:left;
width:270px;
}

#main #formulare.buchung .entry.disclaimer span input,
#main #formulare.buchung .entry.strom span input {
float:left;
margin-top:5px;
}

#main #formulare.buchung .entry.disclaimer span label,
#main #formulare.buchung .entry.strom span label {
float:right;
text-align:left;
width:230px;
}

#main #formulare.buchung div.zip  {
margin-right:1px;
width:210px;
}

#main #formulare.buchung div.number  {
width:140px;
}

#main #formulare.buchung div.street {
margin-right:1px;
width:300px;
}

#main #formulare.buchung div.town {
width:220px;
}

#main #formulare.buchung div.town label, 
#main #formulare.buchung div.number label {
width:30px;
}

#main #formulare.buchung div.town input, 
#main #formulare.buchung div.street input {
width:140px;
}

#main #formulare.buchung div.zip input, 
#main #formulare.buchung div.number input {
width:50px;
}

#main #formulare input.submit {
margin:5px 0 0 145px;
padding:4px;
border:1px solid #C8A55D;
background-color:#002200;
color:#c8a55d;
cursor:pointer;
clear:both;
}

#main #formulare.buchung .row_25.explanation {
display:block;
clear:both;
margin-top:20px;
}

#main #formulare.buchung .headline {
clear:both;
display:block;
padding:10px 0;
}

#main #formulare.buchung button.calendar {
background: #000f00 url(../images/calendar-icon.gif) no-repeat center top;
cursor:pointer;
height:20px;
width:20px;
vertical-align:top;
margin-top:2px;
margin-left:3px;
}

/**
* Modelle
*
* @section layout
*/

#main #modelle {
width:670px;
margin:0 auto;
padding-top:20px;
position:relative;
}

/* 
#main #modelle .mod_link_gallery .next,
#main #modelle .mod_link_gallery .back {
margin-top:60px;
height:32px;
width:30px;
float:left;
}

#main #modelle .mod_link_gallery .next a,
#main #modelle .mod_link_gallery .back a {
height:32px;
width:30px;
background: #000f00 url(../images/bgr-pagination.jpg) no-repeat left top;
display:block;
text-indent:-99999px;
}

#main #modelle .mod_link_gallery .next span,
#main #modelle .mod_link_gallery .back span {
height:32px;
width:30px;
background: #000f00 url(../images/bgr-pagination.jpg) no-repeat -30px top;
display:block;
text-indent:-99999px;
}

#main #modelle .mod_link_gallery .next a {
background-position:0 -32px;
}

#main #modelle .mod_link_gallery .next span {
background-position:-30px -32px;
}
*/


#main #modelle .modelle-uebersicht {
overflow:hidden;
width:670px;
}

#main #modelle .ce_hyperlink {
position:relative;
width:208px;
float:left;
margin-right:15px;
}

#main #modelle .ce_hyperlink img {
background: #000f00 url(../images/bgr-modelle.jpg) no-repeat center top;
padding:4px 15px 40px;
}

#main #modelle .ce_hyperlink .caption {
position:absolute;
top:109px;
left:15px;
background-color:#002200;
font-size:24px;
line-height:28px;
font-family:Times New Roman, serif;
padding:0 5px 5px;
text-align:center;
width:168px;
}

#main #modelle #prinz {
margin-left:10px;
}

#main #modelle #koenig {
margin-left:40px;
}

#main #modelle #kaiser {
margin-left:35px;
}

#main #modelle #prinz,
#main #modelle #koenig,
#main #modelle #kaiser {
margin-top:20px;
width:185px;
text-align:center;
float:left;
}

.center-text {
text-align:center;
margin-bottom:30px;
}

#main #modellbeschreibung #introduction {
margin-bottom:20px;
}

#main #modellbeschreibung table {
border-spacing:10px;
margin-left:-8px;
}

#main #modellbeschreibung table .col_0 {
font-weight:900;
}

.modellnav {
text-align:center;
}

.modellnav p {
padding:5px 0 5px;
}

.modellnav p a {
text-decoration:none;
}

.modellnav p a:hover {
text-decoration:underline;
}

/** Sidebar */ 

#left #information {
margin-top:20px;
}

#left #information.mod_article .typ-info {
margin-bottom:20px;
}

#left #information.mod_article .typ-info .image_container {
position:relative;
}

#left #information.mod_article .typ-info img {
background: #000f00 url(../images/bgr-typ-sidebar.jpg) no-repeat top left;
padding:4px 14px 50px;
}

#left #information.mod_article .typ-info .caption {
background-color:#002200;
padding:3px 5px;
width:200px;
display:block;
text-align:center;
position:absolute;
bottom:50px;
left:14px;
}

#left #information.mod_article #behinderten-wc .caption {
padding-left:45px;
text-align:left;
width:160px;
background:#002200 url(../images/behinderten-wc.gif) no-repeat left center;
}

/** Galerie */

#main #galerie table {
margin-top:10px;
border-spacing:0;
width:100%;
}

#main #galerie table td {
}

#main #galerie table .image_container {

}

#main #galerie table .image_container img {
background: #000f00 url(../images/bgr-typ-galerie.jpg) no-repeat center top;
padding:4px 14px 55px 18px;
}

.ce_dfGallery {
margin-top:20px;
}

/**
* Bildergallerie
*
* @section layout
*/
#main #gallerysound {
text-align: right;
margin: 0px;
}

#main .ce_dfGallery {
margin: 0px;
}


/**
* Footer
*
* @section layout
*/

#footer {
background: #000f00 url(../images/bgr-footer.gif) no-repeat top left;
}

#footer .mod_customnav ul {
list-style-type:none;
width:190px;
margin:35px auto 0 auto;
overflow:hidden;
}

#footer .mod_customnav ul li {
float:left;
line-height:12px;
font-size:10px;
color:#c8a55d;
border-right:1px solid #c8a55d;
padding:0 10px 0 10px;
margin:0;
}

#footer .mod_customnav ul li.last {
border-right:none;
padding-right:0;
}

#footer .mod_customnav ul li a {
color:#c8a55d;
text-decoration:none;
}

#footer .mod_customnav ul li a:hover {
text-decoration:underline;
}

a { color:#C8A55D; }
a:hover { text-decoration:underline !important; }

p.backlink {
margin-top:20px;
}