/*  
Theme Name:SG20090920
Theme URI:http://graegert.de/
Description:Steve's Theme
Version:9.09.20
Author:Steve Graegert
Author URI:http://graegert.de/
Tags:
*/

/* MAIN STYLES -------------------------------------------*/
* { margin:0; padding:0; }
body, html { font-weight:normal; font-family:Georgia,Arial, Helvetica, sans-serif; font-size:1em; color:#333; margin:0; padding:0; line-height:130%; }
q:lang(de) { quotes: "«" "»" "'" "'"; }
.storycontent ul,
.entry ul { list-style:none; margin:0.7em 0; }
.storycontent ul li,
.highslide-body ul li,
.entry ul li { padding:5px 0; background:url(images/arrow.jpg) 0 13px no-repeat; padding-left:15px; position:relative; }
.storycontent ol { margin: 0.7em 0 1em 2em; }
.storycontent ol li { padding:5px 0 0 10px; }
.highslide-body ul { list-style:none; margin:0.7em 0; }
.storycontent dl dd { margin:0.5em 0 1em 1em;  }
a { color:#36A1C8; text-decoration:none; }
a:hover { text-decoration:underline; }
h1, h2, h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.8em; letter-spacing:-1px; color:#754C29; font-weight:normal; padding:10px 0 5px; }
h2 { font-size:1.6em; padding:5px 0 0; font-weight:normal; line-height:1em; }
h3 { font-size:1.4em; color:#333; padding:5px 0 0; font-weight:normal; }
.highslide-body h4 { color:#36A1C8; }
h4,
.tabbertab h4 { font-size:1.2em; color:#333; padding:10px 0 0; font-weight:normal; }
.tabbertab h4 { color:#36A1C8; }
h5 { font-family:Georgia; font-size:1.1em; font-weight:normal; color:#36A1C8; margin-bottom:0; }
blockquote { margin:0 auto 15px auto; padding:0 10px 0 10px; width:auto; background:#FCFCF4 url(images/quote.gif) no-repeat bottom right; border:1px solid #e7e8d8; font:italic 1.1em Georgia, "Times New Roman", Times, serif; line-height:125%; color:#333333; }
.tabbertab blockquote { margin:15px auto 15px auto; padding:0 10px 0 10px; width:auto; background:#fff; border:1px solid #e7e8d8; font:italic 1.1em Georgia, "Times New Roman", Times, serif; line-height:125%; color:#333333; }
strong { color:#754C29; }
dl dt.definitionTerm { font-weight:bold; }

/* LAYOUT STRUCTURE --------------------------------------------------*/
#mainWrapper { clear:both; margin:0 auto; width:900px; }
#wrapper { margin:0 auto; width:900px;}
.wrapper { clear:both; margin:0 auto; width:900px;}
#header { height:108px;	min-width:960px; background:#46423E; }
#header h1 a { background:transparent url(images/top_headline.png) no-repeat scroll left center; display:block; float:left; height:88px; text-indent:-9999px; width:363px; }
#head-search { float:right; height:30px; padding:6px 0 0 0; margin:0 10px 0 0; line-height:22px; }
#head-search input.text { background:#5A5A5A none repeat scroll 0 0; border:1px solid #666666; color:#aaaaaa; float:left; margin-right:6px; width:130px; }
#head-search .button { background:#5A5A5A none repeat scroll 0 0;	border-color:#888888;	color:#aaaaaa; float:left; width:64px; height:27px; font-weight:normal; }
#header ul { display:block; float:right; list-style-image:none; list-style-position:outside; list-style-type:none; margin:23px 0 0 0; min-width: 450px; width:auto; font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif; font-size:0.875em; }
#header ul li { float:left; }
#header ul li a { color:#aaaaaa; display:block; font-family:"Lucida Grande",Tahoma,"Bitstream Vera Sans",Arial,sans-serif; font-size:1.0em; font-weight:normal; text-transform:capitalize; line-height:34px; padding:0 10px; }
#header ul li a:hover { color: #dddddd; text-decoration:none; }
#header ul li a.current,
#header ul li#download a.current {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	background:#EDECDF none repeat scroll 0 0;
	color:#555555;
	text-shadow:1px 1px 1px #C6D9E9;
}
#home-welcome { background:#EDECDF none repeat scroll 0 0; border-bottom:1px solid #c1b8b0; min-height:351px; min-width:900px; }
#headline { background:#EDECDF none repeat scroll 0 0; border-bottom:1px solid #c1b8b0; height:87px; min-width:900px; text-align:left; }
#headline h1 { font-size:1.8em; padding: 30px 0 0 5px; font-weight:normal; line-height:normal; }
#headline h1 a { color:#754C29; }
#headline span.author, #innerFooter .copyright { float:none; padding: 10px 0 10px 25px; font-family:"Lucida Grande",Geneva,Helvetica,sans-serif; font-size:10px; font-variant:normal; font-weight:lighter; letter-spacing:0.3em; margin-bottom:16px; text-align:left; text-transform:uppercase; color:#666666; }

#teaser { padding:20px; min-height:350px; background: transparent url(files/TeaserGlow.jpg) 0 0 no-repeat; }

#innerFooter .copyright { text-align:right; }
#content { padding:0 0 25px; }
#footer { height:80px; background:#fff url(images/bk_footer.jpg) 0 0 repeat-x; margin-top:10px; border-bottom:1px solid #E5E5E5; clear:both; margin:0 auto; padding:6px 14px; }
#innerFooter { width:890px; background:transparent url(images/logo_footer.png) left center no-repeat; margin:0 auto; height:80px; line-height:25px; }
#innerFooter .copyright { float:right; margin: 22px 0 0 0; color:#aaaaaa; }

.customers { margin:20px 0 20px 0; padding-bottom:20px; }
.customers .gallery { margin:auto; margin-bottom: 20px; }
.customers .gallery-item { float:left; margin-top:0; margin-right:10px; text-align:left; width:302px; }
.customers .gallery-item .gallery-icon { border:1px solid #CCCCCC; padding:4px; text-align:center; }
.customers .gallery-item .gallery-caption { margin:0; text-align:left; }
.customers .gallery-item .gallery-caption h5 { margin-top:10px; font-variant:normal; }
.customers .gallery-item .gallery-caption p { font-size:11px; line-height:18px; margin:0 0 10px; }
.gallery a img { border:none; }



/* HEADER ELEMENTS 
--------------------------------------------------*/
/* -- logo --*/
#logo { position:absolute; top:55px; left:10px;	}
#logo h1 { padding:0; }
#logo h1 a, #logo h1 a:hover{ background:url(images/logo_small.png) 0 0 no-repeat; width:207px; height:150px; text-indent:-9000px; display:block; text-decoration:none; }
#topheadline { position:absolute; top:85px; left:160px; background:url(images/top_headline.png) 0 0 no-repeat; text-indent:-9999px; width:450px; height:85px; }
#navigation { margin:0; padding:0; width:auto; height:37px; background:url(images/navigation.gif) repeat-x; display:block; line-height:35px; }
#topMenu { position:absolute; top:7px; right:0; margin:0; padding:0; }
#topMenu li { float:left; padding:0 20px; background:none; }
#topMenu li a { font-size:0.875em; color:#754C29; text-decoration:none; font-weight:normal; text-transform:uppercase; }
#topMenu li a:hover { color:#94CDE2; }
#topMenu li.selected a{ color:#94CDE2; }

/*CONTENT ELEMENTS
--------------------------------------------*/

#content p { margin:0.7em 0; }
#colLeft { float:left; width:625px; padding-right:20px; background:url(images/bk_vertline.jpg) 100% 0 repeat-y; margin-top:15px; padding-left:10px; }
#colLeftInner1 { width:255px; float:left; background:url(images/bk_vertline.jpg) 100% 0 repeat-y; padding-right:20px; }
#colOne { float:left; width:100%; padding-right:20px; margin-top:35px; padding-left:10px; }
#colLeftInner2 { float:left; width:315px; margin-left:20px; }

ul.latestPosts { list-style-image:none; list-style-type:none; margin-top:10px; }
ul.latestPosts li { background:url(images/bk_horizline.jpg) 0 100% repeat-x; padding:0; }
* html ul.latestPosts li { float:left; width:100%; }
ul.latestPosts li a { display:block; background:url(images/ico_post.jpg) 0 4px no-repeat; padding:2px 0 6px 20px; text-decoration:none; margin:0; }
ul.latestPosts li a:hover { color:#333; }
ul.latestPosts li a span.date { font-size:10px; color:#999; }
#colRight { float:left; width:225px; margin-left:20px; margin-top:15px; }
#colRight p.line { background:url(images/bk_horizline.jpg) 0 100% repeat-x; display:block; padding:10px 0; margin:0; }
#colRight p img { vertical-align:middle; padding-right:5px; }
#colRight .featured { margin:10px 0; }
#colRight .featured img { background:#fff; padding:6px; border:none; }
img.border{ padding:1px; background-color:white; border:1px solid #ddd; }
.floatLeft { margin:0 10px 10px 0; float:left; }
.floatRight { margin:0 0 10px 10px; float:right; }
.phone { color:#754C29; }
.download, .address { background:#F6F5F0;  border:1px solid #e7e8d8; font:none 0.9em Georgia, "Times New Roman", Times, serif; line-height:125%; }
.download { margin:0 auto 15px auto; padding:20px 10px 20px 10px; width:auto; color:#754C29; }
div.address { margin:auto; padding:10px; }
div.address .left { float:left; width:49%; }
div.address .right { float:right; width:49%; }
div.form7Label { clear:both; width:100px; float:left; }
div.form7input { clear:both; width:200px; float:left; }

.inlineNote { font-size:70%; color:#999; font-style:normal; }
.blue { color:#36A1C8; }
.makecontact { border: 1px dotted #ccc; background-color: #827A92; padding: 5px; color:white }
.makecontact a { color:#DFD3C6; }


/* BLOG 
--------------------------------------------*/
.hentry { }
.post { padding:0 0 5px; position:relative; }
.post h2 { margin:20px 0 10px 0; }
.post h3 { margin:20px 0 5px 0; }
.post small { color:#666666; font-family:"Lucida Grande",Geneva,Helvetica,sans-serif; font-size:10px; font-variant:normal; font-weight:lighter; letter-spacing:0.3em; margin-bottom:16px; text-align:left; text-transform:uppercase; }
.postmetadata { color:#666; font-size:11px; }
.post .entry { padding-bottom:5px; }
.post .entry img { border:1px solid #ddd; background:#fff; padding:1px; }
.post .entry .contactform img { border:none; }
.post .entry img.teaser { border:1px solid #ddd; padding:0px; }
.post .thanks { display:block; background:url(images/thanksforreading.png) no-repeat 0 0; height:67px; margin:40px 0 10px 0; }

h2 a { text-decoration:none; color:#555; padding:10px 0; }
h2 a:hover { color:#333; }
.post .ribbonType { position:absolute; top:71px; left:574px; width:45px; height:43px; }
*html .post .ribbonType { top:71px; }

.wp-caption { text-align:center; margin-bottom: 20px; }
.wp-caption .wp-caption-text { font-family:"Lucida Grande",Geneva,Helvetica,sans-serif; font-size:0.75em; line-height:1.3em; color:#999999; }

#sidebar ul { /*background:url(images/bk_horizline.jpg) 100% 0 repeat-x;*/ list-style-image:none; list-style-type:none; margin:10px 0; }
#sidebar ul li { background:url(images/bk_horizline.jpg) 0 100% repeat-x; padding:0; }
* html #sidebar ul li { float:left; width:100%; }
#sidebar ul li a { display:block; background:url(images/arrow.jpg) 0 13px no-repeat; padding:6px 0 8px 16px; text-decoration:none; margin:0; }
#sidebar ul li a:hover { color:#333; }

/* Comments */
h3#comments { padding:10px 0 15px; }
.navigation { font-weight:bold; }
.navigation div { float:left; margin-right:20px; }
ul.commentlist { border-top:4px solid #e5e5e5; }
ul.commentlist li { background:url(images/bk_horizline.jpg) 0 100% repeat-x; text-transform:none; }
ul li.comment { padding-left:0; margin-bottom:5px; display:block; }
.commentmetadata { font-size:10px; font-family:Arial, Helvetica, sans-serif; }
.comment-author { font-style:normal; font-size:11px; padding-left:16px; background:url(images/ico_comment.jpg) 0 4px no-repeat; font-family:Arial, Helvetica, sans-serif; }
.comment-author cite { font-weight:bold; font-style:normal; }
#respond h2 { clear:left; padding-top:15px; }
*html #respond h2 { padding-top:7px; }

/* CAROUSEL
---------------------------------------------*/
.stepcarousel{
	position:relative; /*leave this value alone*/
	overflow:scroll; /*leave this value alone*/
	width:900px; /*Width of Carousel Viewer itself*/
	height:310px; /*Height should enough to fit largest content's height*/
	padding-top:20px;
}

.stepcarousel .belt{
	position:absolute; /*leave this value alone*/
	left:0;
	top:0;
	margin-top:30px;
}

.stepcarousel .panel{
	/*background:url(images/bk_featured.png) 0 0 no-repeat;*/
	float:left; /*leave this value alone*/
	overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:2px;
	width:900px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:310px;
	position:relative;
}

.stepcarousel .panel .projectDetails { float:left; width:230px; margin:35px 0 0 25px; }
.stepcarousel .panel .projectDetails .title { font-size:16px; font-weight:bold; }
.stepcarousel .panel .ribbonType { position:absolute; top:14px; left:224px; width:45px; height:43px; }
.stepcarousel .panel .projectImg{ position:absolute; top:14px; right:14px; }
.stepcarousel .panel .projectImg img { border:none; }
.web { background:url(images/ribbon_web.png) 0 0 no-repeat; }
.logo { background:url(images/ribbon_logo.png) 0 0 no-repeat; } 
.print { background:url(images/ribbon_print.png) 0 0 no-repeat; }


/* FORMS
-------------------------------------------------*/
.submit input, .button, .button-primary, .button-secondary, input[type="button"], input[type="submit"] {
	border:1px solid #BBBBBB;
	color:#262B40;
	cursor:pointer;
	font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:16px;
	padding:2px 8px !important;
	text-decoration:none;
}

form label, form#commentform label { display:block; padding:8px 0 2px; font-weight:bold; }
form input, form#commentform input,
form textarea,
form#commentform textarea  { border:1px solid #E5E5E5; padding:5px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666; width:95%; }
form textarea,
form#commentform textarea { width:95%; }
form input#submit,
form#commentform input#submit,
form input#searchsubmit { border:none; width:103px; height:24px; text-align:center; padding-top:4px; color:#fff; font-weight:bold; text-transform:uppercase; margin-top:15px; background:url(images/bk_submit.jpg) 0 0 no-repeat; font-size:11px; }
form input#searchsubmit { background:url(images/bk_search.jpg) 0 0 no-repeat; width:60px; margin:0; }
form#searchform input#s { width:143px; margin:0; }
form#searchform div { padding:0 0 10px; }
form#searchform label { padding:0; margin:0; }

.wpcf7-captcha-captcha-7 { vertical-align: -33%; }
.wpcf7-form input[type="submit"] { width: 80px; }
.wpcf7 .thecaptcha { vertical-align:middle; }


/* CLEARING
---------------------------------------------------*/
.clearfix:after { content:".";  display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:block; }

/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */

.clear { clear:both; }
.noclear { clear:none; }

/* LATEX2HTML Artifacts
-----------------------------------------------------*/
.textit { font-variant:italic; }
table.tabledata,
table.coursedata { font-size:0.7em; width:99%; }
table.tabledata th,
table.tabledata td,
table.coursedata td { width:auto; margin:0; padding:3px; }
table.tabledata th { background-color:#f2f2f2; }
table.tabledata .highlite { background-color: #f2f2f2; }
table.tabledata .aligncenter { text-align: center; }
table.tabledata .alignright { text-align: right; }
table.tabledata .alignleft { text-align: left; }

table.coursedata { font-size:100%; border-spacing:0; margin-bottom:10px; border:1px solid #eee; }
table.coursedata td { background-color:#fff; }
table.coursedata td:first-child { font-weight:bold; white-space:nowrap; }

table.contactform { font-size:100%; border-spacing:0; margin:20px 0 10px 0; }
table.contactform td { background-color:#fff; padding:5px; vertical-align:top; }
table.contactform td:first-child { font-weight:bold; white-space:nowrap; }

/* the table-less table
-----------------------------------------------------*/
#table { margin:0; width:auto; text-align: left; line-height:100%; }
#table ul { list-style: none; clear: both; margin:0; padding:0; line-height:100%; }
#table ul li { float:left; width:1.2em; padding:2px; margin:0; }
#table ul li.full { width:auto; white-space:nowrap; }
#table ul.header { background: #EEE; }
#table ul.header li { text-align: center; font-weight: bold; font-size: 1em; padding-top: 1em; padding-bottom: 0; }
#table ul:hover { background: #DCE9F4; }
#table ul.color { background: #F9F9F9; }
#table ul.color:hover { background: #BAD4EB; }

.portfoliooffer,
.boxfloatrightauto,
.boxfloatright { float:right;width:30%;border:1px solid #ccc; padding:7px; margin:0 0 10px 10px; background-color: #EDECDF; font-size: 80%; color: #666; -moz-border-radius:3px; -webkit-border-radius:3px; }
.boxfloatrightauto { width:auto; }
.portfoliooffer { width:611px; font-size:100%; float:none; margin:0 0 10px 0; }

/* mainpage image slider
-----------------------------------------------------*/
#featured { height:400px; margin-bottom:25px; position:relative; } 
.featured_item { height:350px; margin:0 auto; position:relative; top:35px; width:940px; overflow:hidden; display:none; }
#home-welcome .current{ display:block; }
.featured_text { letter-spacing:0.4px; left:30px; line-height:26px; position:relative; top:30px; width:332px; z-index:2; }
 #featured .entry { margin-bottom:8px; height:242px; overflow:hidden; border-bottom:none; padding-bottom:0; }
.featured_image { height:350px; position:absolute; right:0; top:0; width:940px; overflow:hidden; }
.featured_image img{ position:absolute; right:0; top:0; }  
#featured_bottom{ position:absolute; height:60px; bottom:-10px; width:100%; }
.ticker { font-size:11px; margin:18px 15px 0 39px; width:450px; }
.ticker, .ticker a{ text-decoration:none; }
.ticker span { display:none;} 
.ticker .active_ticker { display:block;}	
.preview_images { height:60px; line-height:60px; position:absolute; right:39px; top:10px; }
.preview_images a img { padding:1px; }  
.preview_images a { outline:none; display:block; position:relative; margin-right:5px; float:left; }
.pointer { height:13px; left:18px; position:absolute; top:37px; width:13px; }

/*#featured { background:transparent url(images/bg_slice.png) center top repeat-y; color:#f5f5f5; }*/
#featured_bottom { background:transparent url(images/bg_slice2.png) right top no-repeat;	  }
.ticker, .ticker a { color:#666; text-decoration:none; }
.preview_images a img { border:1px solid #afafaf; background-color:#fff; }
.preview_images .current_prev img { border:1px solid #666; }
.pointer{ background:transparent url(images/pointer.png) no-repeat scroll left top; }								
.meta { color:#a0a0a0; }
.read-more, .show-next { background:transparent url(images/read_more.png) no-repeat scroll right top; color:#555; }
.read-more:hover, .show-next:hover { background:transparent url(images/read_more.png) no-repeat scroll right bottom; color:#666; }

.corner_left, .corner_right { background:transparent url(images/jquery_corners.png) no-repeat scroll top left; }
#home-welcome .corner_right { background:transparent url(images/jquery_corners.png) no-repeat scroll top right; }

#sliderbody img { border:none; }
#sliderbody img { height:350px; width:900px; }


/* Portfolio
 -----------------------------------------------------*/
.small_box { float:left; padding:0 0 15px 30px; position:relative; width:260px; font-family:'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif; font-size:11.5px; } 
#top .box1 { padding:0 0 15px 30px; }
.small_box h3 { margin:0 0 5px; border-bottom:1px solid #DDDDDD; }
.small_box img { padding:5px 0 !important; padding:0;/*ie6 fix for png elemnts needs this*/ }
 
.entry_portfolio { padding-bottom:30px; clear:both; float:left; width:100%; position:relative; } 
.entry_portfolio p { font-style:italic; }
.portfolio_item { border:1px solid #ddd; height:132px; overflow:hidden; padding:5px; position:relative; width:250px; font-family:'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif; font-size:11.5px; }
.portfolio_item h3 { position:absolute; bottom:13px; left:0; border:none; padding:0; margin:0; line-height:1em; background-color:#747474; color:#eee; font-family:'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif; } 
.portfolio_item h3 a { padding:4px 8px; font-size:12px; display:inline; height:auto; width:auto; overflow:auto; background-color:#747474;
color:#EEEEEE; text-decoration:none; } 
.portfolio_item h3 a:hover { background-color:#eaeaea; color:#747474; }
.portfolio_item a { display:block; overflow:hidden; width:250px; height:132px; color:#333; text-decoration:underline; }
.portfolio_item img, .portfolio_item a img{ border:none; padding:0 !important; /*ie 6 fix fix =)*/ margin:0; }