/** Stylesheet for the ByteAnvil Ltd. Website
* 	Original Autor: schnuffi (Florian Kraft)
*	Please look at the stylesheets for IE6 and IE 7 to see the necessary "patches"
*/

/* div-Switch - Layout purpose */

/**
div {
	border: 1px solid;
}
/**/

/** Body-Styles, all standard fonts, colors, etc. go here **/

body {
	color: #000000;
	font-family: Verdana, Arial;
	font-size: 10pt;
	margin:0px;
	padding:0px;	
	background-repeat:repeat-y;
	background-image:none;
}

/** Layout related Styles **/

#outerDiv {
	width:400px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top: -270px;
	margin-left: -200px;

}

#logo {
	text-align:right;
	margin-bottom: 10px;
}

#topnav {
	height: 200px;
	background-image:url(img/topnav_back.png);
	border: 1px solid transparent;
	color:#FFFFFF;
	font-weight:bold;
}

#topnav table {
	padding:10px;
	padding-top:20px;
	font-size:9pt;
}

#content {
	background-image:url(img/content_back.png);
	background-repeat:repeat-x;
	border-top: 1px solid white;
}

#imprint {
	clear:both;
	color: #999999;
	font-size:7pt;
	text-align:right;
	margin-right:5px;
}

/** Shadows */

/** Please note: #The height of leftshadow and rightshadow does not scale and must be therefore set 
*	locally, it is currently NOT possible to get a full scalable css shadow which is compatible to all
*	browsers. 
*/
#leftshadow {
	width:9x;
	margin:0px;
	padding:0px;
	float:left;
	background-color: white;
	background-image:url(img/shadow_left.gif);

}

#rightshadow {
	width:9px;
	margin:0px;
	padding:0px;
	float:right;
	background-image:url(img/shadow_right.gif);
}

#leftbottom {
	float: left;
	width: 350px;
	height:9px;
	padding:0px;
	background-image:url(img/shadow_bottom.gif);
	background-repeat: repeat-x;
}
#leftbottom a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#leftbottom a:hover {
	text-decoration: underline;
}
#leftbottom a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#rightbottom {
	float: right;
	width: 50px;
	height:9px;
	padding:0px;
	vertical-align:top;
	text-align: right;
	background-image:url(img/shadow_bottom.gif);
	background-repeat: repeat-x;
}

/** Menu-Items */

#topnav ul {
	margin-top: 55px;
	color:white;
}

#topnav ul li.first {
	margin-top:0px;
}

#topnav ul li {
	margin-top:11px;
	list-style-position:inside;
	margin-left:-40px;
	padding-left: 40px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

#topnav ul li:hover {
	background-color: #f38b53;
	border-top: 1px dotted #f9b592;
	border-bottom: 1px dotted #f9b592;
}

#topnav ul li a {
	text-decoration: none;
	color: white;
	letter-spacing: 2px;
}

/** Pages - Subnavigation */

.page {
	padding:5px;
	padding-left:8px;
	padding-right:7px;
	background-image:url(img/page_back.gif);
	color:white;
	margin-right:5px;
	margin-top:15px;
	font-size: 8pt;
	textalign:center;
	vertical-align: bottom;
}

.page:hover {
	text-decoration:underline;
}

/** Text Styles */

p {
	font-size: 7pt;
	font-weight:bold;
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
	color: #666666;
}

hr {
	width:300px;
	margin-top:5px;
}

/** Form-element Styles*/

#formright {
	float:right;
	width:150px;
	margin-top:15px;
	padding-left:15px;
	padding-right
}

#formleft {
	float:left;
	width:180px;
	margin-top:15px;
	padding-left:15px;
}

form {
	font-size: 8pt;
}

form label {
	font-size: 7pt;
	font-weight:bold;
	padding:0px;
	margin:5px;
	margin-bottom:7px;
	color: #666666;
}

form input {
	border: 1px solid grey;
	margin-top: 5px;
	margin-bottom: 5px;
}

form .button {
	margin-top:20px;
	font-size:7pt;
	font-weight:bold;
	background-color: white;
	padding:2px;
	width:70px;
}

form textarea {
	margin-top:5px;
	width: 180px;
	height: 80px;
	border: 1px solid grey;
}

form p {
	margin-left:15px;
	margin-top:17px;
}


/** Misc. Styles */

img#enter_web {
	position:absolute;
	top:50%;
	left:50%;
	margin-top: 80px;;
	margin-left:-145px;
}

img.bottom	{ 
	vertical-align: top;
}  

img.textleft {
	float:left;
	margin-right:10px;
	margin-bottom:12px;
}
img.textright {
	float:right;
	margin-left:10px;
	margin-bottom:5px;
}