/*
	mariafederer.ch - stylesheet 
	coded by: felipe gonzales / gonzales.ch
	
	last edited: october 1, 2009
		
*/

* { padding: 0; margin: 0; border: 0; } 

body {
	font-family: Lucida Grande,Calibri,HelveticaNeue,Helvetica,Arial,sans-serif;
        font-size: 100%;
	color: #555555;
	text-align: center;
	line-height: 1.6;
	margin-top: 0px;
	margin-left: 0px;
	background: #F7EFCE;
	}

/* interface
-------------------------------------------------------- */
#wrapper {
	position: relative;
	width: 800px;
	margin: 0 auto;
	text-align: left
	}

	#header, #content, #content-home, #clear, #footer {
		position: relative;
		width: 100%;
		}
		
	#header {
		height: 180px;
		background: url("/fileadmin/img/header-background.gif") #FFFBF7 left top no-repeat;
		float: left;
		}
		
	#content {
		 display: inline;
		 float: left;
		 clear: left;
		 background: #FFFBF7;
		 }

	* html #content {
		 display: inline;
		 float: none;
		 clear: left;
		 }

	#content-home {
		 display: inline;
		 float: left;
		 clear: left;
		 background: #FFFBF7;
		 }

	* html #content-home {
		 display: inline;
		 float: none;
		 clear: left;
		 }

	#clear {
	       height: 50px;
	       width: 800px;
	       background: url("/fileadmin/img/clear-footer.gif") left top no-repeat;
	       float: left;
	       }		

	#footer {
		height: 100px;
		margin: 0 auto;
		background: #F7EFCE;
		float: left;
		border-top: 0 ! important;
		}


/* header
-------------------------------------------------------- */

#replacelogo    {
		position: absolute;
		top: 37px; left: 170px;
		width: 160px; height: 46px;
		background: url("/fileadmin/img/logo.gif") #FFFBF7 no-repeat;
		}

		#replacelogo h1, #replacelogo a   {
						  display: block;
						  width: 160px; height: 46px;
						  text-indent: -9999px;
						  background: none;
						  text-decoration: none;
						  outline: none;
						  } 
						  
#replacelogo2    {
		position: absolute;
		top: 20px; left: 50px;
		width: 105px; height: 60px;
		background: url("/fileadmin/img/logo_top.gif") #FFFBF7 no-repeat;
		}

		#replacelogo2 h1, #replacelogo2 a {
						  display: block;
						  width: 105px; height: 60px;
						  text-indent: -9999px;
						  background: none;
						  text-decoration: none;
						  outline: none;
						  } 						  
						  
ol#nav 	{
	position: absolute;
	top: 103px; left: 40px;
	background: transparent none repeat scroll 0 0;
	margin: 0;
	overflow: auto;
	width: 720px;
	}

ol#nav li.nav-pas, li.nav-act {
	display: inline;
	list-style-type: none;
	margin: 0 0 0 -55px;
	width: 180px;
	}
	
ol#nav li.nav-pas a {
	float: left;
	margin: 0 2% 10px 0;
	display: block;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1;
	padding: 5px 10px 5px 10px;
	text-transform: uppercase;
	text-decoration: none;
	}

ol#nav li.nav-pas a:hover {
        background: #F8F6E6 none repeat scroll 0 0;
        color: #000;
        text-decoration: none;
        }

ol#nav li.nav-act a {
	float: left;
	margin: 0 2% 10px 0;
	display: block;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1;
	padding: 5px 10px 5px 10px;
	text-transform: uppercase;
	text-decoration: none;
        background: #F8F6E6 none repeat scroll 0 0;
        color: #000;	
	}
  	
  
/* content
-------------------------------------------------------- */

#col-left {
	position: absolute;
	top: 0px; left: 0px;
	width: 210px;
	margin: 0 ! important;
	padding: 0 ! important;
	}

#col-right {
	position: absolute;
	top: 0px; left: 590px;
	width: 170px;
	margin: 0 ! important;
	padding: 0 ! important;
	}
		
#col-center {
	position: relative;
	top: 0px; left: 210px;
	width: 520px;
	height: auto ! important;
	margin: 0 ! important;
	padding-left: 30px ! important;
	padding-right: 0px ! important;
	clear: both;
	}

#col-left-center {
	position: relative;
	top: 0px; left: 40px;
	width: 520px;
	height: auto ! important;
	margin: 0 ! important;
	padding-left: 0px ! important;
	padding-right: 0px ! important;
	clear: both;
	}


/* home
-------------------------------------------------------- */

#flash {
	position: relative;
	top: 0px; left: 39px;
	width: 723px;
	height: 220px ! important;
	margin: 0 ! important;
	padding-left: 0px ! important;
	padding-right: 0px ! important;
	float: left;
        }

#col-home-center {
	position: relative;
	top: 0px; left: 39px;
	width: 723px;
	margin-top: 30px ! important;
	padding-left: 0px ! important;
	padding-right: 0px ! important;
	float: left;
	clear: left;
	}

	div#home-services {
		position: relative;
		top: 0px; left: 0px;
		width: 180px;
		border-right: 1px dotted #A00101;
		float: left;
		}
	
		div#home-services ul li a {
			font-size: 12px;
			}
				
	div#home-partner {
		position: absolute;
		top: 0px; left: 180px;
		width: 180px;
		border-right: 1px dotted #A00101;
		padding-left: 20px;
		float: left;
		}
	
		div#home-partner ul li a {
			font-size: 12px;
			}	
	
	div#home-kontakt {
		position: absolute;
		top: 0px; left: 380px;
		padding-left: 20px;
		float: left;
		}

		div#home-kontakt ul li {
			font-size: 12px;
			}

	div#home-kontakt2 {
		position: absolute;
		top: 0px; left: 540px;
		float: left;
		}

		div#home-kontakt2 ul li {
			font-size: 12px;
			}

		div#home-kontakt2 ul li a {
			font-size: 12px;
			}


/* subnavigation
-------------------------------------------------------- */		

#sub-nav {
	position: absolute;
	top: 0px; left: 0px;
	width: 170px; height: 250px;
	margin-left: 40px;
	float: left;
	background: url("/fileadmin/img/subnav-bg.gif") no-repeat;
	}

	.sub_lev1 	{
			position: absolute;
			top: 20px; left: 15px;
			width: 140px;
			height: auto ! important;
			}

	ul#submenu_level1		{
					list-style: none;
					display: block;
					}

	ul#submenu_level1 li, ul#submenu_level1 a {
					font-size: 16px;
					font-weight: bold;
					text-transform: uppercase;
					color: #E7D79C;
					letter-spacing: 1px;
					text-decoration: none;
					background: none;
					outline: none;
					}

	.sub_lev2 	{
			position: absolute;
			top: 44px; left: 0px;
			width: 140px;
			height: auto ! important;
			}

	ul#submenu_level2	      	{
					list-style: none;
					display: block;
					}

	li.submenu_level2 		{	
					border-bottom: 1px dotted #E7D79C !important;
					}

	li.submenu_level2, li.submenu_level2 a {
					font-size: 12px ! important;
					font-weight: normal ! important;
					text-transform: none ! important;
					letter-spacing: 0px ! important;
					color: #E7D79C ! important;
					text-decoration: none ! important;
					padding-top: 5px ! important;
					padding-left:3px !important;
					padding-bottom: 5px ! important;
					background: none ! important;
					outline: none ! important;
					}

	li.submenu_level2 a:hover 	{
					color: #fff ! important;
					}

	li.submenu_level2-act 		{	
					border-bottom: 1px dotted #E7D79C !important;
					}

	li.submenu_level2-act, li.submenu_level2-act a {
					font-size: 12px ! important;
					font-weight: normal ! important;
					text-transform: none ! important;
					letter-spacing: 0px ! important;
					color: #fff ! important;
					text-decoration: none ! important;
					padding-top: 5px ! important;
					padding-bottom: 5px ! important;
					padding-left: 3px !important;
					background: none ! important;
					outline: none ! important;
					}

	li.submenu_level2-act a:hover 	{
					color: #fff ! important;
					}


/* footer
-------------------------------------------------------- */

#footernav {
        position: absolute;
	top: 10px; left: 40px;
	text-align: left;
	vertical-align: top;
	height:auto ! important;
	background: url("/fileadmin/img/footernav_background.gif") left top no-repeat #F7EFCE;
	float: left;
	}
	
	#footernav ul {
	 	      list-style: none;
		      display: block;
		      }

	#footernav ul li, #footernav ul a {
				vertical-align: top;
				float: left;
				font-size: 12px;
				font-weight: bold;
				color: #000;
				text-decoration: none;
				outline: none;
				background: transparent;
				}

	#footernav ul a:hover	{
				color: #000;
				text-decoration: underline;
				}


#footertext {
        position: absolute;
	top: 10px; left: 240px;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.2;
	color: #555;
	text-decoration: none;
	outline: none;
	float: left;
	}

#footertext a {
	color: #555;
	background: transparent;
	text-decoration: none;
	}
	
#footertext a:hover {
	color: #555;
	text-decoration: underline;
	}
	



/* sidebar
-------------------------------------------------------- */

div.contact-block {
        background: #F8F6E6;
        padding-left: 10px ! important;
        padding-right: 10px ! important;
        padding-top: 10px ! important;
        padding-bottom: 10px ! important;
	font-size: 11px;
        }

div.contact-block hr {
	margin-top: 10px ! important;
	margin-bottom: 10px ! important;
        }

div.contact-block a {
	background-color: #F8F6E6 ! important;
        }

div.contact-block a:hover {
	background-color: #FFFBF7 ! important;
        }


/* sitemap
-------------------------------------------------------- */

div.csc-sitemap {
	width: 515px ! important;
	}
	
div.csc-sitemap ul li {
	width: 515px ! important;
	padding-left: 5px !important;
	padding-top: 5px ! important;
	padding-bottom: 5px ! important;
	border-bottom: 1px dotted #C68239 ! important;
	}

div.csc-sitemap ul li ul li {
	width: 515px ! important;
	padding-left: 5px !important;
	padding-top: 5px ! important;
	padding-bottom: 5px ! important;
	border: 0 ! important;
	}

div.csc-sitemap li a {
	width: 515px ! important;
	font-size: 14px ! important;
	font-weight: bold ! important;
	text-transform: uppercase ! important;
	color: #B21418 ! important;
	letter-spacing: 1px ! important;
	text-decoration: none ! important;
	}

div.csc-sitemap li a:hover {
	color: #000 ! important;
	text-decoration: none ! important;
	}

div.csc-sitemap li li a {
	width: 515px ! important;
	color: #B21418 ! important;
	font-size: 12px ! important;
	font-weight: normal ! important;
	padding-left: 25px !important;
	padding-top: 5px ! important;
	padding-bottom: 5px ! important;
	background: url("/fileadmin/img/sitemap-bg.gif") #FFFBF7 center left no-repeat ! important;
	text-decoration: none ! important;
	text-transform: none ! important;
	letter-spacing: 0px ! important;
	}

div.csc-sitemap li li a:hover {
	color: #000 ! important;
	text-decoration: none ! important;
	}


/* contactform
-------------------------------------------------------- */

#mailform {
border: 0px solid #EAEAEA;
margin: 0;
width:  520px;
padding: 0px;
}

#mailform legend {
color: #A00101;
font-size: 16px;
font-weight: bold;
letter-spacing: 2px;
margin-bottom: 15px;
text-transform: uppercase;
}

#mailform label {
font-size: 12px;
color: #555555;
margin-bottom: 6px;
margin-right: 20px;
vertical-align: middle;
width: 60px ! important;
height: 20px;
float: left;
}

#mailform input {
font-family: Lucida Grande,Calibri,HelveticaNeue,Helvetica,Arial,sans-serif;
font-size: 12px;
background: #fff none repeat scroll 0 0;
border:1px solid #A00101;
height: 20px;
vertical-align: middle;
width: 300px;
margin-bottom: 10px;
padding-left: 5px;
padding-top: 5px;
}

#mailform textarea {
font-family: Lucida Grande,Calibri,HelveticaNeue,Helvetica,Arial,sans-serif;
font-size: 13px;
background: #fff none repeat scroll 0 0;
border:1px solid #A00101;
margin-bottom: 15px;
padding-left: 5px;
padding-top: 5px;
width: 420px;
}

#mailform select {
background: #fff none repeat scroll 0 0;
border:1px solid #A00101;
font-family: Lucida Grande,Calibri,HelveticaNeue,Helvetica,Arial,sans-serif;
margin-bottom: 15px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
width: 200px;
outline: none;
}

#mailform input:hover, #mailform textarea:hover, #mailform select:hover {
background:#F7EFCE none repeat scroll 0 0;
}

.tx_powermail_pi1_fieldwrap_html_checkbox_title {
padding-bottom: 0;
margin-left: 3px;
}

.powermail_mandatory_js {
font-size: 11px;
color: #A00101;
margin-top: -10px;
margin-left: 80px;
margin-bottom: 15px;
}

#mailform input.powermail_submit {
background: transparent url(/fileadmin/img/submit-background.gif) top left no-repeat;
font-size: 13px;
font-weight: bold;
color: #fff;
border: 0px ! important;
font-family: Lucida Grande,Calibri,HelveticaNeue,Helvetica,Arial,sans-serif;
vertical-align: middle ! important;
margin: 20px 0 10px 0;
padding: 0 0 2px 0;
height: 20px;
width: 100px;
text-decoration: none;
}

div#powermaildiv_uid4 {
margin-bottom: 15px;
}

div#powermaildiv_uid6 label {
width: 165px ! important;
}

div#powermaildiv_uid7 {
margin-bottom: 10px;
}

div#powermaildiv_uid7 label {
width: 520px ! important;
}

div#powermaildiv_uid8 label {
width: 520px ! important;
}

div#powermaildiv_uid9 label {
width: 520px ! important;
}


/* non-navigation links
-------------------------------------------------------- */

a, a:link, a:active, a:visited {
    color: #A00101;
    background-color: #FFFBF7;
    text-decoration: none;
    outline: none;
}

a:hover {
    color: #000;
    background-color: #F8F6E6;
}



/* table content
-------------------------------------------------------- */
	
th {
	font-size: 12px;
	padding-left: 6px;
	text-align: left;
	}
	
tr td {
	font-size: 12px;
	padding: 2px 6px 2px 0px;
	vertical-align: top;
	}
	


/* text
-------------------------------------------------------- */
ul li { list-style: none; }

h1, h2, h3, h4, h5, h6, p {
	padding: 0;
	}

h1 { 
	color: #000;
	font-size: 24px;
        margin-bottom: 20px;  
	}

h2 {
	color: #A00101;
	font-size: 16px;
	font-weight: bold;
        letter-spacing: 2px;
	margin-bottom: 15px;
	text-transform: uppercase;
	}
	
h3 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 1px;
	margin-bottom: 0px;
	}
	
h4 {
	color: #A00101;
	font-size: 14px;
	font-weight: bold;
        letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 0px;
	}	

h4 a:hover {
	text-decoration: none;
	}

h5, h5 a:link, h5 a:active, h5 a:visited {
	font-size: 12px ! important;
	font-weight: bold ! important;
	color: #000 ! important;
	margin-bottom: 5px ! important;
	background: none ! important;
	padding: 0 ! important;
	}
	
h5 a:hover {
	text-decoration: none ! important;
	outline: none ! important;
	background: none ! important;
	}	

h6 {
	color: #A00101;
	font-size: 16px;
	font-weight: bold;
        letter-spacing: 2px;
	text-transform: uppercase;
	}

hr {
        border: 0px; /* Für Firefox und Opera */
        border-top: 1px dotted #C68239;
        border-bottom: transparent;
	clear: both;
	height: 1px ! important;
	margin-top: 0px ! important;
	margin-bottom: 15px;
	outline: none;
	}

iframe  { 
	margin-bottom: 20px;
	}

blockquote {
        font-size: 12px;
        color: #A00101;
        line-height: 1.6;
	}
	
p {
	margin-bottom: 20px;
	line-height: 1.6;
	font-size: 12px;
	}