/* === evolutzion.de === */

/*
  === Schriftarten ===
  http://css3-html5.de/css3-web-fonts/
*/
@font-face
{
  font-family: Hybrid_b;
  src: url('/fileadmin/templates/fonts/hybrid_b.ttf');
  font-style: normal;
  font-weight: normal;
}
@font-face
{
  font-family: Hybrid_o;
  src: url('/fileadmin/templates/fonts/hybrid_o.ttf');
  font-style: normal;
  font-weight: normal;
}


body,html
{
  font: normal 12px Helvetica,Verdana,Arial ;
  background-color:#808080 ;
  /*
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  overflow:hidden;
  */
}

/*
div,p,input,button
{
  font: normal 12px Helvetica,Verdana,Arial
}

h1
{
  font: normal 14px Helvetica,Verdana,Arial;
  font-weight: bold;
}
h2,h3,h4
{
  font: normal 13px Helvetica,Verdana,Arial ;
  font-weight: bold;
}
h5,h6
{
  font: normal 12px Helvetica,Verdana,Arial ;
  font-weight: bold;
}
*/

/*
  === MENU ===
  http://www.typo-script.de/typoscript/hierarchisches-tmenu-fuer-zwei-ebenen
  http://de.selfhtml.org/css/layouts/navigationsleisten.htm#definieren
*/
/* div mit Klasse menu */
div#menu
{
	font: normal 40px Hybrid_o,Helvetica,Verdana,Arial;
	/*height:  100px;*/
	margin:  0px;
	padding: 0px;
	border:1px solid silver;
	/*background-color:#F00000;*/
}

div#menu ul
{
	margin:  5px;
	padding: 0px;
	border:  0px solid;
}

/* li innerhalb von div der Klasse menu */
div#menu li
{
	/* Kein Auflistungszeichen */
	list-style: none;
	margin:  0px;
	padding: 0px;
	border:  0px solid;
	/* Horizontale Darstellung */
	display: inline;
}


/* === LINKS === */
a:link, a:visited
{
	color : #000000;
	padding: 4px;
	/*background-color:#000000;*/
	text-decoration : none; 
	font-weight : bold; 
	/*font-stretch:wider ;*/
	letter-spacing:2px;
	/*border-style:solid ;
	border-color:#FF0000;*/
}

a:hover
{
	/*color: #FF8000;*/
	color: #FFFFFF;
	background-color:#000000;
	/*background-color:#FFFFFF; */
	cursor:crosshair ;
	/*text-decoration : underline; */
}


/*
RootLink#a:link, RootLink#a:visited
{
  color : #FF0000;
  text-decoration : none;
  font-weight : bold;
  letter-spacing:2px;
}
*/

/*
div#container
{
  width:980px;
  text-align:left;
  margin:0px auto;
  /* border:1px solid silver;*/
  padding:0px 0px 0px 0px;
}

div#top
{
  font: bold 11px Helvetica,Verdana,Arial;
  clear:both;
  /*background-color:#5E7E9E;*/
  border:1px solid silver;
  text-align:left;
  color:black;
  padding:5px;
  padding-right:10px;
}
*/

/*
div#top a
{
  text-decoration: none;
  color:black;
}
*/

div#header
{
	/*background-color:white;*/
	text-align:center;
}

div#left
{
	float:left;
	width:178px;
	padding-top:10px;
	padding-bottom:10px;
	/*background-color:#335C85;*/
	border:1px solid silver;
}

/* */
div#site
{
	max-width:800px;
	/* in der Mitte ausrichten */
	margin: 0 auto;
	border:1px solid silver;
}

div#center
{
	display: inline-block;
	/*float:left;*/
	width:55%;
	padding:10px;
}

/*
div#head
{
	font: normal 10px Helvetica,Verdana,Arial;
	text-align:right;
}
*/

div#right
{
	display: inline-block;
	float:right;
	/*width:154px;*/
	max-width:240px;
	height:auto;
	padding:10px;
	/*background-color:#b0c0d0;*/
	border:1px solid silver;
}

div#footer
{
	clear:both;
	color:#FFFFFF;
	background-color:#000000;
	border:1px solid silver;
	padding:2px;
	text-align:center;
}

p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #f3bd2c; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame3, table.csc-frame-frame3 { 
    white-space: pre; 
    font: normal 12px;
    font-family: monospace;
    background-color: #000000; color: #FFFFFF; padding: 2px 4px 2px 4px; border: 0px solid #333333; 
}

span.important { color: #FF0000; }
span.name-of-person { color: #0000FF; }
span.detail { color: #00FF00; }

.csc-mailform { border:none; }
/*.csc-mailform-field label {
  display: block;
  margin-top: 15px;
}*/

/* Formular Zeile */
div.csc-mailform-field {min-height:22px; }
/* Normales Formularfeld */
div.formlbl  {float:left; width: 80px; min-height:20px; }
/* Erforderliches Formularfeld */
div.formlblX {float:left; width: 80px; min-height:20px; }

div.csc-mailform-label  {float:left; margin-left:80px; }


/* Eingabe format */
input,select,textarea
{border:1px solid #FF3400; background-color: transparent;}

input:hover,
select:hover,
textarea:hover
{color: #000000; background-color: #00FF00; } 

input:focus,
select:focus,
textarea:focus
{font-weight: bold; color: #000000; background-color: #00BEFF; } 



/*
div#links_bottom{
	text-align:center;
	background-color:#8BA2BA;
	margin-top:20px;
	padding-top:1px;
	padding-bottom:1px;
}
*/

.float-left {
	float:left;
}

/* Anpassungen IE */
*html div#container {
  width:982px;
}

*html div#center { 
	float:left;
	width:638px; 
}