/*
Theme Name: MountainGrafix 2010
Theme URI: http://www.mountaingrafix.eu
Description: Das Firmen-Theme für das Jahr 2010
Version: 1.0
Author: Sascha Schoppengerd
Author URI: http://www.mountaingrafix.eu
*/
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1.5;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #6F6F6F;
}

html, body {
	height:100%;
}

caption, th, td {
	text-align:left;
}

h1 {
	color:#006699;
	font-family:Helvetica,Verdana,Arial,sans-serif;
	font-size:x-large;
	font-weight:bold;
	text-shadow:#cccccc 0 1px 1px;
	line-height:1;
	margin-bottom:0.1em;
}

a {
	color:#006699;
	outline:0;
	text-decoration:none;
}

a:hover {
	color:#ff6600;
	text-decoration:underline;
}

a.icon {
	cursor:pointer;
	padding-left:20px;
}

a.comments {
	background:url("images/comments.png") no-repeat scroll 0 50% transparent;
}

a.rss-link {
	background:url("images/rssicon.png") no-repeat scroll right top transparent;
	color:#000000;
	display:block;
	height:40px;
	margin:30px 30px 20px 25px;
}

a.rss-link span.title {
	color:#4E3B2B;
	display:block;
	font-size:18px;
	font-weight:bold;
	line-height:1.25;
}

a.rss-link span.description {
	color:#796242;
	display:block;
	font-size:12px;
	font-weight:bold;
}

p, pre {
	margin:0 0 0.5em;
}

p.meta, p.meta a {
	color:#666;
	text-decoration:none;
	font-size:12px;
}

em, dfn {
	font-style:italic;
}

blockquote {
	margin:20px 0 20px 20px;
	border-left:6px solid #006699;
	padding-left:10px;
	font-style:italic;
}

th {
	color:#006699;
	font-weight:bold;
}

.clearfix {
	display: block;
}

.clear {
	clear:both;
}

.none {
	display:none;
}

.right {
	float:right;	
}

.w50 {
	float:left;
	margin-right:1%;
	width:48%;
}

.navi-wrapper {
	background-color:#006699;
	border-bottom:1px solid #ff6600;
}

.navi-inner, .content, .footerWrap {
	margin: 0 auto;
	width: 960px;
}

.naviTop {
	float:left;
	height:45px;
}

.naviTop ul {
	list-style: none outside none;
	margin:5px 0px 0px 25px;
	padding:0;
}

.naviTop li {
	display:inline;
	margin:0;
	padding:0;
}

.naviTop a {
	float:left;
	height:50px;
	margin:0;
	padding:0 0 5px 15px;
	text-decoration:none;
	font-size:16px;
	color: #fff;
}

.naviTop a:hover {
	color:#ff6600;
}

.naviTop a span {
	height: 50px;
	display: block;
	padding: 5px 10px 0 0;
	float: none;
}

.wrapper {
	background:url("images/bg-content-tile.jpg") repeat-x scroll 0 0 #E6DDBF;
	border-bottom:5px solid #ffffff;
}

.header {
	height:180px;
}

.content {
	background:url("images/bg-content-inner-tile.png") repeat-y scroll 10px 0 transparent;
	margin:0 auto;
	width:980px;
}

.content-inner {
	background:url("images/bg-content-inner.jpg") no-repeat scroll 5px 0 transparent;
	padding:25px 30px 0 60px;
	position:relative;
	width:565px;
	float:left;
}

.content-inner a {
	color:#ff6600;
	text-decoration:none;
}

.content-inner a:hover {
	color:#006699;
	text-decoration:underline;
}

.content-inner h2 {
	color:#006699;
	font-family:Helvetica,Verdana,Arial,sans-serif;
	font-size:25px;
	font-weight:bold;
	text-shadow:#cccccc 0 1px 1px;
	line-height:1;
	margin-bottom:0.7em;
}

.content-inner h3 {
	color:#006699;
	font-family:Helvetica,Verdana,Arial,sans-serif;
	font-size:16px;
	font-weight:bold;
	text-shadow:#cccccc 0 1px 1px;
	line-height:1;
	margin-top:1.3em;
	margin-bottom:0.5em;
}

.content-inner h4 {
	font-size:14px;
	font-weight:bold;
	margin-top:1.3em;
	margin-bottom:0.5em;
}

.content-inner ul {
	margin:15px 0px 15px 15px;
	list-style-type: none; 
}

.content-inner ul li {
	background:url("images/arrow_right.png") no-repeat scroll 0 5px transparent;
	padding-left:25px;
	line-height:2em;
}

.content-sidebar {
	background:url("images/bg-content-sidebar.jpg") no-repeat scroll 0 0 transparent;
	float:right;
	width:325px;
}

.promo {
	width:980px;
	padding:10px 10px 5px 30px;
	margin:0 auto;
}

.promoLogo {
	padding-top:30px;
	width:400px;
	float:left;
}

.promoLike {
	margin-top:15px;
}

.promoSlogan {
	width:480px;
	height:115px;
	float:right;
	padding-top:20px;
	margin-right:25px;
}

.promoSlogan h2 {
	margin-top:10px;
	font-style:italic;
}

.socialLinks {
	margin-top:15px;
}

.socialLinks li {
	list-style:none outside none;
	margin-bottom:10px;
}

.socialLinks li a {
	text-decoration:none;
}

.socialIcon {
	vertical-align:middle;
	margin-right:5px;
}

div.content-sidebar ul {
	margin-left:30px;
	list-style-type:none;
}

div.content-sidebar ul li.highlight {
	font-weight:bold;
	color:#006699;
}

div.service {
	float:left;
	padding:25px 0 0;
	width:325px;
}

div.service h2,
div.content-sidebar h2 {
	height:31px;
	margin:0 0 15px 25px;
	font-size:20px;
	font-weight:bold;
	margin-bottom:0.9em;
	color:#ff6600;
	text-shadow:#333 0 1px 1px;
}

div.content-sidebar h2 {
	margin-top:25px;
}

div.service ul {
	margin:0;
	list-style-type:none;
}

div.service ul li {
	background:url("images/sprite.png") no-repeat scroll 1px -12px transparent;
	padding:0 0 20px;
}

div.service ul li h3 {
	font-size:100%;
	font-weight:normal;
	line-height:1;
	margin-bottom:0.95em;
}

div.service ul li h3 a {
	display:block;
	height:80px;
	padding:10px 0;
	width:325px;
	text-decoration:none;
}

div.service ul li h3 a.web {
	background:url("images/xcode.jpg") no-repeat scroll 43px 15px transparent
}

div.service ul li h3 a.print {
	background:url("images/photoshop.png") no-repeat scroll 35px 15px transparent
}

div.service ul li h3 a.socialmedia {
	background:url("images/socialmedia.jpg") no-repeat scroll 29px 17px transparent
}

div.service ul li h3 a.easylink {
	background:url("images/easylink.jpg") no-repeat scroll 43px 15px transparent
}

div.service ul li h3 a span.title {
	display:block;
	height:17px;
	width:48px;
	margin:0 0 0 140px;
	color:#ff6600;
	text-transform:uppercase;
	font-weight:bold;
	font-size:15px;
	text-shadow:#fff 0 1px 1px;
}

div.service ul li h3 a span.description {
	display:block;
	line-height:1.5;
	color:#000000;
	padding:3px 40px 0 140px;
	font-size:12px;
}

.featureScreenshots img {
	border:1px solid #757575;
	padding:1px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

div#photo1,
div#photo2,
div#photo3,
div#photo4,
div#photo5,
div#photo6 {
	width:900px;
	height:582px;
}

div.article {
	margin-bottom:2.5em;
}

div.article-text h2 {
	font-size:18px;
	border-bottom:1px solid #FF6600;
	font-weight:normal;
	line-height:130%;
	margin-bottom:0.3em;
}

div.article-text h2 a {
	color:#006699;
}

div.article-text h2 a:hover {
	color:#ff6600;
	text-decoration:none;
}

div.article-footer {
	margin-top:25px;
	border-bottom:1px dotted #ccc;
	text-align:right;
}

div.entry {
	margin-top:15px;
}

div.pageNav {
	border:1px solid #ccc;
	background:url("images/bg-h300.png") repeat-x;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:0.8em;
}

div.pageNav ul {
	margin:0;
}

div.pageNav ul li {
	float:left;
	margin:0;
	width:45%;
	background:0;
	padding:0;
	line-height:1em;
}

div.pageNav ul li.right {
	float:right;
	text-align:right;
	padding:0;
	margin:0;
}

div.content-sidebar h4 {
	border-top:1px dotted #C4AE91;
	letter-spacing:0.1em;
	margin:0 30px 0.7em 25px;
	padding-top:19px;
	text-transform:uppercase;
}

div.content-sidebar div.facebookLike {
	margin-left:25px;
}

div.searchForm,
div.content-sidebar ul.categoryList,
div.content-sidebar ul.textAds,
div.content-sidebar ul.RecentComment {
	margin:0 30px 1.5em 25px;
}

div.content-sidebar ul.categoryList li,
div.content-sidebar ul.textAds li,
div.content-sidebar ul.RecentComment li {
	background:url("images/arrow_brown.png") no-repeat scroll 0 6px transparent;
	padding:0 0 0 20px;
}

div.content-sidebar ul.RecentComment li {
	border-bottom:1px dotted #C4AE91;
	padding:0 0 10px 20px;
	margin-bottom:10px;
}

div.jqueryBook {
	margin:0 30px 1.5em 25px;
}

div.Adspace {
	float:left;
	position:relative;
	margin:0 0 1.5em 25px;
}

div.Adblock {
	display:block;
	width:100%;
}

div.Adblock a {
	width:125px;
	color:#888888;
	display:block;
	float:left;
	font-family:verdana,sans-serif;
	font-size:11px;
	margin:0 10px 10px 0;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
}

div.Adblock a img {
	padding:0;
}

div.Adblock img {
	border:0 none;
	clear:right;
}

div.Adblock a.Adhere {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#dddddd none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	height:125px;
	line-height:1000%;
	width:125px;
}

div.Adblock a.Adhere:hover {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#E7E7E7 none repeat scroll 0 0;
	border:1px solid #999999;
	color:#333333;
}


.bottom {
	background:url("images/bg-content-bottom.png") no-repeat scroll 10px 0 transparent;
	height:20px;
	margin:auto;
	width:980px;
}

div.referenzFooter {
	margin-bottom:50px;
}

.footer {
	background:url("images/footer.png") repeat-x scroll 0 0 transparent;
	margin-top:15px;
	padding-bottom:20px;
	padding-top:18px;
	clear:both;
	font-size:11px;
}

.footerWrap ul {
	display:inline;
	margin:0;
}

.footerWrap ul li {
	border-right:1px solid #E3E7E7;
	display:inline;
	padding:0 14px 0 11px;
}

.footerWrap ul li.first {
	padding-left:0;
}

.footerWrap ul li.last {
	padding-right:0;
	border-right:0 none;
}

.footerWrap ul li a {
	text-decoration:none;
	border-bottom:1px dotted #7F7F7F;
	color:#7F7F7F;
}

.footerWrap ul li a:hover {
	border-bottom:1px dotted #ff6600;
	color:#ff6600;
}

.copyright {
	margin-top:10px;
}

/**
 * Bilder
 */

img.bookcover {
	padding:3px;
	border:1px solid #C2C4C5;
	background:#ffffff;
}

img.r {
	float:right;
	margin-bottom:10px;
	margin-left:10px;
}

/**
 * FAQ
 */

.faq { margin-bottom:2em; }

.faq dt {
	background-position:right 50%;
	background-repeat:no-repeat;
	border-bottom:1px dotted #BBBBBB;
	cursor:pointer;
	line-height:1.6;
	padding:0.3em 0;
}

.faq dt.off {
	background-image:url("images/expand.gif");
}

.faq dt.on {
	background-image:url("images/collapse.gif");
}

.faq dd {
	border-bottom:1px dotted #BBBBBB;
	line-height:1.6;
	padding:10px 0 10px 60px;
}


/**
 * Scrollable
 */
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width:565px; 
    height:140px; 
	
	/* custom */
	border:1px solid #ccc;
	background:url("images/bg-h300.png") repeat-x;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
} 
 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute;
	clear:both;
} 
 
.scrollable .item {
	float:left;
	margin:20px 8px 20px 8px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:167px;
	height:100px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.scrollable .active {
	position:relative;
}

.scrollNavi {
	height:20px;
	width:60px;
	margin:5px auto;
}

.scrollNavi a {
	width:8px;
	height:8px;
	float:left;
	margin:2px;
	background:url("images/navigator.png") 0 0 no-repeat;
	display:block;
	font-size:1px;
}

.scrollNavi a:hover {
	background-position:0 -8px;      
}

.scrollNavi a.active {
	background-position:0 -16px;     
}

div#PostMeta {
	margin-top:60px;
}

div#PostMeta, div#RelatedPostText, div#RelatedPost {
	margin-bottom:30px;
}

div#SocialText, div#RelatedPostText {
	float:left;
	width:240px;
}

div#SocialText h3, div#RelatedPostText h3 {
	margin-top:0px;
}

div#SocialBookmarks, div#RelatedPost {
	float:right;
	width:300px;
}

div.SocialImages {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#eeeeee none repeat scroll 0 0;
	border:1px solid #cccccc;
	float:left;
	margin:0;
	padding:15px 14px 12px;
	width:270px;
}

div#SocialBookmarks .TweetMeMeButton,
div#SocialBookmarks .FacebookButton,
div#SocialBookmarks .WikioButton {
	background-color:#ffffff;
	border:1px solid #cccccc;
	float:left;
	height:65px;
	margin-right:15px;
	padding:6px;
	width:54px;
	text-align:center;
}

div#SocialBookmarks ul {
	margin:0;
	padding:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

div#RelatedPost ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

div#recentPosts ul li,
div#RelatedPost ul li {
	background:url("images/arrow_brown.png") no-repeat scroll 0 5px transparent;
	line-height:1.5em;
	border-bottom:1px dotted #C4AE91;
	padding:0 0 10px 20px;
	margin-bottom:10px;
}

div#recentPosts, div#ourBooks {
	margin-top:40px;
}

div#recentPosts ul {
	margin:20px 0;
}

div#recentPosts ul li a,
div#RelatedPost ul li a {
	color:#006699;
}

div#recentPosts ul li a:hover,
div#RelatedPost ul li a:hover {
	color:#ff6600;
}

div.bookWrapper {
	margin-top:15px;
}

div.bookWrapper .bookcover {
	float:right;
	margin-left:15px;
}

/**
 * Formulare
 */

form#searchform input,
form#contactForm button {
	padding:5px;
	border:1px solid #999;
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

form#contactForm {
	margin-top:30px;
}

label {
	color:#006699;
	display:block;
	font-weight:bold;
}

span.required {
	color:#cc0000;
	font-weight:bold;
}

input.text {
	background:url("images/bg-input.png") no-repeat scroll 0 0 transparent;
	border:medium none;
	color:#666666;
	margin-bottom:1.5em;
	padding:5px;
	width:260px;
}

div.formLeft {
	float:left;
	padding:0 25px 0 0;
	width:270px;
}

div.formRight {
	float:left;
	width:270px;
}

table.checkboxList {
	float:left;
	margin-bottom:1.5em;
	padding:0 25px 0 0;
	width:295px;
}

table.radioList {
	float:left;
	margin-bottom:1.5em;
	width:270px;
}

table.checkboxList td,
table.radioList td {
	padding:0.25em 0;
}

textarea {
	border:1px solid #ADADAD;
	margin-bottom:1.5em;
	padding:5px;
	width:555px;
}

/**
 * Kommentare
 */
html[xmlns] .clearfix {
	display:block;
}

div#Comments {
	background:#eeeeee none repeat scroll 0 0;
	border:1px solid #cccccc;
	margin-bottom:30px;
	padding:25px;
}

div#Comments a {
	text-decoration:none;
}

div#CommentsWrap h3, div#Respond h3 {
	font-size:20px;
	font-weight:normal;
	margin:10px 0 0;
	padding-bottom:20px;
	float:left;
}

div#Comments ol {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	margin-bottom:30px;
	padding:0 0 0 120px;
}

div#Comments ol.Parent {
	padding-bottom:20px;
}

div#Comments .children {
	border-left:1px solid #cccccc;
	padding-left:0;
}

div#Comments ol li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px 0;
	padding:1px 0 0;
}

div#Comments .children li {
	background:transparent url("images/CommentLiBg.gif") no-repeat scroll 0 25px;
	padding-left:25px;
}

div#Comments .CommentWrap {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #cccccc;
	position:relative;
}

div#Comments .children .CommentWrap {
	background:#F8F8F8 none repeat scroll 0 0;
	border:1px solid #cccccc;
}

div#Comments .CommentAuthor {
	color:#8D8D8D;
	font-size:10px;
	left:-120px;
	line-height:14px;
	position:absolute;
	width:100px;
}

div#Comments .children .CommentAuthor {
	bottom:10px;
	height:40px;
	left:auto;
	position:absolute;
	right:20px;
	width:200px;
}

div#Comments .CommentAuthor img {
	border:1px solid #cccccc;
	padding:1px; 
}

div#Comments .FacebookComment img {
	border:0px none;
	padding:2px; 
}

div#Comments .children .CommentAuthor img {
	float:right;
	height:40px;
	width:40px;
}

div#Comments .children .CommentAuthor p {
	bottom:-15px;
	position:absolute;
	right:50px;
	text-align:right;
}

div#Comments .CommentAuthor span {
	display:block;
	margin-bottom:5px;
}

div#Comments .SingleComment {
	padding:20px 20px 60px;
}

div#Comments .SingleComment {
	padding:20px 20px 60px;
}

div#Comments .CommentArrow {
	left:-32px;
	position:absolute;
	top:20px;
}

div#Comments .children .CommentArrow {
	display:none;
}

div#Comments span.CommentReply {
	bottom:10px;
	font-size:10px;
	left:20px;
	position:absolute;
	text-transform:uppercase;
}

span.AddComment {
	color:#A7A7A7;
	padding-top:10px;
	float:right;
}

div#respond {
	position:relative;
}

.comment_form_wrap {
	padding-left:120px;
	position:relative;
}

div#Comments .parent .comment_form_wrap {
	padding-left:0;
	position:relative;
}

div#Comments .TextareaArrow {
	left:89px;
	position:absolute;
	top:25px;
}

div#Comments .children .TextareaArrow, 
div#Comments .parent .TextareaArrow {
	display:none;
}

div#Comments .comment_form_wrap .CommentAuthor {
	left:0;
	position:absolute;
}

div#Comments .children .comment_form_wrap .Comment_Author, 
div#Comments .parent .comment_form_wrap .CommentAuthor,
div#Comments .children .formHeader, 
div#Comments .parent .formHeader {
	display:none;
}

#Comments .input {
	background:#ffffff none repeat scroll 0 0;
	border:1px solid #cccccc;
	color:#999999;
	display:block;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	margin-bottom:10px;
	padding:4px 5px;
	width:380px;
	font-size:12px;
}

#Comments .textarea {
	font-size:12px;
	height:135px;
	max-width:468px;
	padding-left:20px;
	padding-top:20px;
	width:365px;
}

.SubmitButton {
	background:#FDFDFD url("images/ButtonBackground.png") repeat-x scroll 0 100%;
	border:1px solid #cccccc;
	color:#006699;
	cursor:pointer;
	display:inline;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:0.8em;
	letter-spacing:-0.05em;
	padding-bottom:2px;
	text-align:center;
	text-transform:uppercase;
}

div#Comments #SubmitComment {
	float:right;
	height:3em;
	margin-right:7px;
	margin-top:10px;
	width:16em;
}

#commentSubscription p input[type="checkbox"] {
	float:left;
	margin-right:5px;
}

#submitError {
	color:#ff0000;
}

div#Comments #cancel-comment-reply {
	float:left;
	height:30px;
	margin-top:8px;
	width:120px;
}

#cancel-comment-reply-link {
	background:#FDFDFD url("images/ButtonBackground.png") repeat-x scroll 0 100%;
	border:1px solid #BBBBBB;
	cursor:pointer;
	display:block;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	height:22px;
	letter-spacing:-0.05em;
	line-height:22px;
	padding-bottom:2px;
	text-align:center;
	text-transform:uppercase;
	width:70px;
}

div.postImage {
	background-color:#F0F0F0;
	border:1px solid #cccccc;
	margin-bottom:10px;
	padding-bottom:6px;
	padding-top:10px;
	text-align:center;
}

.share-buttons { height:30px; overflow:hidden; margin-top:25px; }
div.sourcecode pre { color:#333333;background:none repeat scroll 0 0 #E6E6E6;font-family:"Andale Mono",courier;font-size:12px;font-weight:normal;line-height:16px;margin-bottom:10px;overflow:auto;padding:10px;}