* {
	margin: 0;
}

html, body {
	height: 100%;
	min-width: 480px;
}

body {
	color: #333;
	background: #777;
	font-family: 'Ubuntu', verdana, arial, serif;
	font-size: 16px;
	padding: 0;
	margin: 0;
}

header, nav, footer, section, aside, hgroup {
	display: block;
}

a:link,
a:visited,
a:active {
	color: #333;
	font-family: 'Ubuntu', verdana, arial, serif;
	font-size: 16px;
}
a:hover,
a:focus {
	color: #6f6f6f;
}

p {
	padding: 4px 0 6px;
	margin: 0;
}
p.error {
	padding: 20px 0 10px;
}
p.error span {
	color: #cc0000;
	font-weight: bold;
	text-decoration: underline;
}

img {
	border: 0;
}



/* formular */

form {
	padding: 20px 0 10px;
	margin: 0;
}
form p {
	padding: 4px 2px;
}

input, select, textarea {
	color: #333;
	font-family: 'Ubuntu', verdana, arial, serif;
	font-size: 16px;
	background: #fff url(../img/input_background.gif) repeat-x bottom;
	border: 0;
	padding: 3px 3px 1px;
	margin: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 1px #333;
	-moz-box-shadow: 0 0 1px #333;
	box-shadow: 0 0 1px #333;
}
input:focus,
select:focus,
textarea:focus {
	background: #fff url(../img/input_background_hover.gif) repeat-x top;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 1px #6f6f6f;
	-moz-box-shadow: 0 0 1px #6f6f6f;
	box-shadow: 0 0 1px #6f6f6f;
}
textarea:focus {
	background: #fff url(../img/input_background.gif) repeat-x bottom;
}
input.button,
input.submit {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	word-spacing: 2px;
	background: url(../img/input_background.gif) repeat-x bottom;
	padding: 3px 10px 2px;
	cursor: pointer;
}
input.button:hover,
input.button:focus,
input.submit:hover,
input.submit:focus {
	background: url(../img/input_background_hover.gif) repeat-x top;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 2px #6f6f6f;
	-moz-box-shadow: 0 0 2px #6f6f6f;
	box-shadow: 0 0 2px #6f6f6f;
	padding: 3px 9px 2px 11px;
}
input.check,
input.radio,
input.file {
	background: none;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
input.readonly {
	color: #7d7d7d;
	background: #f6f6f6;
	-webkit-box-shadow: 0 0 1px #7d7d7d;
	-moz-box-shadow: 0 0 1px #7d7d7d;
	box-shadow: 0 0 1px #7d7d7d;
}



/* header */

header#header {
	height: 40px;
	text-align: center;
	background: #cb0000;
	background: -webkit-linear-gradient(top, #ac0000 0%, #e00000 100%);
	background: -moz-linear-gradient(top, #ac0000 0%, #e00000 100%);
	background: -ms-linear-gradient(top, #ac0000 0%, #e00000 100%);
	background: -o-linear-gradient(top, #ac0000 0%, #e00000 100%);
	background: linear-gradient(top, #ac0000 0%, #e00000 100%);
	border-bottom: 1px solid #8c0000;
	padding: 10px 0;
}
section#headline {
	width: 480px;
	padding-top: 10px;
	margin: auto;
}
section#headline a {
	color: #fafafa;
	font-family: 'Ubuntu', verdana, arial, serif;
	font-size: 24px;
	text-shadow: 0 1px 0 #333;
	text-decoration: none;
	padding: 10px 0;
}
section#headline a#menu_button {
	background: transparent url(../img/menu.png) no-repeat center right;
	padding: 10px 30px 10px 0;
}



/* main */

div#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #f6f6f6 url(../img/background.png);
	margin-bottom: -30px;
}
section#main {
	padding: 10px 0 60px;
}



/* menu */

nav#menu {
	display: none;
	width: 440px;
	background: #b3b3b3;
	background: -webkit-linear-gradient(top, #9a9a9a 0%, #bdbdbd 100%);
	background: -moz-linear-gradient(top, #9a9a9a 0%, #bdbdbd 100%);
	background: -ms-linear-gradient(top, #9a9a9a 0%, #bdbdbd 100%);
	background: -o-linear-gradient(top, #9a9a9a 0%, #bdbdbd 100%);
	background: linear-gradient(top, #9a9a9a 0%, #bdbdbd 100%);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 2px #6f6f6f;
	-moz-box-shadow: 0 0 2px #6f6f6f;
	box-shadow: 0 0 2px #6f6f6f;
	margin: 10px auto;
}
nav#menu a {
	display: block;
	color: #fafafa;
	font-family: 'Ubuntu', verdana, arial, serif;
	font-size: 24px;
	text-align: center;
	text-shadow: 0 1px 0 #333;
	text-decoration: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 1px #6f6f6f;
	-moz-box-shadow: 0 0 1px #6f6f6f;
	box-shadow: 0 0 1px #6f6f6f;
	padding: 20px 0;
}
nav#menu a:hover {
	background: #777;
	text-shadow: 0 1px 0 #000;
}



/* breadcrumb */

nav#breadcrumb {
	width: 440px;
	color: #ccc;
	font-family: 'Ubuntu', verdana, arial, serif;
	font-size: 16px;
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #a0a0a0;
	padding: 6px 0;
	margin: auto;
}
nav#breadcrumb a,
nav#breadcrumb span {
	color: #ccc;
	font-family: 'Ubuntu', verdana, arial, serif;
	font-size: 16px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #a0a0a0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 6px 2px 4px;
	margin: 0 2px;
}
nav#breadcrumb a {
	-webkit-box-shadow: 0 0 1px #fff;
	-moz-box-shadow: 0 0 1px #fff;
	box-shadow: 0 0 1px #fff;
}
nav#breadcrumb a.admin {
	color: #ff6600;
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #bfbfbf;
}
nav#breadcrumb a:hover,
nav#breadcrumb a.admin:hover {
	color: #fff;
	background: #b3b3b3;
	font-family: 'Ubuntu', verdana, arial, serif;
	font-size: 16px;
	text-shadow: 0 1px 0 #333;
	-webkit-box-shadow: 0 0 1px #6f6f6f;
	-moz-box-shadow: 0 0 1px #6f6f6f;
	box-shadow: 0 0 1px #6f6f6f;
}



/* content */

section#content {
	width: 440px;
	margin: auto;
}



/* footer */

footer#footer {
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #fafafa;
	text-align: center;
	font-family: 'Ubuntu', verdana, arial, serif;
	font-size: 14px;
	text-shadow: 0 1px 0 #333;
	background: #cb0000;
	background: -webkit-linear-gradient(top, #e00000 0%, #ac0000 100%);
	background: -moz-linear-gradient(top, #e00000 0%, #ac0000 100%);
	background: -ms-linear-gradient(top, #e00000 0%, #ac0000 100%);
	background: -o-linear-gradient(top, #e00000 0%, #ac0000 100%);
	background: linear-gradient(top, #e00000 0%, #ac0000 100%);
	border-top: 1px solid #8c0000;
}
footer#footer a:link,
footer#footer a:visited,
footer#footer a:active {
	color: #fff;
	font-family: 'Ubuntu', verdana, arial, serif;
	font-size: 14px;
	text-shadow: 0 1px 0 #333;
	text-decoration: none;
}
footer#footer a:hover {
	color: #dbdbdb;
}



/* content > h1-h4 */

#content h2 {
	color: #ccc;
	font-family: 'Ubuntu', verdana, arial, serif;
	font-size: 30px;
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #a0a0a0;
	margin: 25px 0 2px;
}
#content h2 span,
#content h2 a,
#content h2 a:link,
#content h2 a:visited,
#content h2 a:active {
	color: #9b9b9b;
	font-family: 'Ubuntu', verdana, arial, serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	word-spacing: 2px;
    text-shadow: 1px 1px 1px #fff;
}
#content h2 a:hover,
#content h2 a:focus {
	color: #888;
}



/* content > box */

#content section.box {
	font-size: 16px;
	background: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 2px #777;
	-moz-box-shadow: 0 0 2px #777;
	box-shadow: 0 0 2px #777;
	padding: 4px 6px;
	margin-bottom: 16px;
}
#content section.info {
	-webkit-box-shadow: 0 0 2px #FF6600;
	-moz-box-shadow: 0 0 2px #FF6600;
	box-shadow: 0 0 2px #FF6600;
}
#content section.box h3,
#content section.box h4 {
	color: #333;
    text-shadow: 1px 1px 1px #ccc;
	padding: 0;
	margin: 0;
}
#content section.box h3 span,
#content section.box h4 span {
	font-size: smaller;
}
#content section.justify {
	text-align: justify;
}
#content section.box ul {
	list-style-type: decimal;
	list-style-position: outside;
	padding-left: 24px;
}
#content section.box ul ul {
	list-style-type: lower-alpha;
}



/* content > table clear */

table.clear {
	font-size: 16px;
	border-spacing: 0;
	border-collapse: collapse;
}
table.clear td {
	vertical-align: top;
	padding: 2px;
	border: 0;
}



/* content > table list */

table.list {
	width: 100%;
	font-size: 16px;
	background: #fff;
	border-spacing: 0;
	border-collapse: collapse;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 2px #727272;
	-moz-box-shadow: 0 0 2px #727272;
	box-shadow: 0 0 2px #727272;
	margin-bottom: 16px;
}
table.list td {
	vertical-align: top;
	border-top: 1px solid #6f6f6f;
	padding: 6px 2px 4px;
}
table.list td.title {
	color: #fafafa;
	font-weight: bold;
	text-shadow: 0 1px 0 #333;
	background: #b3b3b3;
	background: -webkit-linear-gradient(top, #9a9a9a 0%, #bdbdbd 100%);
	background: -moz-linear-gradient(top, #9a9a9a 0%, #bdbdbd 100%);
	background: -ms-linear-gradient(top, #9a9a9a 0%, #bdbdbd 100%);
	background: -o-linear-gradient(top, #9a9a9a 0%, #bdbdbd 100%);
	background: linear-gradient(top, #9a9a9a 0%, #bdbdbd 100%);
	border-top: none;
	padding: 6px 2px 4px;
}
table.list td.footer {
	background: #fafafa;
	background: -webkit-linear-gradient(bottom, #eaeaea 0%, #fff 10px);
	background: -moz-linear-gradient(bottom, #eaeaea 0%, #fff 10px);
	background: -ms-linear-gradient(bottom, #eaeaea 0%, #fff 10px);
	background: -o-linear-gradient(bottom, #eaeaea 0%, #fff 10px);
	background: linear-gradient(bottom, #eaeaea 0%, #fff 10px);
}
table.list td.title a,
table.list td.title a:link,
table.list td.title a:active,
table.list td.title a:visited,
table.list td.title a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
table.list td a {
	text-decoration: none;
}
table.list .color1 {
	background: #fafafa;
}
table.list .color2 {
	background: #f5f5f5;
}
table.list .color1:hover,
table.list .color2:hover {
	background: #fff;
}
table.list table.navi,
section.box table.navi {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
table.list table.navi td,
section.box table.navi td {
	text-align: center;
	border: none;
}
table.list table.navi td a:link,
table.list table.navi td a:visited,
table.list table.navi td a:active,
section.box table.navi td a:link,
section.box table.navi td a:visited,
section.box table.navi td a:active {
	color: #333;
	font-family: 'Ubuntu', verdana, arial, serif;
	font-size: 14px;
	text-shadow: 0 1px 0 #aaa;
	background: url(../img/input_background.gif) repeat-x bottom;
	text-decoration: none;
	padding: 1px 10px;
	margin: 0 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 1px #333;
	-moz-box-shadow: 0 0 1px #333;
	box-shadow: 0 0 1px #333;
}
table.list table.navi td a:hover,
table.list table.navi td span,
table.list table.navi td b,
section.box table.navi td a:hover,
section.box table.navi td span,
section.box table.navi td b {
	color: #464646;
	font-size: 14px;
	text-shadow: 0 1px 1px #bdbdbd;
	background: url(../img/input_background_hover.gif) repeat-x top;
	padding: 1px 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 1px #6f6f6f;
	-moz-box-shadow: 0 0 1px #6f6f6f;
	box-shadow: 0 0 1px #6f6f6f;
}



/* content > table form */

table.form {
	font-size: 16px;
	background: #fff;
	border-spacing: 0;
	border-collapse: collapse;
	margin: auto;
}
table.form td {
	padding: 4px 6px;
	vertical-align: top;
}
table.form td.d {
	text-align: right;
	padding: 6px 6px 4px;
}
table.form td.v {
	text-align: left;
}
table.form td.ss {
	padding-top: 6px;
}
table.form td.s {
	padding-top: 20px;
}
table.form td.c {
	text-align: center;
}
table.form td.v label {
	cursor: pointer;
}



/* misc */

.infobox_center {
	padding-top: 25px;
}

.highlight {
	background: #fefff5;
	border: 2px dotted #6f6f6f;
	padding: 2px;
	margin-bottom: 10px;
}
.abbr {
	cursor: help;
	border-bottom: 1px dotted #6f6f6f;
}

.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.bold {
	font-weight: bold;
}
.underline {
	text-decoration: underline;
}
.italic {
	font-style: italic;
}
.small,
.small a:link,
.small a:visited,
.small a:active,
.small a:hover,
.small a:focus {
	font-size: 12px;
	text-decoration: none;
}
.red,
a.red {
	color: #B22222;
}
.green,
a.green {
	color: #006400;
}
.orange,
a.orange {
	color: #FF6600;
}
.greenbg,
a.greenbg {
	color: #fff;
	background: #006400;
}
.whitebg {
	background: #fff;
}
.greybg {
	background: #e6e6e6;
}
.percent {
	background: #fff;
	border: 1px solid #6f6f6f;
}
.data {
	font-size: 10px;
	text-align: left;
	padding: 2px;
}

.inline {
	float: left;
	margin-right: 5px;
}

.clear {
	clear: both;
}

.hide{display:none;}
.show{display:block;}

a.block{display:block;}

a.special,
a.special:link,
a.special:visited,
a.special:active {
	font-family: 'Ubuntu', verdana, arial, serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	word-spacing: 2px;
	text-decoration: none;
	background: url(../img/input_background.gif) repeat-x bottom;
	padding: 4px 11px 3px;
	cursor: pointer;
	border: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 1px #333;
	-moz-box-shadow: 0 0 1px #333;
	box-shadow: 0 0 1px #333;
}
a.special:hover {
	background: url(../img/input_background_hover.gif) repeat-x top;
	padding: 4px 10px 3px 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 2px #6f6f6f;
	-moz-box-shadow: 0 0 2px #6f6f6f;
	box-shadow: 0 0 2px #6f6f6f;
}



/* tooltip */

.ui-tooltip {
	background: #fafafa;
	background: #fff url(../img/input_background.gif) bottom repeat-x;
	border: 0;
	border-radius: 3px;
	padding: 3px 5px;
	box-shadow: 0 1px 4px #b3b3b3;
}
.ui-tooltip-content {
	font-family: 'Ubuntu', arial, helvetica, sans-serif;
	font-size: 12px;
	text-shadow: 0 1px 0 #efefef;
	/*color: #e0e0e0;
	text-shadow: -1px -1px 1px #444;
	font-weight: bold;*/
	padding: 2px;
}