@charset "ISO-8859-1";
/*

  Projektname:   MediaSkillz
  Erstellt am:   01.04.2010 von Florian Schreyer (MediaSkillz)

*/

/* ########################## */
/* ### Inhaltsverzeichnis ### */
/* ########################## */

/* Schriften */
/* Links */
/* Template */


body{
margin:0px;
padding:0px;
background-color:#ffc90c;
}


div .clear {
overflow:hidden;
clear:both;
height:0;
}



/*
*********************************************************
********** Schriften
*********************************************************
*/

p{
margin:0px;
padding:0px;
font-size: 0.8em;
color: #000;
font-family: Arial,Verdana;
}
p.send{
color: #ff0000;
font-weight: bold;
}


input, textarea{
border-color: #000;
border-style: solid;
border-width: 1px;
font-style: normal;
font-size: 13px;
font-family: Arial;
}


.button{
color: #000000;
background-color: #ffffff;
font-family: Arial;
font-size: 13px;
text-align: center;
border:1px solid #000;
}


/*
*********************************************************
********** Links
*********************************************************
*/
a:link, a:visited, a:active{
color:#000;
font-family: Arial,Verdana;
font-size:1.0em;
text-decoration:none;
}
a:hover{
color:#fff;
text-decoration:underline;
}




/*
*********************************************************
********** Template
*********************************************************
*/
#main{
width:800px;
margin: 0 auto;
}
  #logo{
  width:794px;
  height:50px;
  padding-left:6px;
  padding-top:150px;
  }
  .navigation{
  width:780px;
  height:20px;
  padding-left:20px;
  background-image:url('../sysimg/arrow.png');
  background-repeat:no-repeat;
  }
  .navigation-spacer{
  width:800px;
  height:10px;
  }
  .content{
  width:780px;
  height:308px;
  padding-top:2px;
  padding-left:20px;
  }
  .content-slide{
  width:800px;
  height:308px;
  padding-top:2px;
  }
  #footer{
  width:800px;
  height:35px;
  padding-top:5px;
  background-image:url('../sysimg/bg-footer.png');
  background-repeat:no-repeat;
  }



/*
*********************************************************
********** Slideshow
*********************************************************
*/
#slideshow #slidesContainer{
float:left;
margin:0 auto;
width:760px;
height:308px;
overflow:auto; /* allow scrollbar */
position:relative;
}
#slideshow #slidesContainer .slide{
margin:0 auto;
width:750px; /* reduce by 20 pixels to avoid horizontal scroll */
height:308px;
}
#leftspacer{
float:left;
width:20px;
height:308px;
}
.control {
float:left;
width:20px;
height:308px;
}



/*
*********************************************************
********** Formular
*********************************************************
*/
.form-str{
float:left;
width:100px;
height:25px;
}
.form-input{
float:left;
width:442px;
height:25px;
}
.form-textarea{
float:left;
width:442px;
height:100px;
}




/*
*********************************************************
********** Referenz
*********************************************************
*/
.reference-img{
float:left;
width:400px;
height:288px;
}
.reference-text{
float:left;
width:340px;
height:288px;
padding-left:10px;
padding-right:10px;
}