/*----------------------------------------------------------------------
Handy-Men Screen Stylesheet
----------------------------------------------------------------------*/
/* reset all */ 
*
{
	padding: 0;
	margin: 0;		
}

img
{
  border: 0;
}

/* basic font */ 

body
{
  font: small Arial, sans-serif;  
}
	
/* layout */

html
{
	height:100%;
	width:100%;
}

body
{
	height:100%;
	width:100%;
	min-width:1000px;
	background:url(colorbg.jpg) repeat-y center;
}

div.container
{
	background-color:#FFFFFF;
	min-width:980px;
	width:95%;
	min-height:676px;
	height:100%;
	margin:0px auto;
}

div.top
{
	background-color:#ACCA57;
	min-height:10%;
}

div.middle
{
	min-height:80%;
	background-color:#FFFFFF;
}

div.bottom
{
	background-color:#0067B1;
	min-height:10%;
}

span.menu2
{
	padding-left:60%;
	color:#0067B1;
	font-size:11pt;
	text-decoration:none;
	padding-top:55px;
	display:block;
	padding-bottom:5px;
}

div.menucontainer
{
	float:left;
	width:213px;
	min-height:646px;
	background:url(menubg.jpg) no-repeat top left;
}

div.menu
{
	margin-top:194px;
	width:203px;
}

div.content
{
	background:no-repeat top right;
	min-height:80%;
	margin-left:254px;
}

div.logo
{
	padding-top:30px;
}

div.text
{
	width:45%;
	padding-top:12px;
	min-height:390px;
	margin-bottom:13px;
}

div.copyright
{
	color:#FFFFFF;
	padding-left:55%;
	padding-top:5px;
}

div#section2 {
  float:left;
  width:470px;
  }
div#section3a {
  float:left;
  width:230px;
  }
div#section3b{
  float:left;
  width:230px;
  }  
  
div#section6{
  float:left;
  width:470px;
  }

/* typography */

h1
{
  margin: 10px 0 10px 0;
  font-size: 1.1em;
}

h2
{
  font-weight: bold;
  margin: 10px 0 10px 0;
  font-size: 1.1em;
}

p
{
  margin-bottom: 13px;
}

div.tpartner span
{
	color:#DD0D6F;
	font-family:arial black, arial;
	font-size:14pt;
	font-weight:bold;
}

div.tpartner
{
	font-family:arial black, arial;
	font-size:14pt;
	font-weight:bold;
	padding-top:20px;
	color:#0067B1;
}

/* links */

a
{
	text-decoration:none;
	color:#000000;
}

/*div.menu a*/
.menu-1{
	display:block;
	background-image:url(menu.png);
	background-repeat:no-repeat;
	margin-bottom:10px;
	width:180px;
	height:14px;
	text-align:right;
	vertical-align:middle;
	font-size:10pt;
	text-decoration:none;
	padding:3px 10px;
	color:#000000;
	font-weight:bold;
}

.menu-2{
	display:block;
	background-image:url(menu2.png);
	background-repeat:no-repeat;
	background-position:right;
	margin-top:-5px;
	margin-bottom:10px;
	width:165px;
	height:13px;
	text-align:right;
	vertical-align:middle;
	font-size:10pt;
	text-decoration:none;
	padding:0px 25px 3px 10px; /*trul*/
	color:#000000;
	font-weight:bold;
}

span.menu2 a
{
	color:#0067B1;
	font-size:11pt;
	text-decoration:none;
	padding-right:15px;
}

div.copyright a
{
	color:#FFFFFF;
}

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


/**** SECTIONS ****/

/* tables */
table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 15px;
  vertical-align:top;
  }
td {
  padding: 3px;
  vertical-align:top;
  }
tr.row-odd {
	background-color: #0067B1;
	color:#FFFFFF;
	}
tr.row-even {
	background-color: #FFFFFF;
	}
td.column1 {
	}
td.field_title { /* Tabelle des Kontaktformulars */
  width: 150px;
  }

/* lists */ 
div.content ul {
	margin-left: 30px;
	margin-right:20px;
	margin-top: 10px;
	}
div.content li {
	margin-bottom: 5px;
	}

/* forms */	
input.textfield {
  padding: 2px;
  }
textarea#field7 { 
  width: 250px;  
  padding: 2px;  
  }
span.RequiredField {
  color: #F00;
  }

/* Foto
--------------------------------------------------------------------------------*/ 
div#foto {	
	width:730px;
	margin-bottom:30px;
	}