/**
 *  CSS File for Face It I'm Good German web
 *  
 *  Copyright ServiceZeit.com Professional IT 2010
 */     



/**
 *  Overwrite default classes
 */ 
body {
	background-color: #000000;
	font: 14px verdana,arial,helvetica;
	padding: 0;
	margin: 10px 0 0 0;
	position: static;
	top: 0px;
	left: 0px;
}

h1 {
	font: 18px verdana,arial,helvetica;
}

/**
 *  Format the DIV's in the pages
 */ 
.main {
	text-align: center;
	width: 1024px;
	height: 680px;
	background-image: url(../images/background.png);
  position: absolute;
  top: 10px;
  left: 10px;
}

.header {
  position: absolute;
	background-repeat: no-repeat;
	background-position: left top;
	height: 150px;
	width: 1024px;
}


.headertext {
  position: absolute;
	height: 50px;
	width: 800px;
  top: 30px;
  left: 204px;

  padding-top: 5px;
	font-size: 30px;
  color: white;

  background-image: url(../images/transparent.png);
  background-repeat: repeat;
}

.submenu {
  position: absolute;
  left: 20px;
  top: 150px;
	width: 164px;

  background-image: url(../images/transparent.png);
  background-repeat: repeat;

}

.content {
  position: absolute;
	width: 1024px;
  height: 700px;
}

.maincontent {
  position: absolute;
  left: 204px;
  height: 486px;
  width: 780px;
  top: 150px;

  color: white;


  background-image: url(../images/transparent.png);
  background-repeat: repeat;
  
  padding: 10px;
  
  overflow: auto;

}

.bodytext
{
  text-align: justify;
}

.bodytext a, .bodytext a:link, .bodytext a:hover
{
  color: white;
}

.contenttable
{
  color: white !important;
	font: 12px verdana,arial,helvetica;
  margin: 0; padding: 0;
  
  border: 1px white solid;
  
  text-align: center;  

}


.footermenu
{
  position: absolute;
  left: 844px;
  top: 660px;
	width: 150px;
	height: 15px;  

  color: white;
  
  text-align: right;

	font: 10px verdana,arial,helvetica;

  background-image: url(../images/transparent.png);
  background-repeat: repeat;
  
  padding-right: 10px;
  padding-top: 1px;
}



.footermenu a, .footermenu a:link, .footermenu a:hover, a, a:link, a:hover
{
  color: white;
  text-decoration: none; 

}

#mailform {

  text-align: left;
  
  border: none;
}

.csc-mailform {
  border: none;
}

.csc-mailform-field
{
  vertical-align: top;
}

.mailtable
{
  color: white;
	font: 14px verdana,arial,helvetica;

}


legend {
padding-left:10px;
padding-right:10px;
border: 0px;
}

fieldset {
border:0px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border: 1px solid #C0C0C0;
}

.radiolayout {
width:60%;
padding-top:15px;
padding-bottom:15px;
}

.formu {
width:80%;
padding-top:10px;
padding-bottom:10px;
padding-left:110px;
border: 1px solid #C0C0C0;
}

.mf-radio {
border:0px;
}

.mf-text {
color: #000000;
border: 1px solid #C0C0C0;
margin-bottom: 5px;
}

.mf-check {
border: 0px;
}
.mf-select {
border:0px;
}

.mf-input {
border: 1px solid #C0C0C0;
margin-bottom: 5px;
}

.mf-submit {
    color: maroon; background-color: #ccc;
background-color: #C0C0C0;
/**border: 0px;**/
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    padding: 0.2em;
}


/**
 * Slideshow formats
 */
.slideshow-images {
	left: -195px;
}		
  

/**
 *  Format the menu
 */ 
ul#navi {
  padding: 0;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}

ul#navi li {
  list-style: none;
  margin: 0; padding: 0;
}

ul#navi a, ul#navi span, ul#navi h2 {
    display:block;
    padding: 0.2em;
    text-decoration: none; 
    #font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #ccc;
  }