/**
 * Description for file
 *
 * CSS version $version
 *
 * @author      PROMACX AG
 * @copyright   PROMACX AG / Wasserwerkgasse 20 / 3011 CH-Bern
 * @link        www.promacx.ch
 * @version     0.0.1
 * @media       editor
 */

/* ------------------------------ Layout
*/

@import url("editor.css");

body {
	margin:0px;
	padding: 0px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #333333;
}

#webcontainer {
	margin: 173px auto 10px auto;
	width: 800px;
	padding: 0;
}

#box {
	width: 800px;
	height: 500px;
	text-align: left;
	border:1px solid #666666;
	background: url(../images/grafik.gif) top left no-repeat;
}
#box_home {
	width: 800px;
	height: 499px;
	text-align: left;
	border:1px solid #666666;
	background: url(../images/grafik_home.gif) top left no-repeat;
}

/* ---------------------------------------------------
   Header
   =================================================== */
#headder_image {
	height: 10px;
}

/* ---------------------------------------------------
   Header
   =================================================== */
#menu {
	height: 53px;
}
#submenu {
	height: 67px;
}

/* ---------------------------------------------------
   Content
   =================================================== */
#content {
	height: 426px;
	border-top: 1px solid #A4A5A5;
}
#content_home {
	height: 426px;
}

/* Content Breit 1 Col */
#content_breit {
	height: 326px;
	width: 768px;
	padding: 16px;
	float: left;
	overflow: auto;
	border-bottom: 1px solid #A4A5A5
}

/* Content 2 cols */
#content_left {
	height: 326px;
	width: 364px;
	padding: 16px;
	float: left;
	overflow: hidden;
	border-right: #a4a5a5 1px solid;
	border-bottom: 1px solid #A4A5A5
}
#content_right {
	height: 326px;
	width: 371px;
	padding: 16px;
	float: right;
	overflow: auto;
	border-bottom: 1px solid #A4A5A5
}


/* Content 2 cols HOME */
#content_left_home {
	margin-top: 55px; 
	height: 124px;
	width: 383px;
	padding: 16px 0px 16px 16px;
	float: left;
	overflow: hidden;
	border-top: #a4a5a5 1px solid;
	border-right: #a4a5a5 1px solid;
	border-bottom: 1px solid #A4A5A5
}
#content_right_home {
	margin-top: 55px; 
	height: 124px;
	width: 384px;
	padding: 16px 0px 16px 16px;
	float: right;
	overflow: auto;
	border-bottom: 1px solid #A4A5A5;
	border-top: #a4a5a5 1px solid;
}

#content_left_home .csc-textpic, #content_right_home .csc-textpic {
	float: left;
	margin: 0;
	padding: 0;
	width: 380px;
	height: 124px;
}
#content_left_home .csc-textpic-imagewrap, #content_right_home .csc-textpic-imagewrap {
	float: left;
	margin: 0;
	padding: 0;
	/*width: 380px;*/
}

#content_left_home .csc-textpic-image, #content_right_home .csc-textpic-image {
	float: left;
	padding-right: 8px;
}

/* ---------------------------------------------------
   Footer
   =================================================== */
/*#footer {
	height: 77px;
}*/
#footer {
	height: 10px;
}


/* ---------------------------------------------------
   tMailform
   =================================================== */
table.tmailform { 
	margin: 0px; 
	/*width: 819px;*/
	color: #646464;
}
table.tmailform td{ 
	padding: 3px 3px 3px 0;
}

input.input-light-grey,
textarea.input-light-grey{ 
	padding: 2px 2px;
	width: 200px;
} 
textarea.input-light-grey-text {
	padding: 5px 2px;
}
select.input-light-grey {
	width: 420px;
	color: #646464;
	padding: 2px 2px;
}
.tmailform input,
.tmailform textarea,
.tmailform select{
	font-family: Arial,Helvetica,sans-serif;
	border:#333333 solid 1px;
}

table.tmailform td.tmail-err-txt { 
	color:#bc032c;
}
.tmailform-thankyou {
	width:100%; 
	/*padding-top:50px; 
	text-align:center;*/
}
input.longer { 
	width: 413px;
}
input.input-light-grey-submit { 
	padding: 2px 2px;
	width: 120px;
	background: #7297cc;
	color: #e9ebf7;
}


div.home {
	float:left;
	width: 380px;
	margin-top:60px;
	padding-left:20px;
}

p.home {
	float:left;
	width: 380px;
	margin-top:25px;
	padding-left:20px;
}