/* CSS Document VIVIAN
*************************************************************
*                                                           *
*       Guido Muther                Copyright 2009          *
*       1A Pix                      Switzerland             *
*       Akazienweg 16                                       *
*       CH-6144 Zell                Ihr Partner für         *
*       info@1a-pix.ch              multimedia Projekte     *
*                                                           *
*       Website / Corporat Design / Videoproduktionen       *
*                                                           *
*************************************************************
*/

/* -------------------------------------------------------------------
++++++++++++++++++++++++ General rules  ++++++++++++++++++++++++++++++
--------------------------------------------------------------------*/

* {
	margin               : 0                                        ;
	padding              : 0                                        ;
	border               : none                                     ;
}
/*------------------------------------------------------------------*/
body {
    background-color      : #000000                                 ;
	text-align            : center                                  ;
	background-image      : url(../img/container/bg.jpg)            ;
	background-position   : center                                  ;
	background-repeat     : repeat-y                                ;

}
/*------------------------------------------------------------------*/

/* -------------------------------------------------------------------
+++++++++++++++++++++ Schriften / Links ++++++++++++++++++++++++++++++
--------------------------------------------------------------------*/

/* -------------------- Hauptschrift ------------------------------ */
body {
	font-family          : Verdana, Arial, Helvetica, sans-serif    ;
	font-size            : 12px                                     ;
	line-height          : 16px                                     ;
	color                : #000000                                  ;
}
/*------------------------------------------------------------------*/

/* --------------- Hauptlink Eigenschaften ------------------------ */
a {
	font-size            : 12px                                     ;
	font-weight          : bold                                     ;
	text-decoration      : none                                     ;
}
/*-----------------------*/
a:link {
	color                : #000000                                  ;
}
/*-----------------------*/
a:visited {
	color                : #000000                                  ;
}
/*-----------------------*/
a:hover {
	color                : #666666                                  ;
}
/*-----------------------*/
a:active {
	color                : #FF0000                                  ;
}
/*------------------------------------------------------------------*/

/* --------------- Weisslink Eigenschaften ------------------------ */
#rechtsweiss a {
	font-size            : 12px                                     ;
	font-weight          : bold                                     ;
	text-decoration      : none                                     ;
}
/*-----------------------*/
#rechtsweiss a:link {
	color                : #ffffff                                  ;
}
/*-----------------------*/
#rechtsweiss a:visited {
	color                : #ffffff                                  ;
}
/*-----------------------*/
#rechtsweiss a:hover {
	color                : #666666                                  ;
}
/*-----------------------*/
#rechtsweiss a:active {
	color                : #FF0000                                  ;
}
/*------------------------------------------------------------------*/

/* --------------- Sprachlink Eigenschaften ----------------------- */
#unavi a {
	font-size            : 9px                                      ;
	text-decoration      : none                                     ;
	font-weight          : normal                                   ;
}
/*-----------------------*/
#unavi a:link {
	color                : #333333                                  ;
}
/*-----------------------*/
#unavi a:visited {
	color                : #333333                                  ;
}
/*-----------------------*/
#unavi a:hover {
	color                : #ffffff                                  ;
}
/*-----------------------*/
#unavi a:active {
	color                : #FF0000                                  ;
}
/*------------------------------------------------------------------*/

/* --------------- Navi ink Eigenschaften ------------------------ */
#navi a {
	font-size            : 19px                                     ;
	font-weight          : bold                                     ;
	text-decoration      : none                                     ;
}
/*-----------------------*/
#navi a:link {
	color                : #ecdfb2                                  ;
}
/*-----------------------*/
#navi a:visited {
	color                : #ecdfb2                                  ;
}
/*-----------------------*/
#navi a:hover {
	color                : #000000                                  ;
}
/*-----------------------*/
#navi a:active {
	color                : #FF0000                                  ;
}
/*------------------------------------------------------------------*/

/* --------------- Linkslink Eigenschaften ------------------------ */
#left a {
	font-size            : 9px                                      ;
	font-weight          : bold                                     ;
	text-decoration      : none                                     ;
}
/*-----------------------*/
#left a:link {
	color                : #000000                                  ;
}
/*-----------------------*/
#left a:visited {
	color                : #000000                                  ;
}
/*-----------------------*/
#left a:hover {
	color                : #333333                                  ;
}
/*-----------------------*/
#left a:active {
	color                : #FF0000                                  ;
}
/*------------------------------------------------------------------*/

/* ----------------------- Überschriften -------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-weight          : bold                                     ;
	color                : #882222                                  ;
}
/*-----------------------*/
h1 {
    font-size            : 26px                                     ;
	line-height          : 34px                                     ;
}
/*-----------------------*/
h2 {
    font-size            : 22px                                     ;
	line-height          : 28px                                     ;
}
/*-----------------------*/
h3 {
    font-size            : 18px                                     ;
	line-height          : 23px                                     ;
}
/*-----------------------*/
h4 {
    font-size            : 16px                                     ;
	line-height          : 20px                                     ;
}
/*-----------------------*/
h5 {
    font-size            : 14px                                     ;
	line-height          : 18px                                     ;
}
/*-----------------------*/
h6 {
    font-size            : 12px                                     ;
	line-height          : 16px                                     ;
}
/*------------------------------------------------------------------*/

/* --------------------- Horizontale Linie ------------------------ */
hr {
  height                 : 1px                                      ;
  border                 : #473523 solid 1px                        ;
}
/*------------------------------------------------------------------*/


/* -------------------------------------------------------------------
++++++++++++++++++++++++++ Klassen +++++++++++++++++++++++++++++++++++
------------------------------------------------------------------- */

.leer  {
    margin               : -3px 0 -3px 0                            ;
}
/*-----------------------*/
.bild {
	float                : right                                    ;
	padding              : 10px 0 10px 20px                         ;
}
/*-----------------------*/
.bildlang {
	padding              : 3px 0 0 10px                             ;
    font-size            : 9px                                      ;
	line-height          : 14px                                     ;
}

/* ------------------------- Text --------------------------------- */
.fett {
	font-weight          : bold                                     ;
}
/*-----------------------*/
.red  {
    color                : #882222                                  ;
}
/*-----------------------*/
.redgross  {
    color                : #882222                                  ;
	font-size            : 18px                                     ;
}
/*-----------------------*/
.white  {
    color                : #ffffff                                  ;
}
/*-----------------------*/
.grau  {
    color                : #666666                                  ;
}
/*-----------------------*/
.mail  {
    color                : #000000                                  ;
	font-weight          : normal                                   ;
}
/*-----------------------*/
.orange  {
    color                : #cc3300                                  ;
	font-size            : 18px                                     ;
}
/*-----------------------*/
.orangeklein  {
    color                : #cc3300                                  ;
	font-size            : 9px                                      ;
}
/*-----------------------*/
.black  {
    color                : #000000                                  ;
}
/*-----------------------*/
.klein  {
    font-size            : 9px                                      ;
}
/*-----------------------*/
.kleinthin  {
    font-size            : 10px                                     ;
}
/*-----------------------*/

/* ------------------------ Border -------------------------------- */
.borderbottom {
	border-bottom        : solid #473523 1px                        ;
}
/*-----------------------*/
.borderbottomrechts {
	border-bottom        : solid #473523 1px                        ;
	text-align           : right                                    ;
}

/* --------------------- Ausrichtung ------------------------------ */
.textcenter {
    text-align           : center                                   ;
}
/*-----------------------*/
.textrechts {
    text-align           : right                                    ;
}
/*-----------------------*/
.oben {
    vertical-align       : top                                      ;
}
/*-----------------------*/
.unten {
    vertical-align       : bottom                                   ;
}
/*-----------------------*/
.abstand {
    padding              : 5px 0 5px 0                              ;
}

/* ------------------------ Formular ------------------------------ */
.form {
	color                : #ecdfb2                                  ;
	background-color     : #473523                                  ;
	font-size            : 11px                                     ;
	border               : solid 1px #000000                        ;
}

/* ------------------------ Background ---------------------------- */
.backgroundbraun {
	background-color     : #473523                                  ;
}
/*-----------------------*/
.button {
	background-color     : #473523                                  ;
	border               : dotted #000000 1px                       ;
	text-align           : center                                   ;
}


/* -------------------------------------------------------------------
 ++++++++++++++++++++++++++++++   Layers   +++++++++++++++++++++++++++
 -------------------------------------------------------------------*/

/* ---------------------------- Haupt Layer ----------------------- */
#container {
	width                 : 860px                                   ;
	margin                : 0 auto                                  ;
	padding               : 0                                       ;
	height                : inherit                                 ;
	z-index               : 1                                       ;
	text-align            : left                                    ;
}
/*-----------------------*/
#top {
    position              : relative                                ;
	float                 : left                                    ;
	width                 : 860px                                   ;
	height                : 300px                                   ;
	padding               : 0                                       ;
	margin                : 0                                       ;
	background-image      : url(../img/container/header_01.jpg)     ;
	z-index               : 2                                       ;
	display               : inline                                  ;
}
/*-----------------------*/
#navi {
    position              : relative                                ;
	float                 : left                                    ;
	width                 : 860px                                   ;
	height                : 27px                                    ;
	padding               : 8px 0 0 0                               ;
	margin                : 0                                       ;
	background-image      : url(../img/container/navi_bg.jpg)       ;
	text-align            : center                                  ;
	z-index               : 2                                       ;
	display               : inline                                  ;
}
/*-----------------------*/
#unavi {
    position              : relative                                ;
	float                 : left                                    ;
	width                 : 850px                                   ;
	height                : 35px                                    ;
	padding               : 0 0 0 10px                              ;
	margin                : 0                                       ;
	z-index               : 2                                       ;
	display               : inline                                  ;
	color                 : #333333                                 ;
	background-image      : url(../img/language/bg.gif)             ;
	background-position   : left                                    ;
	background-repeat     : no-repeat                               ;
}
/*-----------------------*/
#content {
    position              : relative                                ;
	float                 : left                                    ;
	width                 : 860px                                   ;
	height                : inherit                                 ;
	padding               : 0                                       ;
	margin                : 0                                       ;
	background-image      : url(../img/container/linie_left.gif)    ;
	background-repeat     : repeat-y                                ;
	text-align            : center                                  ;
	z-index               : 2                                       ;
	display               : inline                                  ;
}
/*-----------------------*/
#left {
    position              : relative                                ;
	float                 : left                                    ;
	width                 : 155px                                   ;
	height                : inherit                                 ;
	padding-left          : 25px                                    ;
	text-align            : left                                    ;
	margin                : 0                                       ;
	font-size             : 9px                                     ;
	z-index               : 3                                       ;
	display               : inline                                  ;
}
/*-----------------------*/
#rechts {
    position              : relative                                ;
	float                 : right                                   ;
	width                 : 630px                                   ;
	height                : inherit                                 ;
	padding-right         : 20px                                    ;
	margin                : 0                                       ;
	z-index               : 3                                       ;
	text-align            : left                                    ;
	display               : inline                                  ;
}
/*-----------------------*/
#rechtsweiss {
    position              : relative                                ;
	float                 : right                                   ;
	width                 : 630px                                   ;
	height                : inherit                                 ;
	padding-right         : 20px                                    ;
	margin                : 0                                       ;
	z-index               : 3                                       ;
	text-align            : left                                    ;
	display               : inline                                  ;
}
/*-----------------------*/
#fuss {
    position              : relative                                ;
	float                 : left                                    ;
	width                 : 860px                                   ;
	height                : 45px                                    ;
	margin                : 10px 0 0 0                              ;
	z-index               : 3                                       ;
	background-color      : #473523                                 ;
	display               : inline                                  ;
}


/* CSS Document Auto Birrer
*************************************************************
*                                                           *
*       Guido Muther                Copyright 2008          *
*       1A Pix                      Switzerland             *
*       Akazienweg 16                                       *
*       CH-6144 Zell                Ihr Partner für         *
*       info@1a-pix.ch              multimedia Projekte     *
*                                                           *
*       Website / Corporat Design / Videoproduktionen       *
*                                                           *
*************************************************************
*/