body
{
	background:#171717 url('../img/body_bg.jpg') repeat-x left top fixed;
	font-size:14px;
}

body, h1, h2, h3, a, p
{
	color:#171717;
}

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

h1 a:hover
{
	text-decoration:none;
}

h1
{
	margin-bottom:40px;
	text-align:center;
}

h2
{
	text-decoration:underline;
	margin-top:20px;
	margin-bottom:20px;
}

h3
{
	margin-bottom:15px;
}

#wrapper
{
	width:100%;
	max-width:none;
	margin-top:30px;
	margin-bottom:30px;
	padding:20px;
	padding-bottom:20px;
	background:#fff;
	border-radius:10px;
	box-shadow:0 0 10px #333;
}

#general-content
{
	margin-bottom:20px;
	padding-bottom:20px;
	clear:both;
}

#systeminfos
{
	border-top:1px solid #B9B9B9;
	padding-top:10px;
	text-align:right;
}

#systeminfos, #systeminfos a
{
	color:#5D5D5D;
	font-size:1em;
}

.systemnotification
{
	text-align:center;
	margin-top:40px;
}

.row
{
	margin-right:0px;
	margin-left:0px;
}

.agent
{
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px solid black;
}

.agent-name, .agent-info
{
	padding-left:0px;
	padding-right:0px;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
}

.agent-name
{
	text-align:left;
}

.agent-info, .agent h3, h3
{
	font-size:1.4em;
	margin-bottom:5px;
}

.agent h3
{
	text-align:center;
}

.agent-info
{
	text-align:center;
}

.w5 { width:5%; }
.h5 { height:5%; }
.w10 { width:10%; }
.h10 { height:10%; }
.w15 { width:15%; }
.h15 { height:15%; }
.w20 { width:20%; }
.h20 { height:20%; }
.w25 { width:25%; }
.h25 { height:25%; }
.w30 { width:30%; }
.h30 { height:30%; }
.w35 { width:35%; }
.h35 { height:35%; }
.w40 { width:40%; }
.h40 { height:40%; }
.w45 { width:45%; }
.h45 { height:45%; }
.w50 { width:50%; }
.h50 { height:50%; }
.w55 { width:55%; }
.h55 { height:55%; }
.w60 { width:60%; }
.h60 { height:60%; }
.w65 { width:65%; }
.h65 { height:65%; }
.w70 { width:70%; }
.h70 { height:70%; }
.w75 { width:75%; }
.h75 { height:75%; }
.w80 { width:80%; }
.h80 { height:80%; }
.w85 { width:85%; }
.h85 { height:85%; }
.w90 { width:90%; }
.h90 { height:90%; }
.w95 { width:95%; }
.h95 { height:95%; }
.w100 { width:100%; }
.h100 { height:100%; }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px)
{
	#wrapper
	{
		width:90%;
		max-width:none;
		margin-top:60px;
		margin-bottom:60px;
		padding:40px;
		padding-bottom:20px;
		background:#fff;
		border-radius:10px;
		box-shadow:0 0 10px #333;
	}
	
	.agent-info, .agent h3, h3
	{
		font-size:1.6em;
		margin-bottom:15px;
	}
	
	.agent h3
	{
		text-align:left;
	}

	.agent-info
	{
		text-align:right;
	}
}