@charset "utf-8";

/*
    $Id: layout.css 154 2008-06-24 17:55:50Z stefan $

    Hintergrundfarbe grün:
    80,131,21 #508315

    Menüfarben:
    grün: rgb 175,197,182 #afc5b6
    rot: rgb 130,6,20 #820614
    grau: rgb 116, 107,81 #746b51
    Strich/Trenner: rgb 228,214,174 #e4d6ae

---------------------------------------------------------------------------- */

div#seite
{
    margin              : auto;
    width               : 800px;
    background-color    : #FFF;
    background-image    : url(../img/hg-seite.gif);
    background-position : 0% 0%;
    background-repeat   : repeat-y;	
}

div#seite-innen{}

div#kopfzeile
{
    padding-top: 113px;
	background-position : 200px 0%;
    background-repeat : no-repeat;
    background-color: #7F7F81;
	border-bottom:  20px solid #646466;
}

/*
    Spalten
---------------------------------------------------------------------------- */
div#spalte-links
{
	width: 200px;
}
div#spalte-links div.spalte_innen
{ 
    padding-left:20px;
}
div#spalte-rechts
{
	width: 600px;
	background-position : 430px 10px;
    background-repeat : no-repeat;
	background-image: url(../img/christ-logo.gif);
}

div#spalte-rechts div.spalte_innen
{ 
    margin:20px;
    margin-top: 35px;
}
/*
    SubSpalten
---------------------------------------------------------------------------- */

div.subspalten{ width:100%; /*overflow:hidden;*/ }

div.subspalten div.spalte{float:left;}

div.subspalten div.spalte div.innen{margin-right:10px;}
div.subspalten div.spalte div.erste{margin-right:20px;}
div.subspalten div.spalte div.letzte{margin-right:0px;}

div.subspalten div.s13_1{width: 34.99%}
div.subspalten div.s13_2{width: 64.99%}
div.subspalten div.s2{width: 49.99%}
div.subspalten div.s3{width: 33.33%}

div.subspalten div.s25{width: 24.99%}
div.subspalten div.s75{width: 74.99%}


div.subspalten div.spalte div.innen{border:1px;}

/*
    Container für Inhalt
---------------------------------------------------------------------------- */

div#inhalt-aussen{ padding-top: 0px; }
div#inhalt{ }
div#fusszeile
{
	margin-top: 40px;
	background-image : url(../img/mehr_als_bauen.gif);
    background-position : 20px 0%;
    background-repeat : no-repeat;
	padding-top: 30px;
}
div#fusszeile p.adresse
{
	background-color: #646466;
	color:#EEE;
	text-align:right;
	padding:5px;
	padding-right: 20px;
}


/* Schriftgröße */

div#inhalt ul li,
div#inhalt table td,
div#inhalt table th,
div#inhalt p,
div#inhalt address
{
    font-size: 75%;
}

/* Text in der Adresszeile am Fuss */
div#fusszeile p.adresse{font-size:75%;}
div#fusszeile p.adresse span.trenner{margin:0 5px;}


/*  Absätze */
div#inhalt p{ margin-bottom: 15px; line-height : 1.3; }
div#inhalt address{ margin-bottom: 6px; line-height : 1.3; }

/*  Fette Schrift */
div#inhalt span.fett, div#inhalt p.fett, div#inhalt strong { font-weight:bold; }

/*  Grüne Schrift */
div#inhalt span.gruen, div#inhalt p.gruen, div#inhalt strong.gruen{ color: #afc5b6; }

/*  Kleinere Schrift */
div#inhalt p.klein{ font-size:70%; }
div#inhalt span.klein{ font-size:90%; }

/*  Bilder */
div#inhalt img.bild_rechts{ float:right;clear:both; margin: 0 0 25px 25px; }
div#inhalt img.bild_links,
div#inhalt img.bildlinks{ float:left;  margin: 0 25px 25px 0;   }


/* Standard für Links */

a:link, a:visited /* Normal */
{
    color: #3D382C;
    text-decoration: none;
}
a:hover /* Überfahren */
{
    color: #646466;
}

/*  externe Links */
div#inhalt a.link_extern:link, 
div#inhalt a.link_extern:visited
{
    background-image: url( ../img/icon-link_extern.gif );
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 13px;
    color: #F29400;
}
div#inhalt a.link_extern:hover
{
    border-bottom: 1px dotted #F29400;
}
div#inhalt a.intern:link, 
div#inhalt a.intern:visited
{
    background-image: url( ../img/icon-link_intern.gif );
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 13px;
    color: #F29400;
}
div#inhalt a.intern:hover
{
    border-bottom: 1px dotted #F29400;
}
/* email link */
div#inhalt a.link_email:link, 
div#inhalt a.link_email:visited
{
    background-image: url( ../img/icon-link_email.gif );
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 13px;
    color: #F29400;
}
div#inhalt a.link_email:hover
{
    border-bottom: 1px dotted #F29400;
}


/* links in der Fusszeile */

div#fusszeile a:link,
div#fusszeile a:visited
{
    color: #FFF;
}


/*  H1 Überschrift erster Ordung */
div#inhalt h1
{
    font-size: 85%;
    font-weight: bold; 
    color: #004C1F;
    margin-bottom: 18px;
    padding-top: 5px;
    border-left: 1px solid #e4d6ae;
    padding-left: 8px;
}

div#inhalt h2
{
    font-size: 100%;
    font-weight: bold; 
    margin-bottom: 18px;
    padding-top: 25px;

}

div#inhalt h2 span
{
    display:block;
    font-size: 90%;
    font-weight:normal;
}
div#inhalt h3
{ 
    font-size: 80%;
    font-weight:bold;
    margin-bottom: 8px;    
}
div#inhalt h4
{ 
    font-size: 75%;
    font-weight:bold;
    margin-bottom:3px;
    
}
div#inhalt h5
{
    font-size: 75%;
    font-weight: bold;
    margin-bottom: 1px;
}


hr{ clear:both; border:0; height: 1px; background-color: #333 }


/**
    $Id: formulare.css 134 2008-06-20 20:31:19Z stefan $
----------------------------------------------------------------------------- */

div.wrapper_formular{ margin: 15px 0px; padding: 0; margin-bottom:15px;}
div.wrapper_formular .versteckt{ display:none; }

div.wrapper_formular form{ margin: 0; padding: 0;}
div.wrapper_formular fieldset{ border:none; margin: 0; margin-bottom:0px; padding: 0px;}
div.wrapper_formular fieldset.randlos{ border:none; }
div.wrapper_formular legend{ font-size:80%; border-bottom: 1px solid #333; margin-bottom: 10px; }

/* Einzelne Zeile mit label und input */
div.wrapper_formular div.zeile{ margin-bottom:2px; }

/* div.wrapper_formular label{ font-size:75%; width: 37.99%; float:left; margin:0;  margin-right: 2%; } */
div.wrapper_formular label{ font-size:75%; display:block; margin:0;  margin-right: 2%; }
/* Container für die Eingabefelder */

div.wrapper_formular div.input{}
div.wrapper_formular div.input span{ font-size: 75%;}

div.wrapper_formular div.inline{display:inline}


/* Eingabefelder */
div.wrapper_formular div.input input,
div.wrapper_formular div.bestellung_kommentar textarea,
div.wrapper_formular div.input textarea,
div.wrapper_formular div.input select
{
    font-family     : Tahoma,Arial,Helvetica, sans-serif;
    background-color: #FFF;
    color           : #333;
    width           : 100%; 
    border          : 1px solid #646466;
    padding         : 2px;
    padding-left    : 5px; 
    font-size       : 75%;
}
/*Fehlerfeld*/
div.wrapper_formular div.input input.invalid
{
    background-color: #F29400;
    color           : #333;
    border          : 1px solid #F00;
}

/* Textfeld bei der Bestellung */
div.wrapper_formular div.bestellung_kommentar textarea{ width:90% }

div.wrapper_formular div.input span.inputRequirement{ float:left; }

/* Text Notwenige Angaben */
div.wrapper_formular p.notwendige_angabe{ font-weight:bold; }
/* Sternchen in label */
div.wrapper_formular fieldset span{ color:#C00; margin-right:2px; }

div.wrapper_formular div.input textarea:focus,
div.wrapper_formular div.input input:focus
{
    background-color: #FFF;
    border          : 1px solid #F29400;
    color           : #646466;
}

/*  Schalter input.button*/
div.wrapper_formular div.input button{ padding: 0px;margin:0px;}

/* Schalter senden */
div.wrapper_formular input.schalter
{
    border:2px solid #AFAF57;
    width:100%;
}
div.wrapper_formular div.input input.schalter_bild
{
    border:none;
    background-repeat:no-repeat;
    width: 140px;
}

/* Fehler */
div.errors{ margin-bottom: 10px; border-bottom: 2px dotted #C00; font-size:75% }
div.errors strong{ color: #820614; background-color: #FFF; display:block; margin-bottom:3px; }
div.errors div.fields{ display:block; }

/*
   mehrspaltig 
   
   s2 = zwei spalten
---------------------------------------------------------------------------- */

div.wrapper_formular div.fs2,
div.wrapper_formular div.fs3
{ 
    margin-bottom: 2px;
}

div.wrapper_formular div.fs2 div.zeile
{
    width: 49.99%;
    float:left;
}
div.wrapper_formular div.fs2 label,
div.wrapper_formular div.fs2 div.input
{
    margin:0;
    padding:0;
}
div.wrapper_formular div.fs2 div.rechts label,
div.wrapper_formular div.fs2 div.rechts div.input
{
    margin-left: 15px;
}

/*  plz und ort wenn in zweierspalte */
div.wrapper_formular div.fs2 div.plz{ width:19.99% }
div.wrapper_formular div.fs2 div.ort{ width:79.99% }

/* Checkboxen mit label*/
div.wrapper_formular div.checkbox input
{
    vertical-align: middle;
    margin: 0px;
    margin-left:0px;
    margin-right:0px;
    float:none;
}
div.wrapper_formular div.checkbox label
{
    padding: 0px;
    margin: 0px;
    margin-left: 5px;
    display:inline;
    float:none;
}

/*
    standardliste
---------------------------------------------------------------------------- */

div#inhalt ul
{
    margin-bottom: 25px;
    margin-left: 30px;
    list-style-type:disc;
}

div#inhalt ul li
{
    margin-bottom: 2px;
}

/*
    Elemente die Aufgelistet werden,
    z.B. Objekte oder Personen
---------------------------------------------------------------------------- */
div#inhalt div.listung_wrapper{}

div#inhalt div.listung_wrapper div.listung_element
{ 
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #646466;
}

/* Allgemein Auflistung; letzer Auflistungspunkt bekommt keine Linie unten */
div#inhalt div.listung_wrapper div.last{ border-bottom: none }


/* Personn */
div#inhalt div.listung_wrapper div.person h4
{
    font-size: 80%;
    font-weight: bold;
}
/* Objekte / Referenzen */
div#inhalt div.listung_wrapper div.objekt{ }
div#inhalt div.listung_wrapper div.objekt div.text{ width: 59.99%; }
div#inhalt div.listung_wrapper div.objekt div.referenz_bild{ width: 39.99%; }
div#inhalt div.listung_wrapper div.objekt div.referenz_bild div.innen{ margin-right:0px; text-align:right; }
div#inhalt div.listung_wrapper div.objekt div.referenz_bild div.innen img{ width: 200px; border: 1px solid #646466; }




/*
    $Id: navigation.css 134 2008-06-20 20:31:19Z stefan $

    Hintergrundfarbe grün:
    80,131,21 #508315

    Menüfarben:
    grün: rgb 175,197,182 #afc5b6
    rot: rgb 130,6,20 #820614
    grau: rgb 116, 107,81 #746b51 / #887E63 ?
    Strich/Trenner: rgb 228,214,174 #e4d6ae

---------------------------------------------------------------------------- */
div#kopfnavigation
{
    width:200px;
    border-top:20px solid #646466;
    margin-bottom:0px;
}

div#kopfnavigation li
{
    padding:0;
    margin:0;
}
div#kopfnavigation ul{background-color:#EEE;}
div#kopfnavigation ul li
{
    border-bottom: 1px solid #646466;
    border-top: 1px solid #646466;
    margin-bottom:12px;
}
div#kopfnavigation ul li.last
{
    margin-bottom:0px;
}

div#kopfnavigation ul li a:link,
div#kopfnavigation ul li a:visited
{
    background-color:#FFF;
    font-size: 75%;
    display : block;
    padding : 5px;
    padding-left: 25px;
}
div#kopfnavigation ul li.active a:link,
div#kopfnavigation ul li.active a:visited,
div#kopfnavigation ul li a:hover
{
    color: #FFF;
    background-color: #F29400;
}


/*
    Subnavigation
---------------------------------------------------------------------------- */
div#spalte-links div.subnavigation
{
    background-color: #FFF;
    border-bottom: 20px solid #646466;
    border-right: 1px solid #646466;
    padding: 20px;
    padding-left: 20px;

}
div#spalte-links div.subnavigation ul
{
    margin:0;
    padding:0;
}

div#spalte-links div.subnavigation ul li
{
    margin-bottom: 8px;
}
div#spalte-links div.subnavigation ul li.last
{
    margin-bottom: 0px;
}
div#spalte-links div.subnavigation ul li a:link,
div#spalte-links div.subnavigation ul li a:visited
{
    background-color:#FFF;
    font-size: 75%;
    display : block;
}
div#spalte-links div.subnavigation ul li.active a:link,
div#spalte-links div.subnavigation ul li.active a:visited,
div#spalte-links div.subnavigation ul li a:hover
{
    color: #F29400;
}

/*
    kontakt / Impressum
---------------------------------------------------------------------------- */
div#spalte-links div.links
{
    margin-left: 0px;
    margin-top: 20px;
}
div#spalte-links div.links a:link,
div#spalte-links div.links a:visited
{
    font-size: 75%  
}
div#spalte-links div.links a.active:link,
div#spalte-links div.links a.active:visited,
div#spalte-links div.links a:hover
{
    color: #F29400;
}

/**
    Remooz
----------------------------------------------------------------------------- */
.remooz-element { cursor: -moz-zoom-in; } .remooz-box { position: absolute; top: 0; left: 0; background: #fff no-repeat center; z-index: 100; }
.remooz-loading{ background-image: url(../img/remooz/spinner.gif); }
.remooz-body { width: 100%; height: 100%; }
.remooz-box-focus.remooz-type-image .remooz-body { cursor: -moz-zoom-out; cursor: url(../img/remooz/zoomout.cur),pointer; }
.remooz-box-dragging .remooz-body { cursor: move; }
/* Close button */ .remooz-btn-close { position: absolute; left: -15px; top: -15px; width: 30px; height: 30px; text-decoration: none; border: 0; background: url(../img/remooz/closebox.png) no-repeat center; visibility: hidden; cursor: pointer; }
.remooz-engine-trident4 .remooz-btn-close { background-image: url(../img/remooz/closebox.gif); }
/* Caption title */
.remooz-title { position: relative; left: 0; top: 15px; text-align: left; }
.remooz-title-bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; z-index: 99; -moz-border-radius: 5px; -webkit-border-radius: 5px; /* shadow opacity differs from box shadow because its default set to opacity 0.8 */ -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.9); }
.remooz-title-content{ position: relative; padding: 5px 15px; color: #fff; z-index: 101; font: 11px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;}
.remooz-engine-trident4 .remooz-title-bg{ display: none; }
.remooz-engine-trident4 .remooz-title-content{ background-color: #333; }
.remooz-title-content h6{ font-size: 1.2em; font-weight: bold; color: #eee; }
.remooz-title-content p{ color: #eee;}
.remooz-type-image img{ display: block; border:0; width:100%; height:100%; }
/* Shadow */
.remooz-bg{ position:absolute; width:33px; height:40px; }
.remooz-bg-n{ left:0; top:-40px; width: 100%; background: url(../img/remooz/remo_bg_n.png) repeat-x; }
.remooz-bg-ne{ right:-33px; top:-40px; background: url(../img/remooz/remo_bg_ne.png) no-repeat; }
.remooz-bg-e{ right:-33px; top:0; height: 100%; background: url(../img/remooz/remo_bg_e.png) repeat-y; }
.remooz-bg-se{ right:-33px; bottom: -40px; background: url(../img/remooz/remo_bg_se.png) no-repeat; }
.remooz-bg-s{ left:0; bottom:-40px; width: 100%; background: url(../img/remooz/remo_bg_s.png) repeat-x; }
.remooz-bg-sw{ left:-33px; bottom: -40px; background: url(../img/remooz/remo_bg_sw.png) no-repeat; }
.remooz-bg-w{ left:-33px; top:0; height: 100%; background: url(../img/remooz/remo_bg_w.png) repeat-y; }
.remooz-bg-nw{ left:-33px; top:-40px; background: url(../img/remooz/remo_bg_nw.png) no-repeat; }