/* @override http://www.skill3d.at/main2.css */

* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #000;
	color: white;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	height: 100%;
	min-width: 800px;
	min-height: 650px;
}

a {
	text-decoration: none;
	border-style: none;
}

img {
	text-decoration: none;
	border-style: none;
}

*:focus {
        outline: 0;
}
*:focus { outline: none; }
*::-moz-focus-inner { border: none;}

div#background {
	margin-top: 25px;
	position: absolute;
	width: 100%;
	background-color: #000;
	z-index: -1;
	overflow: hidden;
}

div#background img {
	overflow: hidden;
	height: 100%;
	margin-bottom: -27px;
}

span#bgraster {
	background-image: url(images/bgraster.gif);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

#home {
	position: absolute;
	top: 135px;
	left: 5px;	
}

div#main {
	width: 788px;
	margin-left:40px;
}


div#header {
	width: 788px;
	text-align: right;
	text-transform: uppercase;
	border-top: 2px solid #8CD200;
	margin-bottom: 20px;
}

div#header ul {
	padding-top: 4px;
	padding-right: 20px;
	letter-spacing: 1px;
}

div#header li {
	display: inline;
	list-style-type: none;
}

div#header li a {
	text-decoration: none;
	color: lightgrey;
}

div#header li a:hover {
	text-decoration: none;
	color: white;
}

div#content {
	background: black;
	height: 452px;
	width: 768px;
	overflow: hidden;
	position: absolute;
	padding: 10px;
}
div.content {
	position: absolute;
	width: 768px;
}

ul.menu {
	text-transform: uppercase;
	position: absolute;
	top: 119px;
	list-style-type: none;
	width: 795px;
	margin-left: -7px;
}

 ul.menu li{
	float: left;
	width: 186px;
	background-image: url(./images/trans70.png);
	color: black;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-left: 5px;
	margin-left: 7px;
}

ul.menu li.last{
	width: 189px;
}

ul.menu li a {
	color: black;
	text-decoration: none;
}

div#sitemapDiv {
	background-color: black;
	height: 452px;
	width: 788px;
	overflow: hidden;
	position: absolute;
	z-index: 110;
	top: 100px;
}

div#sitemapDiv table{
	width: 100%;
	text-align: left;
}

div#sitemapDiv table th{
	text-transform: uppercase;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

div#sitemapDiv table td.spacer{
	height: 20px;
}

div#sitemapDiv table td{
	width: 25%;
}

div.content div.bigcontenttext {
	padding: 0 120px 0 120px;
}

div.content div.smallcontenttext {
	padding: 0 80px 0 230px;
}

ul#numbers {
	position: absolute;
	bottom: 100px;
	z-index: 100;
}

li.numberLi {
	display: inline;
	width: 24px;
	height: 24px;
	padding-left: 6px;
	background-repeat: no-repeat;
}

div.content p.header {
	color: #8CD200;
	font-size: 30px;
}

p{
	font-size: 12px;
	line-height: 1.6;
	color: lightgrey;
}

a#leftArrow {
	position: absolute;
	bottom: 100px;
	left: 40px;
	z-index: 100;
}

a#rightArrow {
	position: absolute;
	bottom: 100px;
	right: 40px;
	z-index: 100;
}

a#loadMore {
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 100;
}

span.colorBG{
	display: none;
	margin: 4px;
	background-color: orange;
	position: absolute;
	width: 60px;
	height: 60px;
	z-index: -10;
}

ul#teamlist {
	position: absolute;
	padding: 20px;
	list-style: none;
	z-index: 10;
}

ul#teamlist li {
	
	padding-bottom: 5px;
}

ul#teamlist li a{
	color: lightgrey;
	font-size: 12px;
}

div#teamArrow {
	position: absolute;
	width: 215px;
	left: 20px;
	height: 20px;
	background-image: url(images/team_pfeil.png);
	top:29px;
	visibility:hidden;
}

div#teamMember {
	position: absolute;
	left: 50%;
	top: 20px;	
}

p#teamName {
	color: #8CD200;
	margin-top: 40px;
	font-size: 20px;
}

p#bereich {
	
}

#teamEnte {
	width: 384px;
	position: absolute;
	right: 10px;
}

#teamEnte p{
	color: #8CD200;
	font-size: 25px;
}

div#contact {
	position: absolute;
	padding:10px;
	width: 738px;
}

form#contactForm {
	width: 45%;
	position: absolute;
}

form#contactForm p{
	font-size: 11px;
	margin-bottom: 10px;
}

form#contactForm input,textarea{
	width: 100%;
	background-color: #282828;
	border: 2px ridge gray;
	color: #8CD200;
	font-size: 14px;
}

a#submitButton {
	display: table;
}

span.butCenter {
	display: table-cell;
	height: 45px;
	background: url(images/button/button_st_0.png) repeat-x;
	padding: 0px 20px;
	color: white;
	font-size: 23px;
	vertical-align: middle;
}

span.butLeft {
	display: table-cell;
	height: 45px;
	width: 8px;
	background: url(images/button/button_li_0.png) no-repeat;
}

span.butRight {
	display: table-cell;
	height: 45px;
	width: 8px;
	background: url(images/button/button_re_0.png) no-repeat;
}

span#map {
	position: absolute;
	right: 0px;
	z-index: 1;
}

div#footer {
	position: fixed;
	width: 768px;
	height: 25px;
	bottom: 0px;
	padding-left: 20px;
	border-top: 2px solid #8CD200;
	color: lightgrey;
	background-color: black;
	z-index: 111;
}

#footer a {
	float: right;
	height: 20px;
	width: 40px;
}

/* FormCheck */

/* FormCheck tipbox */

/* tipbox :
	table : 
		tl		: top left
		t		: top
		tr		: top right
		l 		: left
		r		: right
		bl		: bottom left
		b		: bottom (with mark)
		br		: bottom right
		c		: center
	components : 
		a.close	: close button
		err		: errors div
		p		: error line
*/

.fc-tbx {
	z-index: 10;
}

.fc-tbx .tl{
	background: url('images/formcheck/tl.png') no-repeat;
}
.fc-tbx .t{
	background: url('images/formcheck/t.png') repeat-x;
	height: 16px;
}
.fc-tbx .tr{
	background: url('images/formcheck/tr.png') no-repeat;
}
.fc-tbx .l{
	background: url('images/formcheck/l.png') repeat-y;
	width : 16px;
}
.fc-tbx .r{
	background: url('images/formcheck/r.png') repeat-y;
	width: 16px;
}
.fc-tbx .bl{
	background: url('images/formcheck/bl.png') no-repeat;
}
.fc-tbx .b{
	background: url('images/formcheck/b.png') no-repeat;
	height: 25px;
}
.fc-tbx .br{
	background: url('images/formcheck/br.png') no-repeat;
}
.fc-tbx .c{
	background: url('images/formcheck/c.png') repeat;
}
.fc-tbx a.close {
	float: right;
	background: url('images/formcheck/close.png') no-repeat;
	position: relative;
	margin-left: 5px;
	display: block;
	width: 10px;
	height: 10px;
	cursor: pointer;
}
.fc-tbx .err {
	float: left;
}
.fc-tbx p {
	width : auto;
	display: block;
	font-size: 10px;
	font-family: tahoma, verdana, "sans-serif";
	margin : 0;
	padding : 0;
	border : 0;
	color : darkgrey;
}

.ajax_loader {
	background : url('images/formcheck/ajax-loader.gif') no-repeat center;
	width : 200px;
	height : 150px;
}


/* FormCheck validation div */

.fc-error {
	border : 1px solid #888;
	margin-top : 5px;
	background-color : #EAEAEA;
}
.fc-error p {
	margin : 5px;
	color : darkgrey;
}

div#header li a#stellungnahme{
	color: #8CD200;
	float: left;
}