/*
	ventosa.ch - stylesheet 
	coded by: felipe gonzales / revoltwebdesign.com
	
	last edited: january 1, 2010
		
*/

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

body {
	font-family: "Trebuchet MS";
        font-size: 13px;
	color: #555555;
	text-align: center;
	margin-top: 0px;
	margin-left: 0px;
	background: #fff url("/fileadmin/img/body_bg.gif") left top repeat-x;
	}

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

	#header, #pagetitle, #clear-pagetitle, #content, #clear, #clear-home {
		position: relative;
		width: 100%;
		}
		
	#header {
		height: 88px;
		background: #424542;
		float: left;
		}

	#pagetitle {
		height: 88px;
		float: left;
		}

	#clear-pagetitle {
	       height: 30px;
	       background: url("/fileadmin/img/background_clear.gif") left top repeat-x;
	       float: left;
	       }
		
	#content {
		 display: inline;
		 float: left;
		 clear: left;
		 }

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

	#clear {
	       height: 38px;
	       background: url("/fileadmin/img/background_clear.gif") left top repeat-x;
	       float: left;
	       }		

	#clear-home {
	       height: 38px;
	       background: url("/fileadmin/img/background_clear.gif") left top repeat-x;
	       float: left;
	       }
	
#footer {
	position: relative;
	width: 100%;
	height: 93px;
	margin: 0 auto;
	background: #fff;
	float: left;
	}


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

#replacelogo    {
		position: absolute;
		top: 20px; left: 0px;
		width: 210px; height: 46px;
		background: url("/fileadmin/img/logo_solutions.png") no-repeat;
		}

		#replacelogo h1, #replacelogo a   {
						  display: block;
						  width: 210px; height: 46px;
						  text-indent: -9999px;
						  background: none;
						  text-decoration: none;
						  outline: none;
						  } 
						  
#nav 	{
	position: absolute;
	top: 56px; left: 230px;
	font-size: 16px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	outline: none;
	}

	#nav ul			{
				list-style: none;
				display: inline;
				height: 32px ! important;
				}

	#nav ul li, #nav ul a	{
				height: 32px ! important;
				line-height: 32px ! important;
				vertical-align: middle ! important;
				text-align: center ! important;
				float: left;
				color: #999 ! important;
				font-weight: normal;
				background-color: #424542 ! important;
				outline: none;
				text-decoration: none;
				}

	#nav ul a:hover	 	{
				color: #fff ! important;
				}

	#nav ul li.nav-act a	{
				height: 32px ! important;
				text-align: center ! important;
				line-height: 32px ! important;
				vertical-align: middle ! important;
				float: left;
				color: #fff ! important;
				font-weight: normal;
				background: url("/fileadmin/img/nav_center_normal.gif") #fff top left repeat-x ! important;
				outline: none;
				text-decoration: none;
				}
				
	#nav ul li.nav-act a:hover	{
				height: 32px ! important;
				text-align: center ! important;
				line-height: 32px ! important;
				vertical-align: middle ! important;
				float: left;
				color: #fff ! important;
				background: url("/fileadmin/img/nav_center_normal.gif") #fff top left repeat-x ! important;
				}	

	#nav ul li.nav-left	{
				height: 32px; width: 10px;
				margin: 0px;
				float: left;
				background: url("/fileadmin/img/nav_left_normal.gif") transparent top left no-repeat;
				}

	#nav ul li.nav-right	{
				height: 32px; width: 10px;
				margin-right: 20px;
				float: left;
				background: url("/fileadmin/img/nav_right_normal.gif") transparent top left no-repeat;
				}

	#nav ul li.nav-act-left	 {
				height: 32px; width: 10px;
				margin: 0px;
				float: left;
				background: url("/fileadmin/img/nav_act_left_normal.gif") #fff top left no-repeat;
				}

	#nav ul li.nav-act-right {
				height: 32px; width: 10px;
				margin-right: 20px;
				float: left;
				background: url("/fileadmin/img/nav_act_right_normal.gif") #fff top left no-repeat;
				}
  	
  
/* content
-------------------------------------------------------- */

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

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



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

#flash 	{
	position: relative;
	top: 0px; left: 0px;
	height: 250px;
	float: left;
	background-color: #fff;
	margin-top: 30px ! important;
	padding: 0px ! important;
	}

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

	div#home-services {
		position: relative;
		top: 0px; left: 0px;
		width: 190px;
		border-right: 1px dotted #313131;
		float: left;
		}
	
		div#home-services ul li a {
			font-size: 13px;
			font-weight: normal;
			}

	        div#home-services ul li a.titlebg  {
			  background: url("/fileadmin/img/link-home-services.gif") transparent 0px 0px no-repeat;
			  color: #fff;
			  text-decoration: none;
			  font-size: 12px;
			  font-weight: normal;
			  padding: 4px 15px 4px 15px;
			  vertical-align: top;
			  }

		div#home-services ul li a.titlebg:hover  {
			  background-position: 0px -22px;
			  }

				
	div#home-partner {
		position: absolute;
		top: 0px; left: 190px;
		width: 190px;
		border-right: 1px dotted #313131;
		padding-left: 20px;
		float: left;
		}
	
		div#home-partner ul li a {
			font-size: 13px;
			font-weight: normal;
			}	

	        div#home-partner ul li a.titlebg  {
			  background: url("/fileadmin/img/link-home-partner.gif") transparent 0px 0px no-repeat;
			  color: #fff;
			  text-decoration: none;
			  font-size: 12px;
			  font-weight: normal;
			  padding: 4px 15px 4px 15px;
			  vertical-align: top;
			  }

		div#home-partner ul li a.titlebg:hover  {
			  background-position: 0px -22px;
			  }
	
	div#home-kontakt {
		position: absolute;
		top: 0px; left: 400px;
		width: 180px;
		padding-left: 20px;
		float: left;
		}

		div#home-kontakt ul li {
			font-size: 13px;
			font-weight: normal;
			}

	        div#home-kontakt ul li a.titlebg  {
			  background: url("/fileadmin/img/link-home-kontakt.gif") transparent 0px 0px no-repeat;
			  color: #fff;
			  text-decoration: none;
			  font-size: 12px;
			  font-weight: normal;
			  padding: 4px 15px 4px 15px;
			  vertical-align: top;
			  }

		div#home-kontakt ul li a.titlebg:hover  {
			  background-position: 0px -22px;
			  }

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

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

		div#home-kontakt2 ul li a {
			font-size: 13px;
			font-weight: normal;
			}


/* pagetitle navigation
-------------------------------------------------------- */

#pagetitle-nav {
	position: relative;
	top: 0px; left: 0px;
	width: 750px;
	margin: 0px ! important;
	padding: 0px ! important;
	float: left;
	}

	.pagetitlenav-pos {
	position: absolute;
	top: 40px; left: 230px;
	height: auto ! important;
	}


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

	ul#pagetitlenav-sty1 li, ul#pagetitlenav-sty a {
					font-size: 30px;
					color: #fff;
					font-family: Georgia,Times,"Times New Roman",serif;
					text-decoration: none;
					background: none;
					padding-left: 0px;
					outline: none;
					}



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

#sub-nav {
	position: absolute;
	top: 0px; left: 0px;
	width: 180px;
	margin-left: 0px;
	float: left;
	}

	.sub_lev1 	{
			position: absolute;
			top: 0px; left: 0px;
			width: 180px;
			height: auto ! important;
			}

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

	ul#submenu_level1 li, ul#submenu_level1 a {
					font-size: 13px;
					font-weight: bold;
					text-transform: uppercase;
					color: #555555;
					text-decoration: none;
					background: none;
					padding-left: 3px;
					padding-bottom: 5px;
					outline: none;
					}

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

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

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

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

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

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

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

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


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

#footer-inline {
	position: relative;
	width: 750px;
	border-top: 1px solid #DADADA;
	margin: 0 auto;
	text-align: left;
	clear: both;
	}

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

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

	#footernav ul a:hover	{
				color: #000;
				}


#footertext {
        position: absolute;
	top: 5px; left: 230px;
	text-align: left;
	vertical-align: top;
	font-size: 11px;
	color: #555;
	text-decoration: none;
	outline: none;
	float: left;
	}

#footertext a {
	color: #A37B45;
	background: transparent;
	font-weight: normal;
	text-decoration: none;
	}
	
#footertext a:hover {
	color: #000;
	background: transparent;
	text-decoration: none;
	}
	

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

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

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

div.csc-sitemap li a {
	width: 520px ! important;
	color: #555555 ! important;
	font-size: 0.9em ! important;
	font-weight: bold ! 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: 520px ! important;
	color: #A37B45 ! important;
	font-size: 0.9em ! important;
	font-weight: normal ! important;
	padding-left: 25px !important;
	padding-top: 5px ! important;
	padding-bottom: 5px ! important;
	background: url("/fileadmin/img/sitemap-bg.gif") #fff center left no-repeat ! important;
	text-decoration: none ! important;
	}

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


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

#mailform {
border: 1px solid #EAEAEA;
margin: 0;
width:  480px;
padding: 20px;
}

#mailform legend {
font-size: 15px;
font-weight: bold;
color: #555555;
margin-bottom: 15px;
}

#mailform label {
font-size: 12px;
color: #555555;
margin-left: 3px;
margin-right: 20px;
margin-bottom: 6px;
vertical-align: middle;
}

#mailform input {
font-family: "Trebuchet MS";
font-size: 12px;
background: #F7F7F7 none repeat scroll 0 0;
border-color: #AAAAAA;
border-style: solid none none;
border-width: 1px medium medium;
margin-left: 3px;
height: 29px;
vertical-align: middle;
width: 470px;
margin-bottom: 15px;
padding-left: 5px;
padding-top: 5px;
}

#mailform textarea {
font-family: "Trebuchet MS";
font-size: 12px;
background: #F7F7F7 none repeat scroll 0 0;
border-color: #AAAAAA;
border-style: solid none none;
border-width: 1px medium medium;
margin-left: 3px;
margin-bottom: 15px;
padding-left: 5px;
padding-top: 5px;
width: 470px;
}

#mailform select {
background:#F7F7F7 none repeat scroll 0 0;
border-color: #AAAAAA;
border-style: solid none none;
border-width: 1px medium medium;
font-family: "Trebuchet MS";
margin-left: 3px;
margin-bottom: 15px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
width: 200px;
outline: none;
}


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

.powermail_mandatory_js {
font-size: 10px;
color: #A37B45;
margin-top: -15px;
margin-left: 3px;
margin-bottom: 15px;
}

#mailform input.powermail_submit {
background: transparent url(/fileadmin/img/senden-bg.gif) repeat-x scroll 0 0;
border-color: #ECECEC #ADADAD #ADADAD #ECECEC !important;
border-style: solid !important;
border-width: 1px !important;
font-size: 12px;
font-family: "Trebuchet MS";
vertical-align: middle;
margin: 20px 0 10px 3px;
padding: 2px;
width: 100px;
}


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

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

a:hover {
    color: #000;
    background-color: #fff;
    text-decoration: underline;
}



/* table content
-------------------------------------------------------- */
	
th {
	font-size: 10px;
	padding-left: 6px;
	text-align: left;
	}
	
tr td {
	font-size: 11px;
	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: 1.6em;
        margin-bottom: 20px;  
	}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #555555;
	margin-bottom: 15px;
	}
	
h3 {
	font-size: 0.9em;
	font-weight: bold;
	color: #555555;
	margin-bottom: 5px;
	}
	
h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #555555;
	margin-bottom: 5px;
	}	

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

h5, h5 a:link, h5 a:active, h5 a:visited {
	font-size: 1.05em ! 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      {
	font-size: 0.9em;
	font-weight: bold;
	color: #555555;
	margin-top: 15px;
	margin-bottom: 5px;
	}

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

iframe  { 
	margin-bottom: 20px;
	}

blockquote {
	font-family:georgia;
	font-size:1.3em;
	font-style:italic;
	padding-left: 20px;
	}
	
p {
	padding-bottom: 20px;
	line-height: 180%;
	font-size: 0.9em;
	}