/* 
http://www.metallurgy.ac.at Stylesheet
by Wolfgang Kerschbaumer
wolfgang.kershcbaumer@gmx.net
Version: 1.2 (04/2008)
-------------------------------------------------------------------------------
This stylesheet uses parts of the work from
- Andreas Viklund - http://andreasviklund.com/ (raw layout)
- Stu Nicholls - http://www.cssplay.co.uk/menus/flyout_4level.html (flyout menu)
- Reinhard Hiebl - www.jyaml.de (the info boxes)
-------------------------------------------------------------------------------

/***** Body and main container *****/

body {
	margin:0 auto;
	padding:0;
	font:76% Verdana, Tahoma, Arial, sans-serif;
	background:#f4f4f4 url(img/bgstripes.gif) top center;
	color:#404040;
}
#wrap {
	background:#ffffff;
	color:#404040;
	margin:10px auto;
	width:760px;
	border: 1px solid #999;
}
/***** Various tags *****/

a {
	text-decoration:none;
	font-weight:bold;
	color:#286ea0;/*background-color:inherit;*/
}
a:hover {
	text-decoration:underline;
	color:#286ea0;
	background-color:inherit;
}
a img {
	border:0;
}
p {
	margin:0 0 1.4em 0;
}

/* added by David Mayer */
.extlink {
	background: url("img/ico_ext_link.gif") no-repeat;
	padding-left: 13px;
}

ul img {
	margin: 8px 0 8px 0;
}

hr {
	margin-top: 30px;
}

  /* add floating + space to images in news */
.picfloat { 
	float:left;
	margin-right:5px;
}
  /* del floating */
.picclear {
	clear:both;
}

h3 {
	background-color: #F1EFFD;
	padding: 6px 6px;
	border-top: dotted 1px grey;
	border-bottom: dotted 1px grey;
}

h5 {
	text-align:right;
}

.textmargin {
	left:300px;
	position: relative;
}

a {
    cursor:pointer;
}

#myvar {
    border:1px solid #ccc;
    background:#f2f2f2;
    padding:20px;
}

#myvar1 {
    border:1px solid #ccc;
    background:#f2f2f2;
    padding:20px;
}

#myvar2 {
    border:1px solid #ccc;
    background:#f2f2f2;
    padding:20px;
}

#myvar3 {
    border:1px solid #ccc;
    background:#f2f2f2;
    padding:20px;
}

#myvar4 {
    border:1px solid #ccc;
    background:#f2f2f2;
    padding:20px;
}

#myvar5 {
    border:1px solid #ccc;
    background:#f2f2f2;
    padding:20px;
}

#myvar6 {
    border:1px solid #ccc;
    background:#f2f2f2;
    padding:20px;
}
#myvar7 { background: #f2f2f2; padding: 20px; border: solid 1px #ccc }
#myvar8 { background: #f2f2f2; padding: 20px; border: solid 1px #ccc }
#myvar9 { background: #f2f2f2; padding: 20px; border: solid 1px #ccc }
#myvar10 { background: #f2f2f2; padding: 20px; border: solid 1px #ccc }
.notdbg {
/* no background for table data */
	background: #F4F4F4;
}
/* DavidMayer-End */

/***** Header *****/

#header {
	padding:0;/*height:10px;*/
}
#header h1 {
	color:#505050;
	background-color:inherit;
	width:350px;
	margin:0 0 10px;
	font-size:2em;
	float:left;
}
#header h1 a {
	color:#505050;
	background-color:inherit;
	text-decoration:none;
}
#header p {
	width:400px;
	float:right;
	text-align:center;
	margin:8px 0 0;
	font-weight:bold;
	line-height:1.3em;
}
#headerimg {
	border:0;
}
/***** Left sidebar *****/

#leftside {
	clear:left;
	float:left;
	width:150px;
	margin:-4px 0 5px;
	padding:0;
}
#leftside h2, #leftside h3 {
	color:#505050;
	/*background-color:inherit;*/
	font-size:1.3em;
	margin:0 0 5px;
	padding:0;
}
#leftside div.announce {
	clear:left;
	margin:70px 0 15px;
	padding:7px 5px;
	width:126px;
	font-size:0.9em;
	background-color:#f4f4f4;
	color:#505050;
	border-left:4px solid #cccccc;
	line-height:1.5em;
}
#leftside div.announce p {
	margin:10px 0 0;
	padding:0;
}
table {
	border:1px solid #d8d8d8;
	border-collapse:collapse;
	line-height:1.3em;
	width:95%;
	margin:0 0 16px;
	padding:0;
}
caption {
	font-size:1.5em;
	font-weight:400;
	margin:0;
	padding:6px 0 8px;
	text-align:left;
}
th {
	background:url(img/menubg2.gif) repeat-x bottom left #eaeaea;
	color:#505050;
	padding:7px;
	text-align:left;
}
td {
	background:url(img/menubg.gif) repeat-x bottom left #f4f4f4;
	color:#303030;
	font-size:0.9em;
	padding:7px;
	text-align:left;
}
input, textarea {
	border:1px solid #ccc;
	font-family:Verdana, Tahoma, Arial, Sans-Serif;
	font-size:1em;
	margin:0;
	padding:4px;
}
label {
	margin:2px;
}
input {
	width:200px;
}
textarea {
	width:400px;
}
/***** Info-Boxes *****/
  .note, .alert, .tip, .info, .download, .jfdefaulttext {
	padding:.5em;
	margin-bottom:.5em;
}
.alert, .tip, .info, .download, .jfdefaulttext {
	padding:.5em;
	margin-bottom:.5em;
	padding-left:35px;
}
.note, .jfdefaulttext {
	background-color:#f5f5f5;
	border-top: 1px #ccc dotted;
	border-bottom: 1px #ccc dotted;
}
.alert {
	background:#ffe6c5 url(img/alert_bg.gif) no-repeat left top;
	border-top: 1px #fec57b dotted;
	border-bottom: 1px #fec57b dotted;
}
.tip {
	background:#ffffb1 url(img/tip_bg.gif) no-repeat left top;
	border-top: 1px #e9e934 dotted;
	border-bottom: 1px #e9e934 dotted;
}
.info {
	background:#CFDDE8 url(img/info_bg.gif) no-repeat left top;
	border-top: 1px #9BAAB4 dotted;
	border-bottom: 1px #9BAAB4 dotted;
}
.download {
	background: #efffe7 url(img/download_bg.gif) no-repeat left top;
	border-top: 1px #b0e892 dotted;
	border-bottom: 1px #b0e892 dotted;
}
.download a.disc {
	font-weight:bold;
	color:#555;
}
.download a.disc:hover, .download a.disc:focus {
	background-color:transparent;
	color:#222;
}
.disc {
	background:url(img/disc.gif) no-repeat left center;
	padding-left:18px;
}
/***** Main content *****/

#content {
	margin:0 150px 5px 150px;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	padding:0 10px;
	line-height:1.5em;
}
#contentwide {
	margin:10px 0 5px 150px;
	border-left:1px solid #f0f0f0;
	padding:0 10px 0 10px;
	line-height:1.5em;
}
#contentwide2 {
	margin:0 150px 5px 0;
	border-right:1px solid #f0f0f0;
	padding:0 10px 0 0;
	line-height:1.5em;
}
#content h2, #contentwide h2, #contentwide2 h2 {
	font-size:1.6em;
	margin:0 0 10px;
	line-height:1.15em;
	background-color: #f0f0f0;
	padding: 6px 6px;
	border-top: solid 1px grey;
	border-bottom: solid 1px grey;
}
#content h3, #contentwide h3, #contentwide2 h3 {
	font-size:1.3em;
	margin:0 0 8px;
}
#content img, #contentwide img, #contentwide2 img {
	padding:1px;
	display:inline;
	background:#cccccc;
	color:#303030;
	border:4px solid #f0f0f0;
}
#content ul, #contentwide ul, #contentwide2 ul, #content ol, #contentwide ol, #contentwide2 ol {
	margin:0 0 16px 20px;
	padding:0;
}
#content li, #contentwide li, #contentwide2 li {
	margin:0;
	padding:0 0 0 5px;
}
#content ul ul, #contentwide ul ul, #contentwide2 ul ul, #content ol ol, #contentwide ol ol, #contentwide2 ol ol {
	margin:0 0 0 16px;
	padding:0;
}
/***** Footer *****/

#footer {
	clear:both;
	margin:0 auto;
	padding:15px 0;
	border-top:4px solid #f0f0f0;
	width:760px;
	text-align:center;
	color:#808080;
	background:#ffffff;
}
#footer p {
	margin:0;
	padding:0;
}
#footer a {
	color:#808080;
	background-color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}
#footer a:hover {
	text-decoration:underline;
}
/***** Various classes *****/

.left {
	margin:3px 10px 2px 0;
	float:left;
}
.right {
	margin:2px 0 2px 10px;
	float:right;
}
.textright {
	text-align:right;
}
.center {
	text-align:center;
}
.small {
	font-size:0.8em;
}
.bold {
	font-weight:bold;
}
.postinfo {
	background-color:#f4f4f4;
	border-left:4px solid #cccccc;
	color:#606060;
	font-size:0.9em;
	line-height:1.4em;
	margin:1px 0 20px;
	padding:8px 5px 8px 8px;
}
.clearing {
	clear:left;
	padding:0;
	margin:0;
	visibility:hidden;
}
.hide {
	display:none;
}
/*****  Flyout-Menu  *****/
.menu {
	height:150px;
	font-size:90%;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	position:relative;
	z-index:500;
	padding:0;
	margin:0;
	list-style-type:none;
	width:140px;
}
/* style the list items */
.menu li {
	background:#fff url(img/shade.gif);
	height:26px;
	/* for IE7 */
float:left;
}
.menu li.sub {
	background:#cfdde8 url(img/sub.gif) no-repeat right center;
}
/* get rid of the table */
.menu table {
	position:absolute;
	border-collapse:collapse;
	top:0;
	left:0;
	z-index:100;
	font-size:1em;
}
/* style the links */

.menu a, .menu a:visited {
	display:block;
	text-decoration:none;
	height:25px;
	line-height:25px;
	width:139px;
	color:#000;
	margin-left:-1px;
	text-indent:5px;
	border:1px solid #999;/*border-width:1px 1px 1px 1px;*/
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {
	width:140px;
	w\idth:139px;
}
/* style the link hover */
* html .menu a:hover {
	color:#000;
	background:#eee;
	position:relative;
}
.menu li:hover {
	position:relative;
}
/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {
	color:#000;
	background:#eee;
}
/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {
	color:#000;
	background:#eee;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
	visibility:hidden;
	position:absolute;
	top:-30px;
	/* set up the overlap (minus the overrun) */
left:100px;
	/* set up the overrun area */
padding:30px;
	/* this is for IE to make it interpret the overrrun padding */
background:transparent url(transparent.gif);
}
/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {
	visibility:visible;
}
/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.menu ul a:hover ul ul {
	visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.menu ul a:hover ul a:hover ul ul {
	visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.menu ul a:hover ul a:hover ul a:hover ul ul {
	visibility:hidden;
}
/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
	visibility:visible;
}
/* make the third level visible when you hover over second level link */
.menu ul a:hover ul a:hover ul {
	visibility:visible;
}
/* make the fourth level visible when you hover over third level link */
.menu ul a:hover ul a:hover ul a:hover ul {
	visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {
	visibility:visible;
}