/*  
Theme Name: webfeeling Relaunch Summer 2009
Theme URI: http://www.webfeeling.at
Description: custom theme for webfeeling
Version: 1.0
Author: webfeeling
Author URI: http://www.webfeeling.at

	
 */
 
 
/* ------ RESET STYLES ------ */



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
    font-family: "Lucida Grande", Geneva, Arial, sans-serif;
    font-size:13px;
	vertical-align: baseline;
}

/* \*/  * html .parent {height: 1%} /* */ 

.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin-right: 20px; }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }


body{ background: #2b3137 url("images/bg_wood.jpg") 0 0; margin-top: 20px; line-height:24px; }

h1, h2, h3 { text-indent: -9999px; }

div#nav {  
	font: bold 17px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: lowercase;
	text-shadow: #666 0 1px 1px;
	padding: 5px 0px 0 0px;
	overflow: hidden;
	clear: both;
  }
  
#nav a {
	float: left; 
	padding: 1px 20px 5px; 
	color: #fff;
	text-decoration: none;

}

  
#nav .left { float: left; text-align: left; margin-bottom:10px; }
#nav .right { margin-top:30px; float: right; text-align: right; }

div#content { width: 940px; margin: 0 auto; text-align: left; }

div#logo{ float:left; margin-bottom:15px; margin-left:5px; }
div#navigation{ float:right; color:#FFF; margin-top:35px; margin-right:10px; }
div#navigation a{ color:#FFF; text-decoration:none; font-size:14px; font-weight:bold; }
div#navigation a:hover{ text-decoration:underline; }

div#header { height: 432px; background: url("images/bg-header4.jpg") no-repeat; clear:both; }
div#headerNoImg { height: 25px; background: url("images/headerNoImg.jpg") no-repeat; clear:both; }
div#header h2 { background: transparent url("images/teaser.png") no-repeat 0 0; float: left; height: 108px; margin: 40px 0 15px 50px; width: 890px; }
div#header p{ color: #69717d; float: left; padding: 0 470px 0 50px; width: 420px; font-size: 14px; }
div#header p.teaser{ height: 100px; }
div#header p.wordpress{ color: #69717d; float: left; padding: 0px 470px 0 140px; width: 340px; font-size: 14px; margin-top: 30px; background: url("images/wordpress-logo.png") no-repeat 50px 10px; }


div#highlights { background-color: #1a2026; padding: 45px 0 6px 40px; }
div#highlights div.col { float: left; padding-bottom: 39px; padding-left: 10px;  width: 290px; }
div#highlights div.col p { color: #70757b; width: 230px; }

div#portfolio { background-color: #fff; padding: 45px 0 6px 40px; }
div#portfolio div.col { float: left; padding-bottom: 39px; padding-left: 10px;  width: 290px; }

div#news { background-color: #1a2026; padding: 40px 0 40px 40px; }
div#news div.colLeft, #singleContent div.colLeft{ float: left; padding: 0 20px 10px 0; width: 530px; color: #666; }
div#news div.colRight, #singleContent div.colRight { float: left; padding: 0 0px 10px 20px; width: 280px; color: #666; }
div#news h4 { color: #fff; font-weight: bold; }
div#news a, div#news a:hover { color: #fff; text-decoration: none; }
#news p, #singleContent p { margin: 10px 0 10px 0; }
div#singleContent a, div#singleContent a:hover { color: #666; }

#singleContent { background:#fff; padding: 10px 50px 50px 50px; }
#singleContent p { color: #69717d; float: left; font-size: 14px; }

div#flickr_badge img { margin: 0 10px 10px 0px; border: 4px solid #fff;	 }

div#contact { background-color: #E5E5E5; padding: 40px 0 0px 40px; }
div#contact div.col { float: left; padding-bottom: 10px; padding-left: 10px;  width: 290px; }


div.divider { border-bottom: 1px solid #fff; clear: both; width: 860px; }

div#footer { background: #E5E5E5 url("images/bg-footer.png") no-repeat 0 bottom; float: left; text-align: center; width: 940px; }

div#footerWhite { background: url("images/footerWhite.png") no-repeat 0 bottom; float: left; text-align: center; width: 940px; height: 6px; }

div#subFooter { width: 940px; margin: 0 auto; text-align: left; background: #2b3137; color:#fff; font-size: 9px; margin-bottom: 50px; }
div#subFooter p.left { float: left; text-align: left; }
div#subFooter p.right { float: right; text-align: right; }
div#subFooter a { color: #fff; text-decoration: none; }

h3 { height: 48px; }
h3#beratung { background: url("images/beratung.png") no-repeat 0 0;  }
h3#gestaltung { background: url("images/gestaltung.png") no-repeat 0 0;  }
h3#programmierung { background: url("images/programmierung.png") no-repeat 0 0;  }
h3#datenbank { background: url("images/datenbank-anwendungen.png") no-repeat 0 0;  }
h3#cms { background: url("images/content-management.png") no-repeat 0 0;  }
h3#beratung { background: url("images/beratung.png") no-repeat 0 0;  }
h3#shop { background: url("images/shop.png") no-repeat 0 0;  }
h3#seo { background: url("images/suchmaschinenoptimierung.png") no-repeat 0 0;  }
h3#domain { background: url("images/domains.png") no-repeat 0 0; }
h3#hosting { background: url("images/hosting.png") no-repeat 0 0; }

h3#flickr { background: url("images/flickr.png") no-repeat 0 0; height: 25px;  }
h3#news { background: url("images/news.png") no-repeat 0 0; height: 25px; }

h4.header {
	font: 22px "Lucida Grande", Geneva, Arial, sans-serif; font-weight: normal;
	color: #69717d;
	border-bottom: 1px solid #DCDBD7;
	padding: 0 0 10px 20px;
	margin-bottom: 30px;
}

h5 {
	
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}

blockquote p {
	font-size: 16px;
	line-height: 24px;
	font-family: "buendia-1","buendia-2",serif;
	font-weight: normal;
	font-style: italic;
	margin: 30px 0 9px 0;
}

blockquote p.quotee {
	font-size: 11px;
	line-height: 20px;
	font-family: 'lucida grande',verdana, sans-serif;
	font-weight: normal;
	font-style: normal;
	margin: 9px 0;
	color: #acada3;
}

p.date {
	color: #acada3;
}




div#clients h2 { background: url("images/kundenauszug.png") no-repeat 0 0;  }


.clearer { clear: both; height: 0px; }
.clearer10 { clear: both; height: 10px; }
.clearer20 { clear: both; height: 20px; }
.clearer40 { clear: both; height: 40px; }

.slideshowlink, .piclenselink { display: none; }


/*
 * Required 
 */
.container { width:344px; height:282px; overflow:hidden; position:relative; cursor:pointer; top:-343px; margin-left: 298px; }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:344px; display:none; }
/*
 * Optional
 */
#loopedSlider,#newsSlider { margin:0 auto; width:344px; position:relative; clear:both; top:-343px; margin-left: 298px; }
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:left; }
ul.pagination li a { padding:2px 4px; }
ul.pagination li.active a { background:blue; color:white; }

.niceButton {
	display:block;
	width:250px;
	height:50px;
	text-indent:-9999px;
}
.niceButton a {
	display:block;
	width:250px;
	height:50px;
	background:transparent url("images/viewWebsite.png") no-repeat top left;
	outline:none;
}
.niceButton a:hover {
	background-position:0 -50px;
}

.portfolioItem {
	width: 300px; float:  left;
	margin-bottom: 40px;
}




#register_field{ width:630px; padding-top:10px;  float:left; font-size:10px; color:#999ba1; }
.input_large{ background-color:#EEEBEB; float:left; width:520px; margin-bottom:3px; margin-right:25px; }
.input_large_top{ background-image:url(images/inputs.png); float:left; height:5px; width:416px;}
.input_large_bottom{ background-image:url(images/inputs.png); float:left; height:5px; width:416px; background-position:0px -5px;}
input.large{ border:none; border-left:1px solid #D3D1D1; margin-left:10px; padding-top:10px; padding-bottom:10px; width:220px; background-color:#EEEBEB; padding-left:10px; padding-right:10px; color:#A97B4D; margin-top:1px;  }
.fieldLarge{ color:#000000; background-color:transparent; width:130px; text-align:left !important;  float:left; padding-left:20px; padding-top:10px; padding-bottom:10px; font-weight: bold; }
.fieldLargeR{ color:#000000; background-color:transparent; width:130px; text-align:left !important;  float:left; padding-left:20px; padding-top:10px; padding-bottom:10px;}
.fieldLargeReq{ color:#000000; background-color:transparent; width:130px; background-image:url(../images/comments/required.png); background-repeat:no-repeat; background-position:120px 14px; text-align:left !important;  float:left; padding-left:20px; padding-top:10px; padding-bottom:10px; font-weight: bold; }
input { font: 12px "Lucida Grande", Geneva, Arial, sans-serif; }
textarea{ font: 12px "Lucida Grande", Geneva, Arial, sans-serif; border:none; border-left:1px solid #D3D1D1; margin-left:10px; height:auto; padding-top:10px; padding-bottom:10px; width:220px; float:left; background-color:#EEEBEB; padding-left:10px; padding-right:10px; color:#876A4C; min-height:68px; }

textarea.large{ border:none; border-left:1px solid #D3D1D1; margin-left:10px; height:86px; padding-top:10px; width:220px; float:left; background-color:#EEEBEB; padding-left:10px; padding-right:10px; color:#FD6B02; font-size:11px; min-height:76px; }

.submitButton {
	display:block;
	width:250px;
	height:30px;
	text-indent:-9999px;
}
.submitButton a {
	display:block;
	width:100%;
	height:100%;
	background:transparent url("images/submitButton.png") no-repeat top left;
	outline:none;
}
.submitButton a:hover {
	background-position:0 -32px;
}

.imgSlideNav { text-align: right; width: 650px;
}
.imgSlideNav a { border: 1px solid #ccc;  text-decoration: none; margin: 0 5px; padding: 3px 5px;  }
.imgSlideNav a.activeSlide { background: #ccc;  }
.imgSlideNav a:focus { outline: none; }





/* ----- QUIZ ----- */

div#header_quiz { height: 432px; background: url("images/bg-header-quiz.jpg") no-repeat; clear:both; }
div#header_quiz h2{ background: transparent url("images/teaser-quiz.png") no-repeat 0 0; float: left; height: 108px; margin: 80px 0 19px 50px; width: 890px; }
div#header_quiz p{ color: #69717d; float: left; padding: 0 470px 0 50px; width: 320px; font-size: 14px; }

h3#quiz_wartung { background: url("images/quiz-wartung.png") no-repeat 0 0;  }
h3#quiz_design { background: url("images/quiz-design.png") no-repeat 0 0; }
h3#quiz_einsatz { background: url("images/quiz-einsatz.png") no-repeat 0 0; }

/* ----- PORTFOLIO ----- */
div#header_portfolio { height: 432px; background: url("images/header_portfolio.jpg") no-repeat; clear:both;  }