* {
	margin:0;
	padding:0;
}
/**********
* GENERAL *
**********/
html, body {
	width:100%;
	font-family:Verdana,Arial,sans-serif;
	font-size:11px;
	color:#222;
	background:#fafafa;
	cursor:default;
}



/*********
* HEADER *
*********/
#madHeaderLogo {
	margin:5px auto 10px auto;
	text-align:center;
}
/**************
* HEADER MENU *
**************/
#madHeaderMenuContainer {
	background:url('http://www.mad-group.at/img/site/madMenuStripe.png');
}
#madHeaderMenu {
	margin:0 auto;
	width:800px;
	height:32px;
	border:1px solid #00497d;
	border-radius:4px;
	box-shadow:1px 1px 2px #ccc;
	list-style-type:none;
}
#madHeaderMenu li {
	padding:0 20px;
	height:32px;
	line-height:30px;
	font-size:12px;
	font-weight:bold;
	font-weight:bold;
	color:#fff;
	text-shadow:1px 1px 1px #222;
	border-right:1px solid #00497d;
	float:left;
	cursor:pointer;
}
#madHeaderMenu li:first-child {
	padding:0 10px;
}
#madHeaderMenu li:hover {
	background:#00497d;
}
/*************
* FORM ITEMS *
*************/
.madFormTextInput {
	padding:3px;
	background:#fafafa;
	border:1px solid #aaa;
	border-radius:4px;
	box-shadow:0 0 1px #ccc;
}
/******************
* CUSTOMER WIDGET *
******************/
#madCustomerWidgetContainer {
	position:fixed;
	top:0;
	right:0;
	width:236px;
	height:100%;
	margin-right:-201px;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
#madCustomerWidgetContainer.isVisible {
	margin-right:0;
}
#madCustomerWidgetButton {
	position:absolute;
	top:0;
	left:0;
	width:35px;
	height:35px;
	background:#eee;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	border-radius:0 0 0 8px;
	text-align:center;
	cursor:pointer;
}
#madCustomerWidgetButton:hover {
	background:#29c70a;
	border-bottom:1px solid #29c70a;
	border-left:1px solid #29c70a;
}
#madCustomerWidgetButton img {
	margin-top:5px;
}
#madCustomerWidget {
	position:absolute;
	top:0;
	right:0;
	width:200px;
	height:100%;
	background:#eee;
	border-left:1px solid #eee;
}
#madCustomerWidget div.madCustomerWidgetHeader {
	height:35px;
	font-size:10px;
	color:#00497d;
	background:#eee;
	border-bottom:1px solid #eee;
	text-align:center;
}
#madCustomerWidget div.madCustomerWidgetHeader span {
	padding-top:5px;
	display:block;
}
#madCustomerWidgetLogin p {
	padding:5px;
	font-size:10px;
}
#madCustomerWidgetLogin p.madCustomerWidgetInfo {
	color:#666;
	border-top:1px solid #fafafa;
	text-align:center;
}
#madCustomerWidgetLogin div.madCustomerWidgetMainOptions {
	padding:10px 0 0 0;
	border-top:1px solid #fafafa;
	text-align:center;
}
#madCustomerWidgetLogin div.madCustomerWidgetMainOptions button {
	margin:0 5px 10px 5px;
	width:186px;
}
#madCustomerWidgetLogin div.madCustomerWidgetMainOptions button > span.ui-button-text {
	text-align:left;
}
#madCustomerWidgetLogin p.madCustomerWidgetError {
	font-weight:bold;
	color:#f00;
	border-top:1px solid #fafafa;
	text-align:center;
}
#madCustomerWidgetLogin p label {
	color:#00497d;
	font-weight:bold;
}
.madFormCustomerWidgetUser {
	padding-left:10px;
	font-size:10px;
	width:170px;
	color:#666;
	background:#eee;
}
.madFormCustomerWidgetPass {
	padding-left:10px;
	font-size:10px;
	width:170px;
	color:#666;
	background:#eee;
}
.madFormCustomerWidgetUser:hover, .madFormCustomerWidgetUserFocus, .madFormCustomerWidgetPass:hover, .madFormCustomerWidgetPassFocus {
	background:#fafafa;
}
.madFormCustomerWidgetSubmit {
	padding:5px 15px;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	text-shadow:1px 1px 1px #222;
	border:1px solid #2a7a22;
	border-radius:4px;
	cursor:pointer;
}
.madFormCustomerWidgetSubmit:hover {
	color:#222;
	text-shadow:1px 1px 1px #fff;
	border:1px solid #aaa;
}
.madFormCustomerWidgetLogout {
	padding:5px 15px;
	font-size:10px;
	font-weight:bold;
	color:#222;
	text-shadow:1px 1px 1px #fff;
	border:1px solid #aaa;
	border-radius:4px;
	cursor:pointer;
}
.madFormCustomerWidgetLogout:hover {
	color:#fff;
	text-shadow:1px 1px 1px #222;
	border:1px solid #2a7a22;
}
/******************
* BLANK INFO PAGE *
******************/
div.madBlankInfoPageContainer {
	margin-top:23px;
}
/***********
* PROJECTS *
***********/
div.madProjectHeaderContainer {
	border-bottom:1px dotted #00497d;
}
div.madProjectHeaderContainer img {
	margin:0 0 0 10px;
	float:left;
}
div.madProjectHeaderContent {
	margin:15px 0 0 15px;
	float:left;
}
div.madProjectHeaderContent h2 {
	font-size:18px;
	color:#00497d;
	font-weight:bold;
	text-shadow:1px 1px 1px #fff;
}
div.madProjectHeaderContent span {
	font-size:10px;
	color:#00497d;
	text-shadow:1px 1px 1px #fff;
}
div.madProjectContent {
	margin:15px;
}
/*************
* BUBBLE BOX *
*************/
.madBubbleBox {
	margin:auto;
	margin-bottom:10px;
	padding:5px;
	max-width:480px;
	position:relative;
	background:#fafafa;
	border:1px solid #aaa;
	border-radius:8px;
}
.madBubbleBox:after, .madBubbleBox:before {
	top:100%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
}
.madBubbleBox:after {
	border-color:rgba(250, 250, 250, 0);
	border-top-color:#fafafa;
	border-width:15px;
	left:50%;
	margin-left:-15px;
}
.madBubbleBox:before {
	border-color:rgba(170, 170, 170, 0);
	border-top-color:#aaa;
	border-width:16px;
	left:50%;
	margin-left:-16px;
}
/*******************
* STANDARD CLASSES *
*******************/
.madCentered {
	text-align:center !important;
}
.madDefaultCursor {
	cursor:default !important;
}
.madClear {
	font-size:1px !important;
	clear:both !important;
}
/************
* GRADIENTS *
************/
.madGradient {}
.madGradientCI {
	background:#4da7e3;
	background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkYTdlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwNDk3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=');
	background:-moz-linear-gradient(top, #4da7e3 0%, #00497d 50%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #4da7e3), color-stop(50%, #00497d));
	background:-webkit-linear-gradient(top, #4da7e3 0%, #00497d 50%);
	background:-o-linear-gradient(top, #4da7e3 0%, #00497d 50%);
	background:-ms-linear-gradient(top, #4da7e3 0%, #00497d 50%);
	background:linear-gradient(to bottom, #4da7e3 0%, #00497d 50%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4da7e3', endColorstr='#00497d', GradientType=0);
}
.madGradientSilver-V {
	background:#fafafa;
	background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
	background:-moz-linear-gradient(top, #fafafa 0%, #eeeeee 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #eeeeee));
	background:-webkit-linear-gradient(top, #fafafa 0%, #eeeeee 100%);
	background:-o-linear-gradient(top, #fafafa 0%, #eeeeee 100%);
	background:-ms-linear-gradient(top, #fafafa 0%, #eeeeee 100%);
	background:linear-gradient(to bottom, #fafafa 0%, #eeeeee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eeeeee', GradientType=0);
}
.madGradientB2Buttons {
	background:#29c70a;
	background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5YzcwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYTdhMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
	background:-moz-linear-gradient(top, #29c70a 0%, #2a7a22 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #29c70a), color-stop(100%, #2a7a22));
	background:-webkit-linear-gradient(top, #29c70a 0%, #2a7a22 100%);
	background:-o-linear-gradient(top, #29c70a 0%, #2a7a22 100%);
	background:-ms-linear-gradient(top, #29c70a 0%, #2a7a22 100%);
	background:linear-gradient(to bottom, #29c70a 0%, #2a7a22 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#29c70a', endColorstr='#2a7a22', GradientType=0);
}