/*HEADER*/
.site_header{
background-color:#778899;
background-image: url('images/worktrick.gif');
background-repeat:no-repeat;
background-attachment:relative;
height:100px;	
border-style: solid;
border-width: 1px;
border-color: #778899;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
margin-top:0px;
text-align: right;
vertical-align:text-top; 
	}

.header{ /*Tabelle aussen*/
width:100%;
height: 0px;
margin-bottom:0px;
border-radius: 0em 0em 0em 0em;
background:  -moz-linear-gradient(top, #778899, #778899);
background:  -webkit-gradient(linear, left top, left bottom, from(#778899), to(#778899));
background-position:absolute;
background-repeat: no-repeat;
background-size: 100%;
	}

.login {/*<div>Tag fŸr Login*/
border-style: solid;
border-width: 1px;
border-color: green;
border-radius: 0em 1em 0em 1em;
size:10px;
text-align: left;
width:15%;
position: absolute;
margin-top:-50px;
right:20px;
	}


.login:hover {/*<div>Tag fŸr Login OnMouseOver*/
border-style: solid;
border-width: 1px;
border-color: green;
border-radius: 1em 0em 1em 0em;
text-align: left;
width:15%;
position: absolute;
margin-top:-50px;
right:20px;
size: auto;
height:auto;
	}

.login:active {/*<div>Tag fŸr Login OnClick*/
border-style: solid;
border-width: 1px;
border-color: green;
border-radius: 1em 0em 1em 0em;
text-align: left;
width:15%;
position: absolute;
margin-top:-50px;
right:20px;
size:auto;
height: auto;
	}
	
.login_eingabe{</*Login Eingabefelder*/>
text-align: left;
width:50%;
border-style:solid;
border-width:1px;
border-color:#a7b4c1;
border-radius:1em;
background:#ddd;
background-raduis:1em;
size:auto;
height: auto;
}	

.login_eingabe:hover{</*Login Eingabefelder OnMouseOver*/>
text-align: left;
width:70%;
border-style:solid;
border-width:1px;
border-color:#fgf;
border-radius:1em;
background:#fff;
size:auto
height:auto;
}	

.content{ /*Tabelle aussen*/
width:100%;
margin-top:0px;
margin-bottom: 5px;
padding: 0px;
	}

.footer{/*Tabelle aussen*/
width:100%;
height: 20px;
position:relative;
padding-bottom: 0px;
background-color:#778899;
text-align: center;
	}

/*CONTENT*/
body  {
background:  -moz-linear-gradient(top, #ffffff, #e1e5ea);
background:  -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e1e5ea));
width:100%;
height: 100%;
margin:0px;
padding: 0px;
	}	

.f_top		{ /*<div> Titel oben*/
background:#88cc77;
background:  -moz-linear-gradient(top, #a7b4c1, #a7b4c1);
background:  -webkit-gradient(linear, left top, left bottom, from(#a7b4c1), to(#a7b4f1));
font-size:14px;
color:navy;
text-align: center;
color:#000;
vertical-align: top;
border-top-left-radius:0.5em; 
border-top-right-radius:0.5em;
overflow:hidden;
display: block;

}


	
/*tabelle*/
table {
	table-layout: fixed;
	width:100%;
	background-color: transparent;
	border-radius:0.5em;
    border-color: black;
    padding:0px;
   } 
   
/*zeile*/
tr    {
	border-radius:0.5em;
    background-color:transparent;
   }  
   
/*spalte td*/
td    {
	border-radius:0.5em;
    background-color:transparent;
    overflow:hidden;
    border: 5px;
   }
      
/*spalte th*/
th    {
	position:static;
	vertical-align: top;
	border-radius:0.5em;
    /*background-color:#EBF4FE;*/
    background:transparent;
    overflow:visible;
   }

.th_content	{
    background-color:transparent;
    overflow:hidden;
border-style:solid;
border-width:0px;
border-color:#fgf;
border-top-left-radius:0.5em; 
border-top-right-radius:0.5em;


	} 
   
   body, table, td, tr, div, p, pre, h1, h2, h3, h4, ul, a {
font-family: Verdana, Arial;
font-size: 11px;
color:#889999;
}

/*h1-titel*/
h1			{
width:50%;
color:#000000;
font-size:13px;
margin-top:10px; 
margin-bottom:10px;
border-width:1px;
border-radius:0.5em;
margin-left: auto;
margin-right: auto;
background:  -moz-linear-gradient(top, #0000dd, #4455dd);
background:  -webkit-gradient(linear, left top, left bottom, from(#4466dd), to(#4455dd));
}

/*LINKES-MENU*/
.left_menu	{
display:block; 
background-color:transparent;
border-width: 1px;
border-color: #a7b4c1;
}

/*navigationsmenu*/

.site_nav{/*Navigationsmenu Positionierung*/
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding-bottom: 0px;
width:auto;
	}

.navi		{
/*background-color:#778899;*/
background:#eedd88;
border:1px solid black;
text-align: center;
margin:0px;
}

/*Navi OnMouseOver*/
.navi:hover {
background-color:#778855; 
border:1px solid green;
text-align: center;
color:infobackground;
margin:0px;
}

/*Navi OnClick*/
.navi:active{
background-color:yellow;
text-align: center;
margin:0px;
}

/*Link*/
a {
color:#404040;
text-decoration:none;
}

/*Link OnMouseOver*/
a:hover {
font-size:100%;
/*color:#000000;*/
color:blue;
text-decoration: underline;
}

/*Link OnClick*/
a:active  {
color:red;
font-weight:bold;
}

/*Shoutbox*/
.sb_iframe	{
position: relative;
width:50%;
height:250px;
border-style:solid;
border-width:1px;
border-color:#a7b4c1;
border-radius:1.5em;
scroll:visible;
}

.sb_eingabefeld	{
border-style:solid;
border-width:1px;
border-color:#a7b4c1;
border-radius:1em;
background:#ddd;
width: 45%;
}

.sb_usr_info	{
font-size:11px;
color:graytext;
width:auto; 
padding-left: 10px;
padding-right: 10px;
background:buttonhighlight;
border-style:hidden:
border-spacing:0px;
border-radius:1em;
}

.sb_usr_message	{
width:auto; 
font-size:13px;
font-style: normal;
color:#000000;
border-style:hidden;
border-spacing:0px;
padding-left: 10px;
padding-right: 10px;
}

/*FORUM Thema <div>*/

/*Forum Userinfo <div>*/
.f_usr		{
background-color:transparent;
font-size:10px;
color:black;
text-align:left;
padding-top: 3px;
padding-left: 2em;
}

/*Forum User Message <div>*/
.f_content	{
width: 90%;
margin-right: auto;
margin-left: auto;
background-color:#C7C7C7;
text-align: justify;
text-justify:inherit;
font-family:Times;
color:#3B3B3B;
font-size:13px;
font-style:normal;
}

/*Forum Footer <div>*/
.f_foot		{
background-color:transparent;
font-size:10px;
text-align: right;
}

/*Forum  Tabelle <table>*/
.f_table	{
width:100%;
margin-right: auto;
margin-left:auto;
table-layout: fixed;
border-style:solid;
border-width:1px;
border-color:#88cc77;
border-top-right-radius:0em;
border-top-left-radius:0em;
}

/*Menu Navi-Header*/
.nav_head	{
background: #88cc77;
background:  -moz-linear-gradient(top, #a7b4c1, #a7b4c1);
background:  -webkit-gradient(linear, left top, left bottom, from(#a7b4c1), to(#a7b4c1));
text-align: center;
width: 100%;
margin-top: 5px;
color:#ffffff;
border-top-left-radius:0.5em; 
border-top-right-radius:0.5em;
font-family:arial;
font-size:12px;
font-weight:bold;
}

/*Menu Navi-Content*/
.nav_content{
padding-top:3px;
margin-left:auto;
background:  -moz-linear-gradient(top, #ffffff, #e1e5ea);
background:  -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e1e5ea));
text-align:center;
border-style:solid;
border-width:1px;
border-color:#a7b4c1;
}

/*Menu Navi Footer*/
.nav_foot	{
height:5px;
background: #ffffff;
padding-bottom: 5px;

}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	padding:2px 21px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;

}.myButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
	color:#777777;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	padding:2px 21px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.myButton:active {
	position:relative;
	top:1px;
}

/*Link*/
.a_button {
color:#a2bbd5;
text-decoration:none;
}
/*Link OnMouseOver*/
.a_button:hover {
color:#a2bbd5;
text-decoration:none;
}
/*Link OnClick*/
.a_button:active  {
color:red;
font-weight:bold;
}


.triangle-isosceles {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	color:#000;
	background:#404030; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#404040), to(#405040));
	background:-moz-linear-gradient(#404040, #405040);
	background:-o-linear-gradient(#404040, #405040);
	background:linear-gradient(#404040, #405040);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}


/* Variant : for left/right positioned triangle
------------------------------------------ */

.triangle-isosceles.left {
	margin-left:1em;
	background:#C7C7C7;
}

.triangle-isosceles.vorschau {
	height:50px;
	overflow:hidden;
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	color:#000;
	background:#404030; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#404040), to(#405040));
	background:-moz-linear-gradient(#404040, #405040);
	background:-o-linear-gradient(#404040, #405040);
	background:linear-gradient(#404040, #405040);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	display:block;
}




/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

/* creates triangle */
.triangle-isosceles:after {
	content:"";
	position:absolute;
	bottom:-15px; /* value = - border-top-width - border-bottom-width */
	left:20px; /* controls horizontal position */
	border-width:10px 10px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#C7C7C7 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}



/* Variant : left
------------------------------------------ */

.triangle-isosceles.left:after {
	top:1em; /* controls vertical position */
	left:-1em; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:4px 1em 6px 0;
	border-color:transparent #C7C7C7;

}