@font-face {
	font-family: 'magicalgarden';
	src: url('images/layer/GiddyupStd.otf') format('opentype');
}

html, body { 
	margin: 0;
	height: 100%;
}

body {
	color: #a29092;
	font-size: 10px;
	font-family: Verdana;
	background: url('images/layer/hg.png');
	background-attachment: fixed;
	background-position: center;
}

p, td {
	color: #a29092;
	font-size: 10px;
	font-family: Verdana;
}

b {
	color: #71aeea;
}

i {
	color: #ffa55d;
}

u {
	color: #a2a464;
	text-decoration-line: underline;
	text-decoration-color: #74cfbd;
	text-decoration-style: dashed;
}

/* Tipsy */

.tipsy { 
	padding: 5px;
	font-size: 11px;
	background-repeat: no-repeat;
	background: url('images/tipsy.gif');
}

.tipsy-inner {
	color: #a29092;
	font-size: 10px;
	font-family: Verdana;
	text-align: center;
	max-width: 125px;
	padding: 5px;
	background: url('images/layer/boxbg3.png');
	border: 1px dashed #a079c4;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.tipsy-south {
	background-position: bottom center;
}

.tipsy-north {
	background-position: top center;
}

/* Überschriften */

h1 {
	margin-top: 18px;
	margin-bottom: 3px;
	color: #a079c4;
	font-size: 36px;
	font-family: magicalgarden;
	text-align: center;
	text-shadow: 0px 0px 20px #fff, 0px 0px 10px #ea88b2;
	font-weight: lighter;
	line-height: 10px;
	text-decoration: none;
	border-bottom: 1px dashed #ea88b2;
}

h2 {
	margin-top: 10px;
	margin-bottom: 3px;
	color: #a079c4;
	font-size: 28px;
	font-family: magicalgarden;
	text-align: center;
	text-shadow: 0px 0px 20px #fff, 0px 0px 10px #ea88b2;
	font-weight: lighter;
	line-height: 8px;
	text-decoration: none;
	border-bottom: 1px dashed #ea88b2;
}

h3 {
	margin-top: 10px;
	margin-bottom: 3px;
	color: #ea88b2;
	font-size: 24px;
	font-family: magicalgarden;
	text-align: center;
	text-shadow: 0px 0px 20px #fff, 0px 0px 10px #a079c4;
	font-weight: lighter;
	line-height: 6px;
	text-decoration: none;
	border-bottom: 1px dashed #a079c4;
}


h4 {
	margin-top: 10px;
	margin-bottom: 3px;
	color: #a079c4;
	font-size: 24px;
	font-family: magicalgarden;
	text-align: center;
	text-shadow: 0px 0px 20px #fff, 0px 0px 10px #ea88b2;
	font-weight: lighter;
	line-height: 6px;
	text-decoration: none;
	border-bottom: 1px dashed #ea88b2;
}

h5 {
	margin-top: 3px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #a079c4;
}

h6 {
	margin-top: 3px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #ea88b2;
}

/* Navi Link */

a.box, a.box:link, a.box:visited, a.box:active {
	display: block;
	margin: 0px;
	width: 115px;
	padding: 4px;
	text-align: center;
	color: #a079c4;
	font-family: Verdana;
	font-size: 10px;
	text-decoration-line: underline;
	text-decoration-color: #ea88b2;
	text-decoration-style: dashed;
	font-weight: lighter;
	text-shadow: 0px 0px 20px #fff, 0px 0px 10px #ea88b2;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background: url('images/layer/boxbg.png');
	border: 1px dashed #a079c4;
}

a.box:hover {
	text-decoration: none;
	color: #ea88b2;
	font-weight: bold;
	background: url('../images/layer/boxbg2.png');
	border: 1px dashed #ea88b2;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

a.box2, a.box2:link, a.box2:visited, a.box2:active {
	display: block;
	margin: 0px;
	height: 115px;
	padding: 4px;
	text-align: center;
	writing-mode: sideways-lr;
	-webkit-writing-mode: sideways-lr;
	-ms-writing-mode: sideways-lr;
	color: #a079c4;
	font-family: Verdana;
	font-size: 10px;
	text-decoration-line: underline;
	text-decoration-color: #ea88b2;
	text-decoration-style: dashed;
	font-weight: lighter;
	text-shadow: 0px 0px 20px #fff, 0px 0px 10px #ea88b2;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background: url('images/layer/boxbg.png');
	border: 1px dashed #a079c4;
}

a.box2:hover {
	text-decoration: none;
	color: #ea88b2;
	background: url('images/layer/boxbg2.png');
	border: 1px dashed #ea88b2;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

a.nav, a.nav:link, a.nav:visited, a.nav:active {
	display: block;
	float: right;
	margin-right: 8px;
	width: 95px;
	height: 15px;
	padding: 5px;
	text-align: center;
	color: #a079c4;
	font-size: 10px;
	font-family: Verdana;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	background: #ffffff;
	text-decoration-line: underline;
	text-decoration-color: #ea88b2;
	text-decoration-style: dashed;
	font-weight: lighter;
	text-shadow: 0px 0px 20px #fff, 0px 0px 10px #ea88b2;
}

a.nav:hover {
	text-decoration: none;
	color: #ea88b2;
	font-weight: bold;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

/* Classes */

.table1 {
	background: url('images/layer/boxbg.png');
	border: 1px dashed #a079c4;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.table2 {
	background: url('images/layer/boxbg2.png');
	border: 1px dashed #ea88b2;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

/* Formular */

::-moz-placeholder {
  opacity: 0.75;
}

select.normal {
	color: #a29092;
	font-family: Verdana;
	font-size: 10px;
	text-align: center;
	padding: 3px;
	width: 150px;
	background: url('images/layer/boxbg.png');
	border: 1px dashed #a079c4;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

select.big {
	color: #a29092;
	font-family: Verdana;
	font-size: 10px;
	text-align: center;
	padding: 3px;
	width: 100px;
	background: url('images/layer/boxbg.png');
	border: 1px dashed #a079c4;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

select.mini {
	color: #a29092;
	font-family: Verdana;
	font-size: 10px;
	text-align: center;
	padding: 3px;
	width: 46px;
	background: url('images/layer/boxbg.png');
	border: 1px dashed #a079c4;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

textarea {
	color: #a29092;
	font-family: Verdana;
	font-size: 10px;
	text-align: center;
	padding: 3px;
	width: 150px;
	background: url('images/layer/boxbg.png');
	border: 1px dashed #a079c4;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

input[type=text] {
	color: #a29092;
	font-family: Verdana;
	font-size: 10px;
	text-align: center;
	padding: 3px;
	width: 150px;
	background: url('images/layer/boxbg.png');
	border: 1px dashed #a079c4;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

input[type=submit] {
	color: #a079c4;
	font-family: Verdana;
	font-size: 10px;
	text-align: center;
	padding: 5px;
	width: 150px;
	text-decoration-line: underline;
	text-decoration-color: #ea88b2;
	text-decoration-style: dashed;
	background: url('images/layer/boxbg.png');
	border: 1px dashed #a079c4;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

input[type=submit]:hover {
	color: #ea88b2;
	font-family: Verdana;
	font-size: 10px;
	text-align: center;
	padding: 5px;
	width: 150px;
	font-weight: bold;
	text-decoration: none;
	background: url('images/layer/boxbg2.png');
	border: 1px dashed #ea88b2;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

/* Design */

#topbar {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 40px;
	background: #a1a1a1;
	z-index: 5;
}

#titel {
	position: fixed;
	top: 11px;
	left: 25px;
	width: 356px;
	height: 97px;
	background: url('images/layer/titel.png');
	z-index: 6;
}

#wrapper {
	position: relative;
	margin: auto;
	width: 1000px;
}

#navi {
	display: block;
	float: left;
	width: 1000px;
	height: 25px;
}

#navibox {
	margin-top: 25px;
	margin-left: 675px;
	width: 290px;
	height: 290px;
	padding: 5px;
	background: url('images/layer/bgbox.png');
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

#header {
	display: block;
	float: left;
	width: 1000px;
	height: 350px;
	background: url('images/layer/header.png');
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#page {
	display: block;
	float: left;
	width: 970px;
	min-height: 325px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	background: #FFFFFF;
}

#footer {
	display: block;
	float: left;
	width: 990px;
	height: 25px;
	background: #a1a1a1;
	padding: 5px;
	margin-bottom: 25px;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}