* { padding: 0; margin: 0; }
ul li, ol li { list-style: none; list-style-position: inside; background: url(images/bullet.png) no-repeat; background-position: 0 4px; padding-left: 10px;  }
ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 0; }
img { border: none; }

body {
	color: #000;
	background: url(images/page_bg_sand.jpg) no-repeat;
	font-family: Helvetica, Trebuchet MS, Tahoma, Sans-Serif;
	font-size: .8em;
	line-height: 1.3em;
	background-color:#aba29d;
}
a:link { color: #0c7a66; text-decoration:none }
a:visited { color: #0c7a66; text-decoration:none }
a:hover { color: #ff00ff; text-decoration:none }
a:active { color: #FFF; background: #ff00ff }

h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Trebuchet MS, Tahoma, Sans-Serif; margin-bottom: 6px; color: #424242; letter-spacing:-1px; }
h1 { font-size: 1.62em; margin-bottom: 20px; }
h2 { font-size: 1.35em }

p { margin-bottom: 10px; }

/*input, textarea { font: 12px Trebuchet MS, Helvetica, Arial, Geneva, sans-serif; }*/

blockquote {
	font: italic 14px/22px Georgia, Serif; 
	padding: 5px 10px;
	margin-bottom: 20px;
	background: #e4ede2; 
}

input {
	border: 1px solid #dadada;
	width: 214px;
	height: 22px;
	font-size: 1em;
	font-family: Helvetica, Trebuchet MS, Tahoma, Sans-Serif;
	margin: 2px;
	color: #595959;
	padding-left:2px;
}

textarea {
	border: 1px solid #dadada;
	width: 400px;
	height: 200px;
	font-size: 1em;
	font-family: Helvetica, Trebuchet MS, Tahoma, Sans-Serif;
	padding: 2px;
	color: #595959;
}

select {
	margin: 4px 6px 10px 2px;
	width: 218px;
}

input.reset { 
	color: #49a71a;
	margin: 4px 10px 0 -6px;
	background: url(images/form_button.png) no-repeat;
	width: 106px;
	border: none;
	padding:0;
	height: 24px;
	position: relative; 		
}

input.reset:hover {
	color: #ff00ff;
} 

input.submit { 
	color: #49a71a;
	margin: 4px 10px 0 130px;
	background: url(images/form_button.png) no-repeat;
	background-size: 100%;
	background-position: top center;
	text-align: center;
	width: 106px;
	border: none;
	padding:0;
	height: 24px;
	position: relative; 
}

input.submit:hover {
	color: #ff00ff;
} 

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}


/******************** Divs *****************/



#huelle { 
	width: 976px; 
	padding-bottom: 10px; 
	margin: 0 auto; 
	overflow: hidden; 

}


#kopf { 
	width: 976px; 
	height: 75px; 
	float: left; 
    background:url('images/logo.gif') no-repeat;
	position: relative;
	margin-left: 25px;
	margin-top: 20px;
}

#middle {
	width: 976px;
	height: 100%;
	float: left;
	background-image: url('images/page_bg_middle.png');
	background-repeat: repeat-y;
	padding-left: 4px;
	padding-right: 4px;
	position: relative;
}

#content {
	padding: 24px;
	clear:both;
	/* width 968 minus padding*/
	width: 920px;	
	bakground: green;
}

#content #leftCol {
	width: 662px;
	float: left;
	margin-bottom: 40px;		
}

#content #rightCol {
	width: 238px; /*248*/
	float: right;	
}

/********************* NAV ******************/

#navigation {
	width: 976px;
	height: 40px;
	float: left;
	background: url(images/page_bg_top.gif) no-repeat;
	position: relative;

}
#navigation ul { 
	list-style: none;
	padding: 0;
	margin: 0;	
	padding-left: 4px;
	padding-top: 4px;
}
#navigation li { 
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	/* overwrites default image style */
	background: none;
}

#navigation li a { 
	display: block; 
	text-decoration: none; 
	color: #ffffff;
	height: 36px;
	line-height: 2em;
	width: 152px;
	border: none;	
}

#navigation li.navHome a {
	width: 98px;
	background: url(images/nav_home.png);
	background-position: 0 -72px;
}

#navigation li.navHome a:hover {
	/*width: 98px;*/
	background-position: 0 -36px;
}

#navigation li.navHome a#selected {
	width: 98px;
	background-position: 0 0;
}

#navigation li.navWhatWeDo a {
	width: 142px;
	background: url(images/nav_what_we_do.png);
	background-position: 0 -72px;
}

#navigation li.navWhatWeDo a:hover {
	background-position: 0 -36px;
}

#navigation li.navWhatWeDo a#selected {
	background-position: 0 0;
}

#navigation li.navShowcase a {
	width: 125px;
	background: url(images/nav_showcase.png);
	background-position: 0 -72px;
}

#navigation li.navShowcase a:hover {
	background-position: 0 -36px;
}

#navigation li.navShowcase a#selected {
	background-position: 0 0;
}

#navigation li.navBlog a {
	width: 86px;
	background: url(images/nav_blog.png);
	background-position: 0 -72px;
}

#navigation li.navBlog a:hover {
	background-position: 0 -36px;
}

#navigation li.navBlog a#selected {
	background-position: 0 0;
}

#navigation li.navBlank {
	width: 483px; /*397*/
	height: 36px;
	background: url(images/nav_gap.jpg) top;
	background-position: 10 -72px;	
}

#navigation li.navContact a {
	width: 120px;
	background: url(images/nav_contact.png);
	background-position: 0 -72px;
}

#navigation li.navContact a:hover {
	background-position: 0 -36px;
}

#navigation li.navContact a#selected {
	background-position: 0 0;
}

#subNav {
	width: 968px;
	height: 56px;
	float: left;
	position: relative;
	top:-4px;
}
#subNav ul { 
	list-style: none;
	padding: 0;
	margin: 0;	
}
#subNav li { 
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	width: 322px;
}


#subNav li a { 
	display: block; 
	text-decoration: none; 
	color: #ffffff;
	height: 56px;
	line-height: 2em;
	width: 322px;
	border: none;	
}

#subNav li.subNavDesignAndBuild a {
	background: url(images/subnav_design_build.png);
	background-position: 0 -112px;
}

#subNav li.subNavDesignAndBuild a:hover {
	background-position: 0 -56px;
}

#subNav li.subNavDesignAndBuild a#selected {
	background-position: 0 0;
}

#subNav li.subNavSpacer {
	width:1px;	
}
	
#subNav li.subNavBrandIdentity a {
	background: url(images/subnav_brand_identity.png);
	background-position: 0 -112px;
}

#subNav li.subNavBrandIdentity a:hover {
	background-position: 0 -56px;
}

#subNav li.subNavBrandIdentity a#selected {
	background-position: 0 0;
}
	
#subNav li.subNavEmailMarketing a {
	background: url(images/subnav_email_marketing.png);
	background-position: 0 -112px;
}

#subNav li.subNavEmailMarketing a:hover {
	background-position: 0 -56px;
}

#subNav li.subNavEmailMarketing a#selected {
	background-position: 0 0;
}



#footer { 
	width: 976px; 
	height: 42px; 
	float: left; 
	margin-bottom: 7px; 
	background: url(images/footer.gif) no-repeat bottom;
	position: relative;
	text-align: center;
	color: #555;
}

#footer .content {
	padding-top: 10px;	
}

#footer a { color: #555; text-decoration: none;}
#footer a:hover { color: #ff00ff; text-decoration: none;}

/***** POSTS ******/

.post-info {
	padding-top: 20px;	
}

/***** COMMENTS ******/


.comments-title {
	font: bold 22px Helvetica, Trebuchet MS, Helvetica, Arial, Geneva;
}

#comments {
	/*padding-left: 12px;
	background: red;*/
	padding: 6px;
}


#comments .comment {
	margin-bottom: 10px;
	overflow: hidden;
	width: 635px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
}
#comments .comment .comment-avatar { 
	float: left; 
	width: 50px; 
	padding: 5px 7px; 
}

#comments .comment .comment-inhalt {
	float: left;
	padding: 6px 6px;
	/*margin: 5px 5px 0 0;*/
	width: 536px;
	/*background-color: #dadada;*/
}
/*#comments .comment .comment-inhalt a { color: #444; }*/


#comments .comment .comment-info { 
	/*font-size: 11px;*/
	/*color: #777;*/
	margin-bottom: 5px; 
}
#comments .comment .comment-info span {
	font: bold 1.35em Helvetica, Trebuchet MS, Tahoma, Sans-Serif;
	padding-right: 10px; 
	margin-bottom: 5px;
}
/*#comments .comment .comment-info a { 
	color: #444; 
	text-decoration: none;
}*/

.commentsPanelTop {
	width: 662px;
	height: 4px;
	background: url(images/comments_panel_top.png) no-repeat;
	/*margin-top: 20px;*/
	overflow: hidden;
}

.commentsPanelMiddle {
	width: 662px;
	height: 100%;
	background: url(images/comments_panel_middle.png) repeat-y top;
}

.commentsPanelBottom {
	width: 662px;
	height: 4px;
	background: url(images/comments_panel_bottom.png) no-repeat;
	overflow: hidden;
}

.commentForm {
	/*background: red;*/	
}

#altContent {
	width: 948px;
	height: 100px;
	padding: 10px;
	border-bottom: 1px solid #dadada;	
}







/************************* CLASSES ***************************/
.dottedLine {
	width: 100%;
	border-bottom: 1px dotted #000;	
}

.contentHolder {
	width: 100%;
	/*border-top: 1px dotted #000;*/	
	padding-bottom: 20px;
	padding-top: 0px;
	clear:both;
}

.blogDate {
	position: relative;
	top: -4px;	
	float: left;
	background: url(images/date_bg.png);
	width: 49px;
	height: 36px;
	text-align: center;
	vertical-align: center;
	padding-top: 5px;
	line-height: 15px;
}

.blogHeader {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 4px; color: #424242; letter-spacing:-1px;
	padding-left: 60px;
}

.blogTags {
	padding-left: 60px;	
}

.blogImageThumb {
	margin-right: 12px; margin-top: 4px; margin-bottom: 0px;
	width: 216px;
	float: left;
}

.blogCopy {
	margin-top: 4px;
}

.leftPanelTop {
	width: 662px;
	height: 9px;
	background: url(images/left_panel_top.png) no-repeat;
	margin-top: 20px;
	overflow: hidden;
}

.leftPanelMiddle {
	width: 662px;
	height: 100%;
	background: url(images/left_panel_middle.png) repeat-y top;
}

.leftPanelMiddle .leftPanelContentHome {
	padding-left: 12px; padding-right: 12px; padding-top: 6px; padding-bottom:1px;
	min-height: 192px;
}

.leftPanelMiddle .leftPanelContent {
	padding-left: 12px; padding-right: 12px; padding-top: 6px; padding-bottom:1px;
}

.leftPanelHeaderHolder {
	height: 40px;	
}

.leftPanelBottom {
	width: 662px;
	height: 9px;
	background: url(images/left_panel_bottom.png) no-repeat;
	overflow: hidden;
}

.rightPanelTop {
	width: 238px;
	height: 5px;
	background: url(images/right_panel_top.png);	
	margin-top: 20px;
	overflow: hidden;
}

.rightPanelDivider {
	height: 1px;
	background:	#dadada;
	width:238px;
	overflow: hidden;
}

.rightPanelMiddle {
	width: 238px;
	height: 100%;
	background: url(images/right_panel_middle.png) repeat-y top;
}

.rightPanelMiddle .rightPanelContent {
	padding-left: 12px; padding-right: 12px; padding-top: 6px; padding-bottom:1px;
}

.rightPanelBottom {
	width: 238px;
	height: 5px;
	background: url(images/right_panel_bottom.png) no-repeat;	
	overflow: hidden;
}

.fullWidthPanelTop {
	width: 922px;
	height: 6px;
	background: url(images/fullwidth_panel_top.png);
	overflow: hidden;	
}

.fullWidthPanelMiddle {
	width: 922px;
	height: 100%;
	background: url(images/fullwidth_panel_middle.png) repeat-y top;
}

.fullWidthPanelMiddle .fullWidthPanelContent {
	padding-left:12px; padding-right: 12px; padding-bottom: 1px; padding-top: 6px;
	clear:both;
}

.fullWidthPanelMiddle .fullWidthPanelContent .innerContent {
	clear:both;	
}

.fullWidthPanelMiddle .fullWidthPanelContent .copy {
	width: 622px;
}

.fullWidthPanelBottom {
	width: 922px;
	height: 6px;
	background: url(images/fullwidth_panel_bottom.png) no-repeat;
	overflow: hidden;
}

/***************** ACCORDIAN *******************/

.accordianHeader {
	background: url(images/accordian_arrow_up.png) no-repeat left top;
	padding-left: 20px;	
}

.accordianHeaderSelected {
	background: url(images/accordian_arrow_down.png) no-repeat left top;
	padding-left: 20px;	
}

.accordianHeader a {
	color: #424242; font-size: 1.6em; font-weight: bold; padding-bottom: 0px; letter-spacing:-1px;
}

.accordianHeader a:hover {
	color: #424242;
}

.innerContent {
	padding-top: 12px;	
}

.showCaseRule {
	background: #dadada;
	height: 1px;
	overflow: hidden;
	width: 922px;
	margin-bottom: 0px;
	clear:both;	
}

.homeH1 {
	margin-bottom: 6px;	
}

.showCaseImage {
	margin-bottom: 20px;
}

.formTitles {
	width: 130px;
	float: left;
	padding-top: 4px;	
}