/******************************************************************************/
/*                                  Baerg Marti                               */
/******************************************************************************/


/*  Reset CSS -> Thanks to Eric A. Meyer */

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 {
	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;
    font-size : 12px;
    }

ol, ul {
	list-style: none;
    }

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: "" "";
    }



/******************************************************************************/
/********************************************************************* Hidden */
/******************************************************************************/

.hidden,
div.hidden  {
    display: none;
    visibility: hidden;
    }


/******************************************************************************/
/********************************************************************** Start */
/******************************************************************************/



/* General */

a:link  {
    color : #fc9;
    text-decoration : underline;
    }
        
a:visited   {
    color : #fff;
    text-decoration : underline;   
    }

a:hover {
    color : #fff;
    text-decoration : none;
    }


span.smaller,
.smaller {
    font-size : smaller;
    }

strong  {
    text-transform : uppercase;
    font-weight : normal;
    }


/* Site Wrapper */

html {
 	height : 100%;
	}


body,
body.start  {
	color: #000;
	background-color : #fc9;
	height : 100%;
    width : 100%;
    font-family : georgia, palatino, serif;
    line-height : 18px;
	}

body.start  {
    background-color : #4e4646;
    color : #fff;
    }


table.site  {
    width : 100%;
    height : 100%;
    }

table.site td.site   {
    width : 100%;
    height : 100%;
    padding-bottom : 40px;
    vertical-align : middle; /*** middle */
    }

div.site,
body.start div.site  {
    width : 852px;
    height : 630px; /* Diese Höhe anpassen wenn 4.Level */
    margin : 0 auto;
    background-color : #4e4646;
    position : relative;
    }
    
body.start div.site  {
    height : auto;
    }


/* Introgifs */

body.start p.introtext  {
    margin-bottom : 6px;
    }

/* Head */

div.head    {
    background-color : #fc9;
    width : 100%;
    height : 180px; /* Diese Höhe anpassen wenn 4.Level */
    display : block;
    overflow : hidden;
    }

/* Logo */

div.logo  {
    width : 100%;
    height : 100px;
    }

div.logo p    {
    text-align : center;
    }
    
    
/******************************************************************************/
/***************************************************************** Navigation */
/******************************************************************************/     

div.navigation_wrapper  {
    width : 100%;
    text-align : center;
    }

div.level_wrapper {
    clear : both;
    float : left;
    width : 100%; 
    overflow : hidden;
    }

ul.navigation,
ul.inpage_navigation    {
    float : left;
    list-style-type : none;
    padding : 0; 
    font-family : georgia, palatino, serif;
    font-size : 12px;
    line-height : 12px;
    text-transform : normal;
    letter-spacing : 0.5px;
    }
  
ul.navigation   {
    position : relative; 
    left : 50%;
    margin : 0 auto; 
    font-family : georgia, palatino, serif;
    }
  
  
ul.navigation li,
ul.inpage_navigation li {
    float : left;
    padding : 2px 10px 0 10px;
    font-weight : bold;
    color : #000;
    }


ul.navigation li    {
    position : relative;
    right : 50%;
    padding-bottom : 4px;
    }



/* Next Page Navigation */
  
div.next_page_wrapper    {
    position : relative;
    top : 0;
    margin : 0 auto; 
    width : 75%; /*** 90% */
    }

div.next_page_wrapper ul.next_page_navigation li    {
    float : left;
    }

ul.next_page_navigation {
    position : absolute; 
    right : 0;
    text-align : right;
    }  

ul.next_page_navigation li {
    padding : 2px 0 0 24px;
    }
 
ul.navigation a,
ul.inpage_navigation a,
ul.next_page_navigation a   {
  width : auto;
  display : block;
  color : #8c8282;
  font-weight : normal;
  text-decoration:none;
  }

ul.inpage_navigation a:link,
ul.next_page_navigation a:link,
ul.inpage_navigation a:visited,
ul.next_page_navigation a:visited  {
    color : #fc9;
    }

  
ul.inpage_navigation li:first-child {
  padding-left : 0;
  }
  
ul.navigation a:hover,
ul.inpage_navigation a:hover   {
  color : #fff; 
  }
  

/* Selected */

ul.footer li.selected a:link,
ul.footer li.selected a:visited {
    color : #000;
    }

ul.navigation li.selected a:link,
ul.navigation li.selected a:visited {
    color : #000;
    }

ul.inpage_navigation li.selected a:link,
ul.inpage_navigation li.selected a:visited  {
    color : #fff;
    }


/* Hover */

ul.inpage_navigation a:hover,
ul.next_page_navigation a:hover {
    color : #fc9;
    }  
  
  

  
/******************************************************************************/
/******************************************************************** Content */
/******************************************************************************/  
  
div.content_wrapper {
    clear : both;
    color : #fc9;   
    }
 
div.content,
body.start div.content,
table.description,
div.description {
    width : 80%; /*** 90% */
    margin : 35px auto 0 auto;
    letter-spacing : 0.25px;
    }

body.start div.content  {
    text-align : center;
    margin : 0 auto;
    height : auto;
    }

div.content {
    height : 345px;
    }

table.description,
div.description {
    width : 80%;
    color : #fff;
    font-size : 13px;
    line-height : 18px;
    margin-top : 23px;
    }

table.description   {
    margin-top : 0;
    height : 117px;
    width : 85%; /*** 85%; */
    }   

table.description td    {
    margin-top : 0;
    padding : 3px 0 0 10px;
    height : 100%;
    vertical-align : middle;
    }
 
 
table.description td strong {
    font-weight : bold;
    text-transform : none;
    }
 
div.wrapper,
div.news_wrapper    {
    clear : both;
    }
    
div.wrapper    {
    margin-top : 60px;
    }    

div.content div.cols,
div.content div.cols2   {
    float : left;
    width : 32%;
    margin-bottom : 50px;
    }   


div.content div.cols2   {
    width : 49%;
    }    
    
div.cols2 h2    {
    font-weight : normal;
    }   
    
div.content div.cols2 p {
    margin-bottom : 20px;
    }
    
    
/* Horizontal Rule */    
hr  {
    clear : both;
    color : #8b8787;
    background-color : #8b8787;
    height : 1px;
    width : 100%;
    border : none;
    }
  
  
/* Title */

h1, h2, h3  {
    font-size : 12px;
    font-weight : bold;
    font-style : italic;
    font-family : helvetica, arial, sans-serif;
    text-transform : uppercase;
    letter-spacing : 0.5px;
    color : #fc9;
    }


body.start h1   {
    font-family : georgia, palatino, serif;
    font-weight : normal;
    font-size : 16px;
    line-height : 22px;
    font-style : normal;
    text-transform : none;
    color : #fff;
    margin-top : 30px;
    }

h2, h3  {
    font-family : georgia, palatino, serif;
    font-style : normal;
    }
    
    
/*** Image Gallery  ***/

div.gallery_wrapper {
    float : left;
    width : 172px;
    padding : 40px 40px 20px 40px;
    }   

div.img_gallery {
    float : left;
    width : 600px;
    margin : 0;
    padding : 0;
    }

div.img_gallery img {
    margin : 0;
    border : 0;
    padding : 0;
    }


table.img_legend    {
    width : 100%;
    height : 390px;
    color : #fff;
    }


table.img_legend td.title   {
    vertical-align : bottom; /* bottom */
    text-align : left;
    text-transform : normal; /* uppercase */
    height : 215px;
    padding : 0;
    margin : 0;
    }
    
    
h3  {
    color : #fc9;
    font-weight : normal;
    margin-bottom : 12px;
    }
    
table.img_legend td.title p   {
    color : #fff;
    }
    
table.img_legend td.navigation  {
    height : 175px;
    width : 100%;
    vertical-align : bottom;
    padding : 0;
    margin : 0;
    }



ul.next_img_navigation   {
    list-style-type : none;
    padding : 0; 
    font-size : 12px;
    line-height : 12px;
    text-transform : uppercase;
    letter-spacing : 0.5px;
    }
ul.next_img_navigation li    {
    float : left;
    padding : 2px 12px 0 0;
    color : #fc9;
    }

ul.next_img_navigation a:link,
ul.next_img_navigation a:visited    {
  width : auto;
  display : block;
  color : #fff;
  font-weight : normal;
  text-decoration:none;
  }


p.content_nav   {
    clear : both;
    }

p.content_nav a:link,
p.content_nav a:visited {
    color : #fff;
    text-decoration : none;
    padding-right : 5px;
    }
  
  
table.img_legend a:hover,
p.content_nav a:hover   {
    color : #fc9;
    }
    
    
/*** Text Only  ***/
    
div.text_only   {
    width : 75%;
    margin : 75px auto;
    color : #fff;
    letter-spacing : 0.25px;
    }
  

div.text_only h1 {
    font-family : georgia, palatino, serif;
    text-transform : uppercase;
    font-style : normal;
    margin-bottom : 19px;
    font-weight : normal;
    }
  

div.download    {
    margin-top : 19px;
    }

div.download h3 {
    color : #fff;
    }   
    
div.download a:link,
div.download a:visited  {
    color : #fc9;
    }
    
/*** News  ***/

div.news h3   {
    font-family : helvetica, arial, sans-serif;
    color : #fff;
    }
    
div.news     {
    margin-bottom : 30px;
    }
  
  
/*** Philosophy  ***/

div.emotive,
div.emotive_full    {
    width : 852px;
    height : 450px;
    }
  
div.emotive {
    height : 325px;
    }
  
div.description_legend  {
    position : absolute;
    top : 520px;
    left : 650px;
    width : 180px;
    height : auto;
    vertical-align : bottom;
    color : #fff;
    }
  
/******************************************************************************/
/********************************************************************* Footer */
/******************************************************************************/  

div.footer_wrapper  {
    clear : both;
    width : 852px;
    margin : 15px auto 0 auto;
    }

div.footer_wrapper div.footer {
    clear : both;
    float : left;
    width : 100%; 
    overflow : hidden;
    }

ul.footer   {
    float : left;
    list-style-type : none;
    padding : 0; 
    font-family : helvetica, arial, sans-serif;
    font-size : 10px;
    line-height : 10px;
    text-transform : uppercase;
    letter-spacing : 0.5px;

    position : relative;
    left : 50%;
    margin : 0 auto; 
    }
    
ul.footer li    {
    float : left;
    position : relative;
    right : 50%;
    }
    
ul.footer li a {
    width : auto;
    display : block;
    padding : 2px 12px 0px 12px;
    color : #8c8282; 
    text-decoration: none;
    }
    
ul.footer li a:hover {
    color : #fff; 
    }    
    
    
/* Language */    
      
div.language    {
    position : relative;
    margin : 0; 
    font-family : helvetica, arial, sans-serif;
    font-size : 10px;
    line-height : 10px;
    text-transform : uppercase;
    letter-spacing : 0.5px;
    }

body.start div.language {
    clear : both;
    float : left;
    width : 100%; 
    overflow : hidden;
    margin-top : 40px;
    }

div.language ul.language li    {
    float : left;
    padding : 2px 0 0px 12px;
    font-weight : normal;
    }

ul.language {
    position : absolute; 
    right : 0;
    z-index : 200;
    text-align : right;
    } 

body.start  ul.language  {
    position : relative;
    width : 100%;
    left : 39%;
    margin : 0 auto; 
    text-align : center;
    font-size : 13px;
    }

ul.language a:link,
ul.language a:visited   {
    width : auto;
    display : block;
    color : #8c8282; 
    text-decoration:none;
    font-weight : normal;
    }

body.start ul.language a:link,
body.start ul.language a:visited    {
    color : #fc9;
    }

ul.language a:hover,
body.start ul.language a:hover  {
    color : #fff;
    }