body {
	font-family: "Trebuchet MS", Segoe, "Segoe UI", "DejaVu Sans", Verdana, sans-serif;
	font-size:12px;
	-webkit-text-size-adjust:none;
	display:block;
	margin:0 auto;
	width:990px;
	color:#333;
}

header {
	display:block;
	float:left;
	height:120px;
	margin:0 15px 5px;
}

header.big {
	height:180px;
}

header .top {
	display:block;
	float:left;
	height:60px;
	width:960px;
}

header .top a.logo {
	display:block;
	float:left;
	height:60px;
	line-height:60px;
	font-size:30px;
	color:#9C132E;
	text-decoration:none;
	margin:0 10px;
}

header .top h1 {
	display:block;
	float:left;
	height:60px;
	line-height:60px;
	font-size:30px;
	font-weight:normal;
}

header .top span.webapp {
	display:block;
	float:left;
	height:42px;
	line-height:42px;
	font-size:12px;
	margin:15px 10px 3px;
}

header .top span.tab {
	display:block;
	float:right;
	height:30px;
	line-height:30px;
	padding:0 10px;
	font-size:12px;
	margin:30px 10px 0 0;
	background:#DDD;
	background:linear-gradient(#DDD,#CCC);
}

header .red {
	display:block;
	float:left;
	height:40px;
	width:960px;
	padding:5px 0;
	background:#9C132E;
	border-bottom:10px solid white;
}

header .red.pinned {
	position:fixed;
	z-index:10000;
	top:0;
	left:50%;
	margin-left:-480px;
}

header .red a,
header .red input[type=submit] {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	padding:0 10px;
	margin:5px 10px;
	color:white;
	text-decoration:none;
	transition:all 0.25s ease-in-out;
	cursor:pointer;
}

header .red a.startseite {
	width:30px;
	padding:0;
	background-image:url('../img/icons/startseite.png');
	background-repeat:no-repeat;
	background-position:center;
	text-indent:30px;
	overflow:hidden;
}


header .red a.right,
header .red input[type=submit].right {
	float:right;
}

header .red a:hover,
header .red a.active,
header .red input[type=submit]:hover,
header .red input[type=submit].active {
	background-color:#B33;
	background-color:rgba(255,255,255,0.2);
}

header nav.sub {
	display:block;
	float:left;
	height:40px;
	width:960px;
	padding:5px 0;
	background:#9C132E;
	background:#DDD;
	background:linear-gradient(#DDD,#CCC);
	border-bottom:10px solid white;
}

header nav.sub.pinned {
	position:fixed;
	z-index:10000;
	top:50px;
	left:50%;
	margin-left:-480px;
	margin-top:0;
}

nav.sub a,
nav.sub input[type=submit] {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	padding:0 10px;
	margin:5px 10px;
	color:#333;
	text-decoration:none;
	transition:all 0.25s ease-in-out;
	cursor:pointer;
}

nav.sub a.startseite {
	width:30px;
	padding:0;
	background-image:url('../img/icons/startseite.png');
	background-repeat:no-repeat;
	background-position:center;
	text-indent:30px;
	overflow:hidden;
}


nav.sub a.right,
nav.sub input[type=submit].right {
	float:right;
}

nav.sub a:hover,
nav.sub a.active,
nav.sub input[type=submit]:hover,
nav.sub input[type=submit].active {
	background-color:#AAA;
	background-color:rgba(0,0,0,0.2);
}

footer {
	display:block;
	float:left;
	width:940px;
	border:1px solid #DDD;
	margin:15px 15px -1px;
	padding:9px;
	background-color:#F6F6F6;
	
}

footer p {
	display:block;
	float:left;
	margin:10px;
	line-height:1.5;
}

footer p.right {
	float:right;
	text-align:right;
}

footer p a {
	color:#333;
}

div.progressbar {
	display:block;
	float:left;
	height:30px;
	width:940px;
	background:#DDD;
	background:linear-gradient(#DDD,#CCC);
	margin:15px;
	padding:0 10px;
}

div.progressbar .step {
	display:block;
	float:left;
	margin:0 10px;
	height:30px;
	line-height:30px;
	text-decoration:none;
	color:white;
}

div.progressbar .step.active {
	color:#9C132E;
	text-decoration:underline;
}

div.progressbar .step.done {
	color:#333;
}

div.progressbar .divider {
	display:block;
	float:left;
	margin:0 10px;
	height:30px;
	width:11px;
	background-image:url('../img/progress.png');
	background-repeat:no-repeat;
}

section.box {
	display:block;
	float:left;
	width:960px;
	margin:15px;
}

section.box .top,
section.box .bottom {
	display:block;
	float:left;
	width:960px;
	height:30px;
}

section.box .top h2 {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	padding:0 10px;
	font-size:12px;
	margin:0 0 0 10px;
	background:#DDD;
	
}

section.box .content {
	display:block;
	float:left;
	width:940px;
	border:1px solid #DDD;
	padding:9px;
	background-color:#F6F6F6;
}

section.box .content p {
	display:block;
	float:left;
	width:920px;
	margin:10px;
	line-height:1.5;
	
}

section.box .content a.globalbutton {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	padding:0 10px;
	font-size:12px;
	margin:10px;
	background-color:#DDD;
	color:#333;
	text-decoration:none;
}

section.box .top > a,
section.box .bottom > a,
section.box .top > .tab,
section.box .bottom > .tab,
section.box .top input[type=submit],
section.box .bottom input[type=submit] {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	padding:0 10px;
	font-size:12px;
	margin:0 0 0 10px;
	background-color:#DDD;
	color:#333;
	text-decoration:none;
	cursor:pointer;
	-webkit-appearance:none;
	border-radius:0;
}

section.box .top .right,
section.box .bottom .right {
	float: right!important;
	margin:0 10px 0 0!important;
}

section.box .top > a.proceed,
section.box .bottom > a.proceed,
section.box .top > input[type=submit].proceed,
section.box .bottom > input[type=submit].proceed {
	padding-right:25px;
	background-image:url('../img/icons/arrow_right.png');
	background-repeat:no-repeat;
	background-position:right 8px top 10px;
}

section.box .top > a.proceed.highlight,
section.box .bottom > a.proceed.highlight,
section.box .top > input[type=submit].proceed.highlight,
section.box .bottom > input[type=submit].proceed.highlight {
	background-image:url('../img/icons/arrow_right_white.png');
}

section.box .top > a:hover,
section.box .bottom > a:hover,
section.box .content a.globalbutton,
section.box .top > input[type=submit]:hover,
section.box .bottom > input[type=submit]:hover,
section.box .content input[type=submit].globalbutton {
	background-color:#CCC;
}

section.box .top > a.highlight,
section.box .bottom > a.highlight,
section.box .content a.globalbutton.highlight,
section.box .top > input[type=submit].highlight,
section.box .bottom > input[type=submit].highlight,
section.box .content input[type=submit].globalbutton.highlight {
	background-color:#9C132E;
	color:white;
}

section.box .top > a.highlight:hover,
section.box .bottom > a.highlight:hover,
section.box .content a.globalbutton.highlight:hover,
section.box .top > input[type=submit].highlight:hover,
section.box .bottom > input[type=submit].highlight:hover,
section.box .content input[type=submit].globalbutton.highlight:hover {
	background-color:#8C1129;
}

section.box .top > a.add,
section.box .bottom > a.add,
section.box .top > input[type=submit].add,
section.box .bottom > input[type=submit].add {
	background-image:url('../img/icons/add.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:10px;
}

section.box .top input[type=image],
section.box .bottom input[type=image] {
	display:block;
	float:left;
	height:25px;
	line-height:25px;
	padding:0;
	font-size:12px;
	margin:0 0 5px 10px;
	color:#333;
	text-decoration:none;
	cursor:pointer;
}

section.box .bottom input[type=image] {
	display:block;
	float:left;
	height:25px;
	line-height:25px;
	padding:0;
	font-size:12px;
	margin:5px 0 0 10px;
	color:#333;
	text-decoration:none;
	cursor:pointer;
}

section.box .bottom .pages {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	padding:0 10px;
	font-size:12px;
	margin:0 0 0 10px;
	background:#DDD;
	background:linear-gradient(#DDD,#CCC);
}

section.box .bottom .pages span {
	color:#9C132E;
}

section.box .bottom .pages a {
	color:#333;
	text-decoration:none;
}

section.box .bottom .pages a:hover {
	color:#000;
}

.infopanel {
	display:block;
	float:left;
	width:940px;
}

.infopanel .line {
	display:block;
	float:left;
	padding:10px;
	margin:0 10px;
	width:900px;
	border-bottom:1px solid #DDD;
	height:20px;
	line-height:20px;
}

.infopanel .line.autoheight {
	height:auto;
}

.infopanel .line:last-child {
	border-bottom:none;
}

.infopanel .line:hover {
	background-color:#EEE;
}

.infopanel .line span {
	display:block;
	float:left;
	margin-right:10px;
}

.infopanel .line span.desc {
	font-weight:bold;
	width:200px;
}

.infopanel .line.head span.desc {
	color:#9c132e;
}

.single-search .textfield-button-combo {
	display:block;
	float:left;
	width:398px;
	height:28px;
	margin:10px;
	border:1px solid #DDD;
	background-color:#FFF;
	overflow:hidden;
}

.single-search .textfield-button-combo input[type=text],
.single-search .textfield-button-combo input[type=password] {
	display:block;
	float:left;
	width:358px;
	height:28px;
	line-height:28px;
	margin:0 4px;
	color:#333;
}

.single-search .textfield-button-combo input[type=submit] {
	display:block;
	float:left;
	width:20px;
	height:20px;
	margin:4px 4px 4px 8px;
	color:#333;
	border-radius:10px;
	background-color:#DDD;
	text-indent:20px;
	overflow:hidden;
	cursor:pointer;
	background-image:url('../img/icons/arrow_right.png');
	background-repeat:no-repeat;
	background-position:8px 5px;
}

.single-search .textfield-button-combo input[type=submit]:hover {
	background-color:#CCC;
}

.single-search label {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	margin:10px 10px 10px 0;
}

table.listing {
	width:920px;
	margin:0 10px;
	border-collapse:collapse;
}

table.listing th,
table.listing td {
	padding:10px;
	line-height:20px;
	text-align:left;
	vertical-align:top;
}

table.listing th.break-word,
table.listing td.break-word {
	word-break:break-all;
}

table.listing th.one-button {
	width:30px;
}

table.listing td.sub {
	background-color:white;
}

table.listing td.no-wrap {
	white-space:nowrap;
}

table.listing td {
	border-top:1px solid #DDD;
}

table.listing tr.addition td {
	border-top:none;
}

table.listing tr {
	transition:background 0.2s ease-in-out;
}

table.listing tr:hover {
	background-color:#EEE;
}

table.listing.nohover tr {
	background-color:transparent;
}

table.listing tr:first-child {
	background-color:transparent;
}

table.listing th {
	border-bottom:1px solid #999;
}

table.listing td .button {
	display:block;
	float:right;
	width:20px;
	height:20px;
	margin:0 0 0 10px;
	color:#333;
	border-radius:10px;
	background-color:#DDD;
	text-indent:20px;
	overflow:hidden;
	cursor:pointer;
	background-repeat:no-repeat;
}

table.listing td .button:hover {
	background-color:#CCC;	
}

table.listing td .proceed {
	background-image:url('../img/icons/arrow_right.png');
	background-position:8px 5px;
}

table.listing td .edit {
	background-image:url('../img/icons/edit.png');
	background-position:5px 5px;
}

table.listing td .choose {
	background-image:url('../img/icons/choose.png');
	background-position:5px 6px;
}

table.listing td .stock {
	background-image:url('../img/icons/stock.png');
	background-position:6px 5px;
}

table.listing td .price {
	background-image:url('../img/icons/price.png');
	background-position:6px 6px;
}

table.listing td .delete {
	background-color:#9C132E;
	background-image:url('../img/icons/delete.png');
	background-position:5px 5px;
}

table.listing td .delete:hover {
	background-color:#9C132E;
}

table.listing td .dark {
	background-color:#BBB;
}

table.listing td .dark:hover {
	background-color:#AAA;
}

table.listing td img.imgbutton {
	display:block;
	float:right;
	height:20px;
	border-radius:10px;
	margin:0 0 0 10px;
}

table.listing th.DisplaySmart,
table.listing td.DisplaySmart {
	display:none;
	visibility:hidden;
	width:0;
}

table.listing.small {
	font-size:10px;
}

table.listing.grid {
	border:1px solid #DDD;
	margin:10px;
}

table.listing.grid th,
table.listing.grid td {
	border:1px solid #DDD;
}

table.listing.grid th {
	border-bottom:1px solid #999;
}

span.listing-error {
	display:block;
	float:left;
	margin:15px 20px 10px;
	color:#9C132E;
}

span.form-error {
	display:block;
	float:left;
	margin:5px 20px 10px;
	color:#9C132E;
	width:100%
}

span.form-error:first-child {
	margin:10px 20px;
}

.slideshow {
	display:block;
	float:left;
	height:300px;
	width:630px;
	margin:15px;
	overflow:hidden;
}

.slideshow .slider {
	display:block;
	float:left;
	height:300px;
}

.slideshow .slider .element {
	display:block;
	float:left;
	width:630px;
	height:300px;
	position:relative;
	overflow:hidden;
}

.slideshow .slider .element.start { background-image:url('../img/slideshow/1.jpg'); }
.slideshow .slider .element.two { background-image:url('../img/slideshow/2.jpg'); }
.slideshow .slider .element.three { background-image:url('../img/slideshow/3.jpg'); }

.slideshow .slider .element h2 {
	display:block;
	position:absolute;
	height:40px;
	line-height:40px;
	top:20px;
	left:20px;
	background-color:#9C132E;
	background-color:rgba(170,0,0,0.8);
	color:white;
	font-size:20px;
	font-weight:normal;
	padding:0 10px;
}

.slideshow .slider .element p {
	display:block;
	position:absolute;
	line-height:1.75;
	width:400px;
	top:70px;
	left:20px;
	background-color:#9C132E;
	background-color:rgba(170,0,0,0.8);
	color:white;
	font-size:14px;
	font-weight:normal;
	padding:5px 10px;
}

.slideshow .slider .element a {
	display:block;
	position:absolute;
	height:30px;
	line-height:30px;
	bottom:20px;
	left:20px;
	background-color:#9C132E;
	background-color:rgba(170,0,0,0.8);
	color:white;
	font-size:14px;
	font-weight:normal;
	padding:0 25px 0 10px;
	text-decoration:none;
	background-image:url('../img/icons/arrow_right_white.png');
	background-repeat:no-repeat;
	background-position:right 8px top 10px;
}

/* WRAPPING */

.wrap {
	display:block;
	float:left;
}

.wrap.left { width:660px; }
.wrap.right { width:330px; }

.wrap.left section.box { width:630px; }
.wrap.right section.box { width:300px; }

.wrap.left section.box .top, .wrap.left section.box .bottom { width:630px; }
.wrap.right section.box .top, .wrap.right section.box .bottom { width:300px; }

.wrap.left section.box .content { width:610px; }
.wrap.right section.box .content { width:280px; }

/* MIXED, TODO, TO SPLIT*/

.wrap.left section.box .content h2 {
	display:block;
	float:left;
	margin:0 10px 10px;
	padding:10px 10px 20px;
	border-bottom:1px solid #DDD;
	color:#9C132E;
	width:570px;
}

.wrap.left section.box .content h2 span {
	display:block;
	float:right;
	color:#333;
}

.wrap.left section.box .content p {
	display:block;
	float:left;
	margin:10px 20px;
	width:570px;
	line-height:1.5;
}

.wrap.left section.box .content p em {
	font-style:normal;
	color:#9C132E;
}

.wrap.left section.box .content ul {
	display:block;
	float:left;
	margin:10px 20px 10px 40px;
	width:550px;
	line-height:1.5;
}

.wrap.right .loginbox {
	display:block;
	float:left;
	width:280px;
	padding:10px;
	margin:15px;
	background-color:#9C132E;
}

.wrap.right .loginbox h2 {
	display:block;
	float:left;
	margin:10px;
	width:260px;
	color:white;
	text-align:center;
}

.wrap.right .loginbox .error {
	display:block;
	float:left;
	margin:0 10px 10px;
	width:260px;
	color:white;
	text-align:center;
	border:1px solid white;
	padding:5px 0;
}

.wrap.right .loginbox > input[type=text],
.wrap.right .loginbox > input[type=password] {
	display:block;
	float:left;
	width:250px;
	height:28px;
	line-height:28px;
	padding:0 4px;
	margin:10px 10px 0 10px;
	border:1px solid #DDD;
	background-color:#FFF;
}

.wrap.right .loginbox .textfield-button-combo {
	display:block;
	float:left;
	width:258px;
	height:28px;
	margin:10px;
	border:1px solid #DDD;
	background-color:#FFF;
	overflow:hidden;
}

.wrap.right .loginbox .textfield-button-combo input[type=text],
.wrap.right .loginbox .textfield-button-combo input[type=password] {
	display:block;
	float:left;
	width:218px;
	height:28px;
	line-height:28px;
	margin:0 4px;
	color:#333;
}

.wrap.right .loginbox .textfield-button-combo input[type=submit] {
	display:block;
	float:left;
	width:20px;
	height:20px;
	margin:4px 4px 4px 8px;
	color:#333;
	border-radius:10px;
	background-color:#DDD;
	text-indent:20px;
	overflow:hidden;
	cursor:pointer;
	background-image:url('../img/icons/arrow_right.png');
	background-repeat:no-repeat;
	background-position:8px 5px;
}

.wrap.right .loginbox .textfield-button-combo input[type=submit]:hover {
	background-color:#CCC;
}

.wrap.right section.box.news .content h2 {
	text-align:center;
	color:#9C132E;
	width:260px;
	margin:10px;
}

.wrap.right section.box.news .content a.entry {
	display:block;
	float:left;
	width:260px;
	padding:10px;
	margin:10px 0 0 0;
	border-top: 1px solid #DDD;
	background-image:url('../img/icons/news.png');
	background-repeat:no-repeat;
	background-position:right 10px center;
	cursor:pointer;
}

.wrap.right section.box.news .content a.entry:hover {
	color:#9C132E;
}

.wrap.right section.box.news .content a.entry h4 {
	display:block;
	float:left;
	font-size:10px;
	width:260px;
	margin:10px 0;
}

.wrap.right section.box.news .content a.entry h3 {
	display:block;
	float:left;
	width:200px;
	line-height:1.5;
}

.tbError,
.tb-error {
	display:block;
	float:left;
	border:1px solid #9C132E;
	background-color:rgba(170,0,0,0.2);
	resize:none;
	width:920px;
	padding:19px;
	margin:15px;
}

/* KALENDER */

.calendar {
	float:left;
	margin-top:10px;
	border:1px solid #DDD;
	border-color:#DDD;
	width:213px;
	line-height:1.5;
}

.calendar a {
	text-decoration:none;
}

.calendar .calenderTitelStyle {
	background-color:#f6f6f6;
}

.calendar .calenderTitelStyle td,
.calendar th.calenderDayHeaderStyle {
	padding:5px;
}

.calendar .calenderDayHeaderStyle {
	background-color:#DDD;
}

.calendar .calenderOtherDayStyle {
	opacity:0.25;
}

.block { display:block; }

.w10 { width:10px; }
.w20 { width:20px; }
.w30 { width:30px; }
.w40 { width:40px; }
.w50 { width:50px; }

.no-top-margin { margin-top:0!important; }