/********************************************************************************
					CSS - stigits-media.de
		@author 	Sandro Coletti
		@company 	stigits.media
		@date		2010-01-28
*********************************************************************************/

body { margin:0; padding:0; background:#EAEAEA url(../images/body-bg.jpg) repeat-x; font-family:Tahoma; font-size:12px; line-height:140%; }

/**
 * defaults
 */
.clear { clear:both; }
h3 { font-family:Georgia; font-size:15px; }
h5 { font-family:Georgia; font-size:15px; }
img { border:0; }


/**
 * wrapper
 */
.wrapper { width:969px; }


/**
 * header
 */
.header { background:url(../images/header-bg.jpg) no-repeat; height:77px; text-align:left; }
.header h1 { float:left; margin:0 0 0 10px; background:url(../images/stigits-media-stuttgart.jpg) no-repeat; }
.header h1 a { float:left; overflow:hidden; width:170px; height:68px; text-indent:-9765px; }
.header-navi { float:right; text-align:right; margin:0 10px 0 0; font-family:Georgia; }
.header-navi-top { font-size:11px; color:#666; list-style:none; }
.header-navi-top li { display:inline; padding:0 5px; border-right:1px solid #666; }
.header-navi-top li a { color:#666; text-decoration:none; }
.header-navi-top li a:hover { text-decoration:underline; }
.header-navi-bottom { font-size:16px; color:#FFF; list-style:none; }
.header-navi-bottom li { display:inline; padding:0 5px; }
.header-navi-bottom li a { color:#fff; text-decoration:none; }
.header-navi-bottom li a:hover { text-decoration:underline; }
.header-navi #last { border-right:0; }
.header .header-box { padding:100px 0 0 0; }
.header .header-box h2 { background:url(../images/bg-header.png) no-repeat; width:322px; height:128px; text-indent:-9765px; margin:40px 0 0 50px; }
.header .header-box #quota { padding:35px 0 0 20px; font-size:24px; color:#CCC; font-family:Georgia; width:400px; line-height:160%; }
.header .header-box #quota span { font-size:40px; }

/**
 * content
 */
.content { background:url(../images/content-bg.jpg) repeat-x 0 238px; }
.content-header { background:url(../images/content-header-bg-TEST.png) no-repeat -55px -194px; min-height:300px; text-align:left; padding:320px 0 0 10px; }
.content-main { float:left; width:700px; }
.content-main h3 { margin:0; padding:0; font-family:Georgia; font-size:20px; }
.content-text { padding:0 0 0 10px; width:800px; }
.content-text h3 { margin:0; padding:0; font-family:Georgia; font-size:20px; }

/**
 * sidebar
 */
.sidebar { width:230px; float:left; margin:0 0 0 10px; }
#box { margin:0; padding:0; background:white url(../images/bg_references.png) repeat-x; border:1px solid #BEBCD1; }
#box h3 { margin:0 30px 0 0; padding:10px 10px 10px 10px; color:#333; border-bottom:1px solid #ccc; }
#box p { margin:10px 20px 10px 0; padding:0 0 0 10px; color:#333; }
.sidebar #box h5 { margin:0; padding:10px 0 3px 10px; color:#333; }
.sidebar #box ul { list-style:circle; color:#666; margin:10px 0 10px 30px; padding:0; }
.sidebar #box li a { font-weight:bold; color:#666; text-decoration:none; }
.sidebar #box li a:hover { text-decoration:underline; }
.sidebar #box span { font-weight:bold; }
/*.sidebar #box.contact { margin:10px 0 0 0; width:230px; height:200px; background:white url(../images/img-kontakt-bg.gif) no-repeat bottom right; }*/
.sidebar #box.contact { margin:0; padding:0 0 10px 0; width:230px; }
#box.contact p { margin:10px 0 0 0; padding:0 0 0 10px; font-size:11px; color:#333; }
.sidebar #box h5 { border-bottom:1px solid #ccc; width:180px; }
.sidebar #box.socialmedia { margin:0; padding:0; width:230px; }
.sidebar #box.socialmedia p { margin:0; padding:10px; width:230px; }

/**
 * boxes
 */
#content-box { width:250px; margin:20px 0 0 0; padding:0 0 0 90px; color:#333; }
#content-box.top-left { background:url(../images/icon-01.gif) no-repeat top left; float:left; }
#content-box.top-right { background:url(../images/icon-02.gif) no-repeat top left; float:left; margin-left:20px; }
#content-box.bottom-left { background:url(../images/icon-03.gif) no-repeat top left; float:left; }
#content-box.bottom-right { background:url(../images/icon-04.gif) no-repeat top left; float:left; margin-left:20px; }
#content-box h4 { margin:0; padding:0; font-family:Georgia; font-size:15px; }
#content-box p { margin:0; padding:0; font-size:11px; }

/**
 * footer
 */
.footer { background:url(../images/footer-bg.jpg) no-repeat; font-family:Georgia; font-size:11px; height:25px; text-align:left; color:#666; }
.footer-navi { float:left; margin:0; padding:3px 0 0 10px; font-size:11px; color:#666; list-style:none; }
.footer-navi #last { border-right:0; }
.footer-navi li { display:inline; padding:0 5px; border-right:1px solid #666; }
.footer a { color:#666; text-decoration:none; }
.footer a:hover { text-decoration:underline; }
.footer p { text-align:right; padding:3px 10px 0 0; }

/**
 * advices
 */
.advice { background:#FFFFE1; border-bottom:1px solid #A8A8A8; margin:0 0 20px 0px; padding:10px; }
.advice h3 { text-decoration:underline; font-size:12px; margin:0; padding:0; }
.advice p { font-size:12px; margin:0; padding:0; }
.advice#false h3 { color:red; }
.advice#true h3 { color:green; }

/**
 * references
 */
.references h1 { font-size:16px; font-family:Georgia; margin:0 0 10px 15px; padding:0; color:#333; border-bottom:3px solid #ccc;  }
.references h3 { text-decoration:underline; font-size:12px; margin:0; padding:0; }
.references ul { background:white url(../images/bg_references.png) repeat-x; list-style:none; margin:0 0 20px 0; padding:0; border:1px solid #BEBCD1; }
.references ul:hover { border-right:1px solid gray; border-bottom:1px solid gray; }
.references #image { float:left; width:300px; height:200px; margin:10px; padding:1px; }
.references #image img { border:1px solid #BEBCD1; }
.references #link a { font-size:11px; text-decoration:none; }
.references #link a:hover { text-decoration:underline; }
.references ul li h4 { margin:0; padding:10px 0 0 0; }
.references ul li p { color:#666; }
.references #facts { margin:14px 0 0 0; font-size:11px; }
.references #facts p { margin:0; padding:0; }
.references #text { width:360px; float:left; margin:0; padding:0; }
.references #screenshots { margin:10px 0; }
.references #screenshots img { border:1px solid #BEBCD1; margin:0 0; padding:1px; }

/**
 * print flyer
 */
 #box.prints-flyer ul { margin:0; padding:10px 0 0 0; text-align:center; }
.print-flyer { border:0; text-align:left; }
.print-flyer:hover { border:0; }
.print-flyer li { list-style:none; }
.print-flyer li img { border:1px solid gray; }

/**
 * offers
 */
.offers ul { background:white url(../images/bg_references.png) repeat-x; list-style:none; margin:0 0 20px 0; padding:0; border:1px solid #BEBCD1; }
.offers ul:hover { border-right:1px solid gray; border-bottom:1px solid gray; }
.offers #image { float:left; width:300px; height:200px; margin:10px; padding:1px; }
.offers #image img { border:1px solid #BEBCD1; }
.offers #link a { font-size:11px; text-decoration:none; }
.offers #link a:hover { text-decoration:underline; }
.offers ul li h4 { margin:0; padding:10px 0 0 0; font-size:13px; }
.offers ul li span { color:red; font-weight:bold; letter-spacing:0px; }
.offers ul li p { color:#666; }
.offers #facts { margin:14px 0 0 0; font-size:11px; }
.offers #facts p { margin:0; padding:0; }
.offers #facts ul { background:0; border:0; margin:0; }

/**
 * go-social
 */
.go-social a { display:block; background:white url(../images/go-social-stigits-media.jpg) repeat-x; width:701px; height:161px; margin:0 0 20px 0; text-indent:-9765px; overflow:hidden; }


/*********************
 * modules
 *********************/
 
 /**
  * contact
  */
 .contact { margin:20px 0 0 10px; width:500px; }
 .contact th { width:200px; }
 .contact td,th { border-top:1px solid #ccc; padding:5px; }
 .contact td input,textarea { padding:3px; border:1px solid gray; font-family:Tahoma; font-size:12px; }
 .contact td input:focus, textarea:focus { border:1px solid black; }
 .contact #active { background:white; }
 .contact #forename, #lastname { width:120px; }
 .contact #companyname, #phone, #email { width:252px; }
 .contact #homepage { display:none; }
 .contact #message { width:252px; height:120px }
 .contact td input.error,textarea.error { border:1px dotted red; background:#eaeaea; }