/*
////////////////////////////////////////////////////////////////
//
// tiger.css  //  Erstellt durch TIGER.DESIGN, Dreieich.
// www.tiger-design.de
// 
// Autor: Lukas Fingerle
// Datum: 09.03.2010
//
////////////////////////////////////////////////////////////////

*/

/*===================================================
Allgemeines
===================================================*/

* {margin: 0; padding: 0;}
body {color: black; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: url(../img/tdTopBackground.jpg) repeat-x #FF6600 !important;}
#mainWrapper {margin: 0 auto; width:991px; height:100%;}
p {padding-bottom: 10px;}
.clear {clear:both;}
.bold {font-weight: bold;}
.kursiv {font-style: italic;}
.normal{font-weight: normal;}
.black {color: black;}
a.lightbox, .lightbox:hover {border:0;}

/*Links*/
a, a:hover {color:white; text-decoration: none; border-bottom: 1px dotted white;}
a img {border: 0;}

/*Headlines*/
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color:black; padding-bottom: 35px; width: 100%; font-weight: normal;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color:black; padding-bottom: 35px; width: 100%; font-weight: normal;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color:black; padding-bottom: 15px; padding-top: 5px; width: 100%; font-weight: normal;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color:black; padding-bottom: 10px; width: 100%; font-weight: normal;}
h5 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:black; padding-bottom: 10px; width: 100%; font-weight: normal;}

/*===================================================
Kopfbereich
===================================================*/

#headArea {width: 960px; height:71px; position: relative;}
#headArea .logo {width:173px; height:71px; float:left;}
#headArea .hole {background: url(../img/tdHole.jpg) no-repeat; width:293px; height:71px; float:left; z-index: 1;}
#headArea .navigation {background: url(../img/tdNavi.jpg) no-repeat; width:494px; height:71px; float:left;}

#headArea  a {border: none;}

/*Navigation*/
#headArea .navigation ul {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; list-style: none; }
#headArea .navigation ul li {float:left; background: url(../img/tdMenuSep.jpg) no-repeat right top; padding: 10px 30px 0;}
#headArea .navigation ul li.last {background: none;}

#headArea .navigation ul li a {border: 0; color:black;}
#headArea .navigation ul li a:hover, #headArea .navigation ul li.active a  {color: white !important;}

/*Slideshow*/
#sliderArea, #sliderArea  .slider, #sliderArea  .tab   {height:300px; width:960px; position: relative; overflow:hidden;}
#sliderArea .arrowLeft {top:136px; left:0; position: absolute; z-index: 10;}
#sliderArea .arrowRight {top:136px; right:0; position: absolute; z-index: 10;}
#sliderArea .picture {width:inherit; height:300px; position: absolute; bottom: 0; z-index: -1;}
#sliderArea .slogan {position: absolute;}
#sliderArea .slogan .mainSlogan {font-family: "Capture It", Arial, sans-serif; font-size: 35px;}
#sliderArea .slogan .lowerSlogan {display: block; padding-top:15px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 18px;}
#sliderArea a {border: 0;}

/*===================================================
Contentbereich
===================================================*/

#mainArea {width: 960px; margin: 40px 0 10px 0; font-size: 12px; line-height: 21px; color: #000; text-align: left; height:auto; overflow: hidden;}
#mainArea .sizeOne {width: 280px; margin-right: 60px; float:left;}
#mainArea .sizeTwo {width: 620px; margin-right: 60px; float: left;}
#mainArea .last {margin-right: 0 !important;}
#mainArea img {border: 1px solid #fff;}

#mainArea .commentBox {padding: 10px 10px 10px 14px; border-left: 4px solid #8E3900; background-color: #CC5200; margin: 10px 0; color:#301300; overflow: hidden; line-height: 18px;}
#mainArea .dark {border-left: 4px solid #8E3900; background-color: #CC5200; color:#301300;}
#mainArea .light {border-left: 4px solid #FFAA71; background-color: #FF8533; color:black;}
#mainArea .references {margin: 0 0 15px 0; line-height: 16px;}
#mainArea .first {margin-top:0;}
#mainArea .casestudies {width:260px; float:left; margin:0 22px 15px 0 !important; height:63px; line-height:16px;}
#mainArea .casestudies .picture {margin-top:3px; }

#mainArea .commentUnder {margin: -8px 0 15px 0;}

#mainArea .commentBox .picture {float:left; width: 65px;}
#mainArea .commentBox .text {float:left; width:187px;}
#mainArea .commentBox p {padding:0;}

#mainArea .commentBox a {font-weight:bold; color:white; border: 0;}

#mainarea .boxlink {border:none !important; cursor: pointer !important;}

#mainArea ul {list-style: circle; padding-left:15px;}
#mainArea ul.thumb {list-style-type: none; padding: 0 !important;}


/*===================================================
Teamseite
===================================================*/
.teamoverview {width: 191px; float:left; margin-right:15px;}
.teamoverview a {border:none !important;}
.teamname {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:black; font-weight: bold;}
.teampicture img {border:none !important; }
.teampicture {text-align:center;}
.teambox {padding:10px 6px 10px 12px !important;}

/*===================================================
Footerbereich
===================================================*/

#footerArea {border-top: 2px solid #993D00; padding-top:15px; margin: 25px 0 25px 0; color: #000; font-size: 12px; width: 960px;}
#footerArea a {color:black; border-color: black; border: none;}


/*===================================================
Kontaktformular
===================================================*/

/* IE 6 */
* html .button { margin-left:162px; }

/* IE 7 */
* + html .button { margin-left:162px; }

#contactform form { font:normal 12px/18px; margin:0; padding:10px 0; width:452px; position: relative; height:300px;}
#contactform form label { display:block; float:left; width:100px; padding:6px 10px 0 0; margin:0; }
#contactform form label.msg { font-weight:bold; }
#contactform input.inpt,#contactform textarea,#contactform select { width:326px; font:normal 12px/18px; padding:5px; margin:5px 0; background:#FF8533; border-left:4px solid #FFAA71 !important; border: 1px solid #FF8533; color:black; font-family: Arial, Helvetica, sans-serif; font-size: 12px; resize:none; }
form br { clear:left; }
#contactform .select select:focus { border-color:#9b9b9b; }
#contactform form input.btn { background:none; border:none; }
/*.button { display:inline-block; background:#FF8533; border:1px solid #FFAA71!important; padding:5px 14px 5px 10px!important; color:#000 !important; font-size:12px!important; cursor:pointer; float:right;}*/
.button {height: 91px; width:93px; background: url(../img/okBtn.png); border:none; cursor: pointer; color: transparent; text-transform: capitalize; position: absolute; top: 221px; right:-42px;}
.star {color: white; font-weight: bold;}
.errors {padding: 10px 10px 10px 31px; border-left: 4px solid #FFAA71; color:black; margin: 10px 0; overflow: hidden; background: url(../img/exclamation-red-frame.png) no-repeat 9px 13px #FF8533; width: 407px;}