/*************************************************************************/
/*                          Rotbachpark Lachen                           */
/*************************************************************************/


html {
	 padding : 0;
 	 margin : 0;
 	 height : 101%;
	}

body	{
	margin: 0;
	padding: 0;
	font : normal 12px/17px arial, helvetica, sans-serif;
	background-color: #fff;
	color: #000;
	text-align: center;
	height : 80%;
	}



/*  General pagelayout */



table.site {
    height : 100%;
	width : 962px;
	margin : 0 auto;
	padding : 0;
	text-align : left;
	background-color : #fff;
	border : 1px solid #000;
	}

table.siteborder   {
    width : 922px;
    height : 100%;
    margin : 0;
    padding : 0;
    }

td.header  {
    margin : 0;
    padding : 0;
    background-image : url(../includes/header_bg.gif);
    background-position : top left;
    background-repeat : repeat-x;
    width : 920px;
    height : 140px;
    vertical-align : top;
    text-align : left;
	}

td.header div.header_animation { /** Added by spinner **/
	margin: 0;
	padding: 0px;
	padding-top: 3px;
}

div.title   {
    position : absolute;
    top : 21px;
    z-index : 200;
    }


img 	{
	border : 0;
	}  


img.logo   {
    margin : 12px 0 0 5px;
    }



/**************************************************************** Hyperlinks */

a:link	{
	color : #525C39;
	text-decoration : underline;
	}
	
a:visited	{
	color : #666;
	text-decoration : underline;
	}
	
a:hover	{
	color : #000;
	text-decoration : none;
	}


	
/*********************************************************** Main Navigation */

td.navigation  {
    position : relative;
    height : 100%;
    margin : 0 0 0 0;
    padding : 1px 0 0 0;
    width : 195px;
    background-color : transparent;
    text-align : left;
    vertical-align : top;
    border : 1px solid #000;
    border-width : 0 0 5px 0;
    
    }
    
td.navigation p   {
    padding : 2px 4px 3px 5px;
    background-color : #999;
    color : #000;
    font-weight : bold;
    }


/* General definitions */

td.navigation p.level_one,
td.navigation p.level_one_selected,
td.navigation p.level_one_shown   {
    background-color : #E8EACE;
    color : #000;
    margin : -1px 0 0 0;
    padding : 0;
    font : normal 12px/12px arial, helvetica, sans-serif;
    border : 1px solid #000;
    border-width : 1px 0;
    }
    
    
/* Level 1 */

td.navigation p.level_one_shown,
td.navigation p.level_one a:link,
td.navigation p.level_one a:visited,
td.navigation p.level_one_selected a:link,
td.navigation p.level_one_selected a:visited   {
    display : block;
    /* general bg-color level one */
    background-color : #E8EACE;
    /* general color level one */
    color : #000;
    padding : 4px 4px 4px 5px;
    text-decoration : none;
    font : normal 12px/12px arial, helvetica, sans-serif;
    text-align : left;
    }

td.navigation p.level_one_selected a:link,
td.navigation p.level_one_selected a:visited   {
    background-color : #A3BD40;
    color : #fff;
    }
    
td.navigation p.level_one_shown    {
    background-color : #6E8337;
    color : #fff;
    font-weight : bold;
    }

td.navigation p.level_one a:hover,
td.navigation p.level_one_selected a:hover   {
    background-color : #fff;
    color : #000;
    }



/* Level 2 */

td.navigation p.level_two,
td.navigation p.level_two_selected,
td.navigation p.level_two_shown    {
    margin : 0 0 1px 0;
    padding : 2px 0 3px 5px;
    background-color : #FBFAEE;
    color : #000;
    text-decoration : none;
    font : normal 11px/11px arial, helvetica, sans-serif;
    text-align : left;
    }


td.navigation p.level_two a:link,
td.navigation p.level_two a:visited    {
    display : block;
    background-color : #FBFAEE;
    color : #000;
    padding : 0;
    text-decoration : none;
    font : normal 11px/11px arial, helvetica, sans-serif;
    }

td.navigation p.level_two_shown,
td.navigation p.level_two_selected a:link,
td.navigation p.level_two_selected a:visited {
    background-color : #6E8337;
    color : #fff;
    text-decoration : none;
    font-weight : bold;
    }

td.navigation p.level_two a:hover  {
    display : block;
    background-color : #E8EACE;
    color : #000;
    }
	
	
/* Emotive Column */
		
div.emotive_images	{
	float : left;
	width : 335px;
	margin : 0 20px 0 0;
	}
	


/******************************************************************** Content */
	
td.content,
td.content_noservice    {
	margin : 0;
	padding : 25px 20px 20px 20px;
	font : normal 14px/18px arial, helvetica, sans-serif;
	vertical-align : top;
	background-color : #A3BD40;
	color : #fff;
	border : 1px solid #000;
    border-width : 1px 0 5px 1px;
	}

td.content  {
    width : 442px;
    }


/* Grundrisse */

td.content_noservice  {
    width : 692px;
    background-color : #fff;    
    }

td.content_noservice h1,
td.content_noservice  p {
    background-color : transparent;
    color : #000;
    }

td.content_noservice td.mouseover,
td.content_noservice td.grundrisse {
    color : #000; 
	cursor: pointer;
    text-align : left;
    vertical-align : top;
    padding : 0px 20px 10px 5px;
    border : 1px solid #085170;
    border-width : 0 0 1px 0;
    }

td.content_noservice td.grundrisse    {
    vertical-align : middle;
    text-align : right;
    }


/* Content */

h1, h2	{
    margin : 0;
	font : bold 22px/26px arial, helvetica, sans-serif;
	color : #fff;
	text-transform : uppercase;
	}
	
h2 {
	margin : 10px 0 0 0;
	padding : 0;
	}
	
h3	{
	font : bold 12px/16px arial, helvetica, sans-serif;
	margin : 0;
	padding : 8px 0 0 0;
	}


div.content a:link,
div.content a:visited	{
	text-decoration : underline;
	}

div.content a:hover	{
	text-decoration : none;
	color : #333;
	}
	
	
p.back  {
    margin : 50px 0 0 0;
    padding : 0;
    }


/* Downloads */

td.content h4.download_title    {
    margin : 0;
    padding : 5px 0 0 0;
    }

td.content ul.service_download {
    list-style-type : square;
    margin : 0 0 0 15px;
    padding : 3px; 0 0 15px;
    }


/* Spacer */

td.spacer   {
    width : 5px;
    border : 1px solid #000;
    border-width : 1px 0 5px 0;
    background-color : #A3BD40;
	color : #fff;
    }


td.content p img   {
    margin : 0;
    padding : 0;
    }


/****************************************************************** Services */
	
td.service	{
	width : 240px;
	margin : 0 0 0 5px;
	padding : 0;
	font : normal 12px/16px arial, helvetica, sans-serif;
	vertical-align : top;
	border-style : solid;
    border-width : 0 0 5px 1px;
    border-bottom-color : #000;
    border-left-color : #000;
    background-color : #A3BD40;
	color : #000;
    }


div.address {
    margin : 0;
    padding : 20px;
    width : 200px;
    border-style : solid;
    border-width : 1px 0;
    border-top-color : #000;
    border-bottom-color : #000;
    }
	
/* Preview */

table.preview   {
    margin : 0;
    padding : 0;
    width : 100%;
    }
	
td.legend   {
    padding : 3px 0 2px 2px;
    background-color : #6E8337;
    color : #fff;
    border : 1px solid #085170;
    border-width : 1px 0 1px 0;
    }
    
td.previous,
td.next {
    padding : 2px;
    width : 30px;
    text-align : center;
    background-color : #A3BD40;
    color : #000;
    border : 1px solid #000;
    border-width : 0 0 1px 0;
    }

td.preview_img  {
    border : 1px solid #6E8337;
    border-width : 0 0 1px 0;
    }
    
td.image_no {
    padding : 2px;
    text-align : center;
    background-color : #A3BD40;
    color : #000;
    border : 1px solid #000;
    border-width : 0 0 1px 0;
    }
    
    
    
/****************************************************************** Overviev */

table.overview  {
    width : 100%;
    }

td.left {
    text-align : left;
    vertical-align : top;
    padding : 0 20px 10px 0;
    border : 1px solid #085170;
    border-width : 0 0 1px 0;
    }

td.left27 {
    text-align : left;
    vertical-align : top;
    padding : 0 20px 10px 0;
    border : 0;
    }

td.right    {
    text-align : right;
    vertical-align : top;
    padding : 10px 0 10px 0;
    border : 1px solid #085170;
    border-width : 0 0 1px 0;
    }

table.overview  img {
    border : 1px solid #085170;
    }




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


table.contactforms  {
    margin : 0;
    padding : 0;
    width : 442px;
    }

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

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

	
input.contact, textarea.contact	{
	padding : 3px;
	font: bold 12px/22px arial, helvetica, sans-serif;
	line-height: 22px;
	}	


input.contact	{
	width: 240px;
	}

textarea.contact {
	margin : 0 0 5px 0;
	height : 105px;
	width: 240px;
	font: normal 12px/22px verdana, sans-serif;
	}		
	
input.empfang	{
	width : 240px;
	}
	

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


td.button	{
	text-align : right;
	}	

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


/*************************************************************** Signatur */

div.signatur {
    background-color : transparent;
    color : #fff;
    text-align : right;
    margin-top : 0;
    margin-left : 50%;
    width : 500px;
    }