/******************************************************************************/
/*                                  Inhalte.ch                                */
/******************************************************************************/


/*  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;
	background-color : #fff;
	color : #000;
    }

body {
	line-height: 1;
	color: #000;
	background: #fff;
    }

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


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



/* General */

a:link  {
    color : #c33;
    text-decoration : underline;
    }
        
a:visited   {
    color : #666;
    text-decoration : underline;   
    }

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


span.smaller    {
    font-size : smaller;
    }



/* Site */

html {
 	height : 100%;
	}


body	{
    height : 100%;
    width : 100%;
    font-family : arial, helvetica, sans-serif;
    font-size : 14px;
    line-height : 19px;
  	}

table.site {
    height : 100%;
    margin : 0 auto;
    padding : 0;
    border-width : 0 1px;
    border-color : #e3e3e3;
    border-style : solid;
    }

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

/******************************************************************** Content */


div.content_bg,div.content_bg_meierhans,div.content_bg_bardola,div.content_bg_schneider {
    margin : 0;
    padding : 0;
    float : left;
    width : 700px;
    font-size : 14px;
    line-height : 19px;
    font-family : arial, helvetica, sans-serif;
    font-weight : normal;
    background-color : #f2f2f2;

    min-height : 100%;
    height : auto !important;
    height : 100%;
    margin : 0;
 
    background-position : bottom left;
    background-repeat : no-repeat; 
    }

div.content_bg {
    background-image : url(heads.png);
}

div.content_bg_meierhans {
    background-image : url(heads_meierhans.png);
}

div.content_bg_bardola {
    background-image : url(heads_bardola.png);
}

div.content_bg_schneider {
    background-image : url(heads_schneider.png);
}
    
/*** Emotive ***/

p.emotive   {
    margin : 20px;
    }


/*** Content ***/


div.content,
div.content_text	{
    margin : 20px 40px 150px 60px;
    }

div.content_text	{
	margin-top : 192px;
	}

h1, h2, h3  {
    margin-bottom : 15px;
    }

    
h1  {
    font-size : 18px;
    line-height : 20px;
    font-weight : bold;
    margin-bottom : 15px;
    } 

h2  {
    font-size : 14px;
    line-height : 19px;
    font-weight : bold;
    }

h3  {
    font-size : 14px;
    line-height : 19px;
    font-weight : bold;
    margin: 30px 0 5px 0;
    text-indent : 0;
    }



div.content p,
div.content_text p	{
    margin-bottom : 10px;
    }




/* Quote */

h5  {
    font-weight : bold;
    font-size : 12px;
    line-height : 16px;
    }

div.content p.quote,
div.content_text p.quote	{
    font-style : italic;
    font-size : 12px;
    line-height : 16px;
    text-indent : 0;
    }





/*** NEWS ***/

div.news    {
    margin: 0 180px 15px 0;
    }

div.news p.date {
    margin : 0;
    padding : 0;
    font-size : 12px;    
    }

div.news p.media {
    margin : 0;
    padding : 0;
    font-weight : bold;
    }


div.news p.lead  {
    margin : 0;
    padding : 0;
    font-size : 15px;
    }

div.news p.author    {
    margin : 0;
    padding : 0;
    font-size : 12px;
    }





/********************************************************* Navigation General */

div.navigation  {
    float : left;
    width : 215px;
    margin : 20px 0 170px 0;
    font-size : 14px;
    }

/**************************************************************** Navigation */

div.navigation p.logo   {
    margin : 0 0 60px 20px;
    }


div.navigation p {
	margin: 0;
	padding : 0;
	font-weight : bold;
	}

div.navigation p,
div.navigation p a {
	color: #666;
	text-decoration: none;
	}

div.navigation p.level_one_empty,
div.navigation p.level_one a,
div.navigation p.level_one_selected a,
div.navigation p.level_one_shown,
div.navigation p.level_two a,
div.navigation p.level_two_selected a,
div.navigation p.level_two_shown,
div.navigation p.level_three a,
div.navigation p.level_three_selected a,
div.navigation p.level_three_shown,
div.navigation p.level_four a,
div.navigation p.level_four_selected a,
div.navigation p.level_four_shown {
	display: block;
	text-decoration : none;
    padding : 3px 0;
	}

div.navigation p.level_one_empty,
div.navigation p.level_one_selected a,
div.navigation p.level_two_selected a,
div.navigation p.level_three_selected a,
div.navigation p.level_four_selected a,
div.navigation p.level_one_shown,
div.navigation p.level_two_shown,
div.navigation p.level_three_shown,
div.navigation p.level_four_shown {
	color: #c33;
	font-weight: bold;
    }

div.navigation p.level_one_empty,
div.navigation p.level_one_selected a  {
    font-weight : bold;
    }

div.navigation p.level_one_empty,
div.navigation p.level_one a,
div.navigation p.level_one_selected a,
div.navigation p.level_one_shown {
	width: 180px;
	padding-left : 20px;
    }

/* Level 2 */

div.navigation p.level_two a,
div.navigation p.level_two_selected a,
div.navigation p.level_two_shown {
	width: 170px;
	padding-left : 30px;
	color : #000;
	font-weight : normal;
    }


/* Level 3 */

div.navigation p.level_three a,
div.navigation p.level_three_selected a,
div.navigation p.level_three_shown {
	width: 140px;
	padding-left : 50px;
	color : #000;
	font-weight : normal;
    }


/* Selected */

div.navigation p.level_one_selected a,
div.navigation p.level_two_selected a,
div.navigation p.level_three_selected a {
    font-weight : bold;
    color : #000;
    }



/* Hover */

div.navigation p.level_one a:hover,
div.navigation p.level_two a:hover,
div.navigation p.level_three a:hover {
	text-decoration: none;
	background-color : #f2f2f2;
	color : #666;
	}


/* Hover Selected */

div.navigation p.level_one_selected a:hover,
div.navigation p.level_two_selected a:hover,
div.navigation p.level_three_selected a:hover   {
	background-color : #f2f2f2;
	color : #666;
    }





/* Shown */
div.navigation p.level_one_shown,
div.navigation p.level_two_shown,
div.navigation p.level_three_shown,
div.navigation p.level_four_shown  {
    background-color : #fff;
    color : #c33;
    font-weight : bold;

    }


/******************************************************************** Service */

table.service {
    float : left;
    }

div.service_box {
    float : left;
    width : 170px;
    padding : 5px;
    background-color #fff;
    font-size : 12px;
    line-height : 15px;
    margin-right : 15px;
    }


/* Download */

div.service_box h3    {
    margin : 0;
    padding : 5px 0 5px 6px;
    background-color : #ccc;
    font-size : 12px;
    line-height : 18px;
    font-weight : bold;
    }
    
div.service_box p   {
    padding : 5px;
    background-color : #fff;
    }    

div.content ul.download {
    list-style : disc
    margin : 0 0 15px 0;
    padding : 5px 0  5px 20px; /* left 55px */
    color : #000;
    background-color : #fff;
    }

div.content ul.download li {
    padding : 0 0;
    }

/******************************************************************** BB-List */

/* Lists */

div.content ul,
div.content ul.bb-list-unordered,
div.content_text ul,
div.content_text ul.bb-list-unordered {
    list-style : disc;
    padding-left : 0px; /* 38px */
    }

div.content ul li,
div.content ul.bb-list-unordered li.bb-listitem,
div.content_text ul li,
div.content_text ul.bb-list-unordered li.bb-listitem	{
    padding : 2px 0;
    font-style : normal;
    }


ul.bb-list-unordered    {
    margin : 10px 0 0 18px;
    padding : 0;
    list-style : disc;
    }


ul.bb-list-unordered li.bb-listitem    {
    margin : 0 0 0 0;
    padding : 0 0 5px 0;
    list-style : disc;
    }


/* Ordered List */

ol.bb-list-ordered-d    {
    margin : 15px 0 0 5px;
    padding : 0;
    }


ol.bb-list-ordered-d li.bb-listitem{
    margin : 0 0 0 18px;
    padding : 0 0 5px 0;
    }



/*************************************************************** Contactform */


table.contactform  {
    margin : 0;
    padding : 0;
    width : 480px;
    }

table.contactform td.col1{
    padding : 4px 0;
    text-align : left;
    vertical-align : center;
    width : 150px;
    }

table.contactform td.col2  {
    padding : 4px 0;
    text-align : left;
    vertical-align : top;
    }


table.contactform td.col2 input.contact,
table.contactform td.col2 textarea.contact,
table.contactform td.col2 input.contact_error	{
	padding : 3px;
	font: bold 12px/22px arial, helvetica, sans-serif;
	line-height: 22px;
	border : 1px solid #000;
	}


table.contactform td.col2 input.contact,
table.contactform td.col2 input.contact_error	{
	width: 274px;
	}

table.contactform td.col2 input.contact_error   {
    background-color : #FFCCCC;
    }

table.contactform td.col2 textarea.contact {
	margin : 0 0 5px 0;
	height : 105px;
	width: 274px;
	font: normal 12px/22px verdana, sans-serif;
	}

table.contactform td.col2 input.empfang	{
	width : 274px;
	}


table.contactform .small	{
	font-size : 10px;
	}


td.button	{
	text-align : right;
	}

td.col2 input.errormsg  {
    background-color : red;
    margin : 20px 0 -10px 0;
    padding : 0 0 0 135px;
    }

      
    
/********************************************************************* Address */


div.address  {
    position : relative;
    margin : 0 auto;
    margin-top : -100px;
    padding : 0;
    width : 920px;
    }
    
    
div.address p    {
    color : #000;
    font-size : 12px;
    line-height : 16px;
    margin : 0 0 0 720px;
    padding : 0 0 3px 0;
    width : 180px;
    }    
    
div.address p a:link,
div.address p a:visited    {
    color : #c33;
    }    
    
div.address p a:hover  {
    color : #000;
    text-decoration : none;
    }
    
    
div.signatur  {
    position : relative;
    margin : 0 auto;
    margin-top : -15px;
    padding : 0 10px 0 0;
    width : 910px;
    text-align : right;
    }