body {

	background: #FFF;

	position: relative;

	top: 0px;
	left: 0px;

	width: 100%;
	height: 100%;

	margin: 0 auto;

}


/* DIVs */

div#header {

	z-index: 10;

	width: 210px;
	height: 32px;

	margin-top: 10px;
	margin-left: 175px;
	margin-bottom: 10px;

}

#header h1 {

    margin: 0;
    padding: 0;

}

#header h1 a {

    display: block;

        width: 210px;
	height: 32px;

    background: url("../../gfx/bee-side_title.gif") center left no-repeat;

}


#loader {

    position: absolute;
    display: block;

	top: 15px;
	left: 400px;

        width: 40px;
	height: 19px;

    background: url("../../gfx/loading.gif") center left no-repeat;

}



div#yellowLine {

	z-index: 9;

	border-bottom: 13px solid #ffcc00;

	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}

div#container {

	z-index: 0;
	background: #ffffff;	

        display: none;

}

div#bee-side {

	z-index: 10;

	margin-top: 20px;
	margin-left: 175px;
	margin-bottom: 10px;

        background: url("../../gfx/bee-side_logo.gif") top left no-repeat;

}

#bee-side h2 {

    display: block;

	margin-top: 0px;
	margin-left: 105px;
	margin-bottom: 0px;
}


h1 span, h2 span, h3 span {

    display: none;

}


/* accordion */

div#accordion {

	z-index: 10;

	margin-top: 0px;
	margin-left: 175px;
	margin-right: 0px;
	margin-bottom: 10px;

}


h3.toggler {

	cursor: pointer;

	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	text-decoration: none;
	background: #ffffff;
	color: #cfcfcf;

	text-align: left;

	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	width: 635px;
	height: 90px;

}

#togglerContacts {

	background: #ffffff;

	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	width: 0px;
	height: 0px;

}

h3#virtualization {

    display: block;

    background: url("../../gfx/en/virtual.gif") top left no-repeat;
    
}

h3#housing {

    display: block;

    background: url("../../gfx/en/housing.gif") top left no-repeat;
    
}

h3#web2 {

    display: block;

    background: url("../../gfx/en/web2.gif") top left no-repeat;
    
}

h3#ITConsulting {

    display: block;

    background: url("../../gfx/en/ITConsulting.gif") top left no-repeat;
    
}


/* accordion */

div#greyLine {

	z-index: 9;

	width: 100%;
	height: 13px;

	border-top: 13px solid #cfcfcf;

	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	background: #ffffff;

}

.element {

	z-index: 9;
	
	width: 625px;

	margin-top: 0px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 0px;

	padding: 10px;

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	text-decoration: none;

	color: #4d4d4d;
	background: #ffffff;

}

div#elementContacts {

	z-index: 9;
	
	width: 420px;

	margin-top: 0px;
	margin-left: 100px;
	margin-right: 0px;
	margin-bottom: 0px;

	padding: 10px;

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	text-decoration: none;

	color: #4d4d4d;
	background: #ffffff;

}

.imageRight {

	float: right;
	margin: 10px;

}

.imageLeft {

	float: left;
	margin: 10px;

}

div#menu {

	z-index: 9;

	height: 30px;

	margin-top: 20px;
	margin-left: 280px;
	margin-bottom: 10px;

	text-align: left;

	background: #ffffff;

}

#webmail {

	padding-left: 100px;

}

div#footer {

	z-index: 20;

	margin-top: 0px;
	margin-left: 280px;
	margin-bottom: 0px;

	text-align: left;

	background: #ffffff;

}

.textPlain {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	text-decoration: none;
	color: #4d4d4d;

}

.textTitle {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 16px;
	text-decoration: none;
	color: #ffcc00;
	font-weight: bold;

	padding-left: 20px;

}

.imageRight {

	float: right;
	margin: 10px;

}

.imageLeft {

	float: left;
	margin: 10px;

}

div#menu {

	z-index: 9;

	height: 30px;

	margin-top: 20px;
	margin-left: 280px;
	margin-bottom: 10px;

	text-align: left;

	background: #ffffff;

}

#webmail {

	padding-left: 100px;

}

div#footer {

	z-index: 20;

	margin-top: 0px;
	margin-left: 250px;
	margin-bottom: 0px;

	text-align: left;

	background: #ffffff;

}

.textPlain {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	text-decoration: none;
	color: #4d4d4d;

}


.imageRight {

	float: right;
	margin: 10px;

}

.imageLeft {

	float: left;
	margin: 10px;

}

div#menu {

	z-index: 9;

	height: 30px;

	margin-top: 20px;
	margin-left: 280px;
	margin-bottom: 10px;

	text-align: left;

	background: #ffffff;

}

#webmail {

	padding-left: 100px;

}

div#footer {

	z-index: 20;

	margin-top: 0px;
	margin-left: 280px;
	margin-bottom: 0px;

	text-align: left;

	background: #ffffff;

}

.textPlain {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	text-decoration: none;
	color: #4d4d4d;

}

.textTitle {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 16px;
	text-decoration: none;
	color: #ffcc00;
	font-weight: bold;

	padding-left: 20px;
	margin-top: 0px;

        background: url("http://www.bee-side.com/favicon.ico") top left no-repeat;

}

div.portfolio {

	position: relative;

	margin-bottom: 40px;
	margin-top: 20px;

}

div.portfolioText {

	position: absolute;

	top:0px;
	left: 300px;

	margin-top: 20px;
	line-height: 18px;

}


/* Forms */

form {
	padding: 10px;
	background-color: #FAFAFA;
	border: 1px solid #878177;	
}

textarea {
	padding: 0;
	vertical-align: top;
	margin: 2px 2px 1px 0;
}

input {
	margin: 0 2px 0 0;
}


label {
	display: -moz-inline-box;
	display: inline-block;	
	margin: 0.6em 4px 0 0;
	padding: 0 2px;
	width: 180px;

}


/* tips */

.tip {

	border: 1px solid #cfcfcf;
	padding: 4px;
	background: #ffffff;

}

.tip-title {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	color: #4d4d4d;

	border-bottom: 1px solid #ffcc00;


}

.tip-text {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 9px;
	text-decoration: none;
	color: #4d4d4d;

}



/* links */

a, a:Visited {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #4d4d4d;

}

a:Hover {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #4d4d4d;

}



a.wiki, a.wiki:Visited {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #4d4d4d;

}

a.wiki:Hover {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #4d4d4d;


}


a.debian, a.debian:Visited {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #4d4d4d;

}

a.debian:Hover {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #4d4d4d;


}

a.fsf, a.fsf:Visited {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #4d4d4d;


}

a.fsf:Hover {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #4d4d4d;


}

a.delrock, a.delrock:Visited {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #4d4d4d;


}

a.delrock:Hover {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #4d4d4d;


}

a.delcinema, a.delcinema:Visited {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #4d4d4d;


}

a.delcinema:Hover {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #4d4d4d;


}

a.dellamoda, a.dellamoda:Visited {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #4d4d4d;


}

a.dellamoda:Hover {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #4d4d4d;


}

a.sullarte, a.sullarte:Visited {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #4d4d4d;


}

a.sullarte:Hover {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #4d4d4d;


}

a.delteatro, a.delteatro:Visited {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #4d4d4d;


}

a.delteatro:Hover {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #4d4d4d;


}


a.edizionizero, a.edizionizero:Visited {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #4d4d4d;


}

a.edizionizero:Hover {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #4d4d4d;


}

a.zeroeu, a.zeroeu:Visited {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #4d4d4d;


}

a.zeroeu:Hover {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #4d4d4d;

}

a.skira, a.skira:Visited {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #4d4d4d;


}

a.skira:Hover {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #4d4d4d;


}

a.rdb, a.rdb:Visited {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #4d4d4d;


}

a.rdb:Hover {

    	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #4d4d4d;

}