/*---------------reset-----styles---beginn--------------------------------*/	

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin			: 0;
	padding			: 0;
	border			: 0;
	outline			: 0;
	font-weight		: inherit;
	font-style		: inherit;
	/*font-size		: 100%;*/
	font-family		: inherit;
	vertical-align	: baseline;
}
/* remember to define focus styles! */
:focus {
	outline			: 0;
}
body {
	line-height		: 1;
	color			: #fff;
	background		: white;
}
ol, ul {
	list-style		: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse	: separate;
	border-spacing	: 0;
}
caption, th, td {
	text-align		: left;
	font-weight		: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content			: "";
}
blockquote, q {
	quotes			: "" "";
}
/*---------------reset-----styles---ende--------------------------------*/

body {
	font: .7em/1.3 Tahoma, Arial, Helvetica, sans-serif;
	margin: auto;
	padding: 0;
	text-align: center;
	color: #fff;
	background: #f9a800 url(../img/bg.gif) repeat-x;
}

#main {
	width: 1024px; 
/*	height: 1000px; */
	text-align: left;
	margin: 0px auto;
}	

a:link, a:visited { 
	text-decoration: none;
	color: #fff;
}

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

#content {
	float: left;
	width: 1024;
	height: 465px;
	background: #f9a800;
}

#header {
	float: left;
	height: 120px;
}

#cont_2 {
	float: left;
	width: 20px;
}

#logo {
	float: left;
	width: 365px;
	height: 260px;
	background: url(images/logo-banse-ch.png) no-repeat center 100%;
	background-size: 60%;

}

#cont_3 {
	float: left;
	width: 450px;
	height: 102px;
}

#name {
	float: left;
	width: 315px;
	height: 83px;
	background: url(images/banse.png) no-repeat center 100%;
	background-size: 326px 83px;
}

#cont_4 {
	float: left;
	width: 100px;
	height: 131px;
}

#mail {
	float: left;
	width: 288px;
	height: 50px;
}

.footer-box {
    margin:0 0 10px 0;
    display:inline-block;
    width:262px;
    height:130px;
    padding:15px;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    background-position:320px 50%;
    background-repeat:no-repeat;
}
#f-diw {
    background-image:url(http://cdn.css-tricks.com/wp-content/themes/CSS-Tricks-8/images/css-tricks.png);
    background-position:290px -1288px;
}
#f-diw:hover {
    background-color:#237abe;
    background-position:186px -1288px;
}