/**************************************************************/
/* MatthiasSchuetz.com Stylesheet | (C) 2009 Matthias Schuetz */
/**************************************************************/


/***************************************************** GLOBAL */
html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

html {
	background:url(../images/bg.jpg);
}

div, p, span, input, h1, h2 {
	margin:0;
	padding:0;
	font-family:"Droid Sans", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#554f47;
}

div#page {
	width:100%;
	height:100%;
	background:url(../images/split/split_header_bg.jpg) repeat-x;
	float:left;
}

div#wrapper {
	width:930px;
	height:auto;
	background:url(../images/split/split_header_bg.jpg) repeat-x;
	float:left;
}

div#header {
	width:930px;
	height:auto;
	background:url(../images/split/split_header.jpg) no-repeat;
	float:left;
}

div#logo {
	position:absolute;
	top:26px;
	left:70px;
	width:297px;
	height:46px;
}

div#languages {
	position:absolute;
	top:50px;
	left:945px;
	width:45px;
	height:16px;
}

div#main {
	width:915px;
	height:auto;
	margin:120px 0 0 0;
	padding:42px 0 0 75px;
	background:url(../images/split/title_jsfm.jpg) no-repeat;
	float:left;
}

div#main div {
	width:871px;
	height:auto;
	padding:22px;
	background:#f3efe4;
	float:left;
}

div#main div p#description {
	position:relative;
	z-index:2;
}

div#more {
	padding:20px;
}


/******************************************************* TABS */

div#tabs {
	width:923px;
	height:34px;
	margin:0 0 0 71px;
	background:url(../images/split/jsfm/tabs.jpg) no-repeat;
	display:inline;
	float:left;
}

div#tabs a {
	width:auto;
	height:34px;
	text-indent:-9999px;
	display:inline;
	float:left;
}

div#tabs a#tab_general,
div#tabs a#tab_general_act {
	width:76px;
	margin:0 0 0 13px;
	background:url(../images/split/jsfm/tabs.jpg) no-repeat -13px 0;
}

div#tabs a#tab_general_act,
div#tabs a#tab_general:hover {
	background:url(../images/split/jsfm/tabs.jpg) no-repeat -13px -34px;
}

div#tabs a#tab_ready {
	width:86px;
	background:url(../images/split/jsfm/tabs.jpg) no-repeat -89px 0;
}

div#tabs a#tab_ready_act,
div#tabs a#tab_ready:hover {
	width:86px;
	background:url(../images/split/jsfm/tabs.jpg) no-repeat -89px -34px;
}

div#tabs a#tab_basics {
	width:85px;
	background:url(../images/split/jsfm/tabs.jpg) no-repeat -175px 0;
}

div#tabs a#tab_basics_act,
div#tabs a#tab_basics:hover {
	width:85px;
	background:url(../images/split/jsfm/tabs.jpg) no-repeat -175px -34px;
}

div#tabs a#tab_filtering {
	width:100px;
	background:url(../images/split/jsfm/tabs.jpg) no-repeat -260px 0;
}

div#tabs a#tab_filtering_act,
div#tabs a#tab_filtering:hover {
	width:100px;
	background:url(../images/split/jsfm/tabs.jpg) no-repeat -260px -34px;
}

div#tabs a#tab_manipulation {
	width:129px;
	background:url(../images/split/jsfm/tabs.jpg) no-repeat -360px 0;
}

div#tabs a#tab_manipulation_act,
div#tabs a#tab_manipulation:hover {
	width:129px;
	background:url(../images/split/jsfm/tabs.jpg) no-repeat -360px -34px;
}

div#tabs a#tab_effects {
	width:56px;
	background:url(../images/split/jsfm/tabs.jpg) no-repeat -489px 0;
}

div#tabs a#tab_effects_act,
div#tabs a#tab_effects:hover {
	width:56px;
	background:url(../images/split/jsfm/tabs.jpg) no-repeat -489px -34px;
}

div#tabs a#tab_transitions {
	width:82px;
	background:url(../images/split/jsfm/tabs.jpg) no-repeat -545px 0;
}

div#tabs a#tab_transitions_act,
div#tabs a#tab_transitions:hover {
	width:82px;
	background:url(../images/split/jsfm/tabs.jpg) no-repeat -545px -34px;
}

div#tabs a#tab_events {
	width:54px;
	background:url(../images/split/jsfm/tabs.jpg) no-repeat -627px 0;
}

div#tabs a#tab_events_act,
div#tabs a#tab_events:hover {
	width:54px;
	background:url(../images/split/jsfm/tabs.jpg) no-repeat -627px -34px;
}

div#tabs a#tab_custom {
	width:128px;
	background:url(../images/split/jsfm/tabs.jpg) no-repeat -681px 0;
}

div#tabs a#tab_custom_act,
div#tabs a#tab_custom:hover {
	width:128px;
	background:url(../images/split/jsfm/tabs.jpg) no-repeat -681px -34px;
}

div#tabs a#tab_ajax {
	width:41px;
	background:url(../images/split/jsfm/tabs.jpg) no-repeat -809px 0;
}

div#tabs a#tab_ajax_act,
div#tabs a#tab_ajax:hover {
	width:41px;
	background:url(../images/split/jsfm/tabs.jpg) no-repeat -809px -34px;
}

div#tabs a#tab_classes {
	width:60px;
	background:url(../images/split/jsfm/tabs.jpg) no-repeat -850px 0;
}

div#tabs a#tab_classes_act,
div#tabs a#tab_classes:hover {
	width:60px;
	background:url(../images/split/jsfm/tabs.jpg) no-repeat -850px -34px;
}

div.separator {
	width:915px;
	height:17px;
	padding:0 0 0 75px;
	background:url(../images/split/split_separator2.jpg) no-repeat 75px 8px;
	float:left;
}

div.frameworks {
	width:915px;
	height:auto !important;
	height:100%;
	min-height:100%;
	margin:0 0 0 75px;
	background:url(../images/split/split_green_bg3.jpg) repeat-y;
	float:left;
}

* html div.frameworks {
	width:auto;
	float:none;
}

div.framework {
	position:relative;
	width:915px;
	height:auto;
	float:left;
}


/***************************************************** TITLES */

div.frameworktitle,
div.frameworktabletitle {
	width:194px;
	line-height:19px;
	float:left;
}

div.frameworktitle span,
div.frameworktabletitle span,
div.codetext span {
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	line-height:18px;
}

div.frameworktitle span,
div.frameworktabletitle span {
	width:11px;
	height:auto;
	margin:0 3px 0 0;
	padding:1px 0 0 0;
	font-weight:bold;
	text-align:center;
	color:#90b64c;
	background:url(../images/split/jsfm/docref.gif) no-repeat 0 0;
	float:right;
	clear:both;
}

div.codetext {
	padding:0 0 1px 6px;
}

* html div.codetext {
	line-height:19px;
}

*:first-child+html div.codetext {
	line-height:19px;
}

div.fw_jquery,
div.fw_mootools,
div.fw_dojo,
div.fw_protoscript,
div.fw_prototype,
div.fw_scriptaculous,
div.fw_extjs,
div.fw_spry,
div.fw_glow,
div.fw_yahoo {
	width:194px;
	height:21px;
	margin:8px 0 0 0;
	padding:0;
	text-indent:-999px;
	display:block;
}

div.fw_jquery {
	background:url(../images/split/jsfm/frameworktitles.jpg) no-repeat 0 0;
}

div.fw_mootools {
	background:url(../images/split/jsfm/frameworktitles.jpg) no-repeat 0 -21px;
}

div.fw_dojo {
	background:url(../images/split/jsfm/frameworktitles.jpg) no-repeat 0 -42px;
}

div.fw_protoscript {
	background:url(../images/split/jsfm/frameworktitles.jpg) no-repeat 0 -63px;
}

div.fw_prototype {
	background:url(../images/split/jsfm/frameworktitles.jpg) no-repeat 0 -84px;
}

div.fw_scriptaculous {
	background:url(../images/split/jsfm/frameworktitles.jpg) no-repeat 0 -105px;
}

div.fw_extjs {
	background:url(../images/split/jsfm/frameworktitles.jpg) no-repeat 0 -126px;
}

div.fw_spry {
	background:url(../images/split/jsfm/frameworktitles.jpg) no-repeat 0 -147px;
}

div.fw_glow {
	background:url(../images/split/jsfm/frameworktitles.jpg) no-repeat 0 -168px;
}

div.fw_yahoo {
	background:url(../images/split/jsfm/frameworktitles.jpg) no-repeat 0 -189px;
}

div.frameworktabletitle div.fw_jquery {
	margin:36px 0 4px 0;
}

div.frameworktabletitle div.fw_mootools,
div.frameworktabletitle div.fw_dojo,
div.frameworktabletitle div.fw_protoscript,
div.frameworktabletitle div.fw_prototype,
div.frameworktabletitle div.fw_scriptaculous,
div.frameworktabletitle div.fw_extjs,
div.frameworktabletitle div.fw_spry,
div.frameworktabletitle div.fw_glow {
	margin:0 0 4px 0;
}

div.frameworktabletitle div.fw_yahoo {
	margin:0;
}


/************************************************** CODEBLOCK */

div.frameworkcode,
div.lastframeworkcode {
	position:relative;
	width:697px;
	height:auto;
	margin:0 0 0 8px;
	padding:8px 8px 0 8px;
	background:#F3EFE4;
	float:right;
}

div.lastframeworkcode {
	padding:8px;
}

div.codetable {
	width:695px;
	height:auto;
	margin:0;
	padding:0;
	background:#e7e1d1;
	border:1px #d3cdbb solid;
}

div.codeheader span.codeheader_left {
	width:auto;
	margin:0 7px 0 6px;
	float:left;
}

div.codeheader span.addonref {
	width:11px;
	height:14px;
	margin:3px 0 0 0;
	padding:0 0 0 1px;
	line-height:12px;
	color:#90b64c;
	background:url(../images/split/jsfm/addon.gif) no-repeat;
	float:left;
	cursor:help;
}

div.codeheader span.codeheader_right,
div.codeheader span.codeheader_docs {
	width:auto;
	height:20px;
	float:right;
}

div.codeheader span.codeheader_docs {
	margin:0 0 0 5px;
}

div.codeheader span.codeheader_docs a.doc1,
div.codeheader span.codeheader_docs a.doc2,
div.codeheader span.codeheader_docs a.doc3,
div.codeheader span.codeheader_docs a.source,
div.codeheader span.codeheader_docs a.addon {
	width:66px;
	height:19px;
	text-indent:-9999px;
	display:inline;
	float:left;
}

div.codeheader span.codeheader_docs a.doc1 {
	background:url(../images/split/jsfm/btn_docs.jpg) no-repeat 0 0;
}

div.codeheader span.codeheader_docs a.doc1:hover {
	background:url(../images/split/jsfm/btn_docs.jpg) no-repeat 0 -19px;
}

div.codeheader span.codeheader_docs a.doc2 {
	background:url(../images/split/jsfm/btn_docs.jpg) no-repeat -66px 0;
}

div.codeheader span.codeheader_docs a.doc2:hover {
	background:url(../images/split/jsfm/btn_docs.jpg) no-repeat -66px -19px;
}

div.codeheader span.codeheader_docs a.doc3 {
	background:url(../images/split/jsfm/btn_docs.jpg) no-repeat -132px 0;
}

div.codeheader span.codeheader_docs a.doc3:hover {
	background:url(../images/split/jsfm/btn_docs.jpg) no-repeat -132px -19px;
}

div.codeheader span.codeheader_docs a.source {
	width:84px;
	background:url(../images/split/jsfm/btn_docs.jpg) no-repeat -198px 0;
}

div.codeheader span.codeheader_docs a.source:hover {
	background:url(../images/split/jsfm/btn_docs.jpg) no-repeat -198px -19px;
}

div.codeheader span.codeheader_docs a.addon {
	width:82px;
	background:url(../images/split/jsfm/btn_docs.jpg) no-repeat -283px 0;
}

div.codeheader span.codeheader_docs a.addon:hover {
	background:url(../images/split/jsfm/btn_docs.jpg) no-repeat -283px -19px;
}

div.codeheader {
	height:20px;
	font-weight:bold;
	background:#d3cdbb;
}

p.footer {
	width:auto;
	height:75px;
	position:relative;
	margin:0 0 0 75px;
	display:inline;
	float:left;
}

h1, h2 {
	width:auto;
	height:auto;
	font-weight:normal;
	display:inline;
	float:left;
}

em {
	font-style:normal;
}


/**************************************************** TABELLE */
table#generaltable {
	width:697px;
	background:#e7e1d1;
	border:1px #d3cdbb solid;
}

td {
	padding:3px 3px 4px 3px;
}

tr.tableheader {
	height:20px;
	background:#d3cdbb;
}

* html tr.tableheader {
	height:18px;
}

tr.even {
	background:#e0dac9;
}


/******************************************************* CODE */

code {
	font-size:12px;
}

* html code {
	line-height:19px;
}

*:first-child+html code {
	line-height:19px;
}

span.gr {
	color:#577f0e;
}

span.bl {
	color:#2177a4;
}

span.or {
	color:#ca7201;
}

span.tab {
	margin:0 0 0 28px;
}

span.tabtab {
	margin:0 0 0 56px;
}

span.tabtabtab {
	margin:0 0 0 84px;
}

span.docref2 {
	margin:17px 3px 0 0 !important;
}

* html span.docref2 {
	margin:19px 3px 0 0 !important;
}

*:first-child+html span.docref2 {
	margin:19px 3px 0 0 !important;
}

span.docref4 {
	margin:56px 3px 0 0 !important;
}

* html span.docref4 {
	margin:57px 3px 0 0 !important;
}

*:first-child+html span.docref4 {
	margin:57px 3px 0 0 !important;
}

span.docref6 {
	margin:94px 3px 0 0 !important;
}

* html span.docref6 {
	margin:92px 3px 0 0 !important;
}

*:first-child+html span.docref6 {
	margin:92px 3px 0 0 !important;
}

span.docref8 {
	margin:130px 3px 0 0 !important;
}

* html span.docref8 {
	margin:130px 3px 0 0 !important;
}

*:first-child+html span.docref8 {
	margin:128px 3px 0 0 !important;
}


/******************************************************* TEXT */

p.notes {
	width:auto;
	padding:0 0 8px 0;
	float:left;
}

p.notes span.leftnote {
	width:17px;
	margin:8px 0 0 0;
	display:block;
	float:left;
	clear:both;
}

p.notes span.rightnote {
	width:675px;
	margin:8px 0 0 0;
	display:inline;
	float:left;
}

p.notes span.leftnote sup {
	font-weight:bold;
}

acronym {
	cursor:help;
}

form {
	margin:0;
	padding:0;
}


/****************************************************** LINKS */

a {
	text-decoration:none;
	color:#554F47;
	border:none;
	outline:none;
}

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

td a,
a.external {
	color:#554F47;
	text-decoration:none;
	border-bottom:1px solid #ABA49C;
	background:url(../images/underline.gif) repeat-x 0 16px;
}

td a:hover,
a.external:hover {
	color:#ffffff;
	text-decoration:none;
	background:#98bc52;
	border-bottom:1px #ffffff solid;
}

a.logolink,
a.logolink:hover {
	width:297px;
	height:46px;
	background:none;
	outline:none;
	display:block;
	border:none;
}

a#lang_de,
span#lang_de_act,
a#lang_en,
span#lang_en_act  {
	width:23px;
	height:16px;
	text-indent:-9999px;
	background:url(../images/split/jsfm/languages.jpg) no-repeat 0 0;
	display:inline;
	float:left;
}

span#lang_de_act {
	background:url(../images/split/jsfm/languages.jpg) no-repeat 0 -16px;
}

a#lang_en {
	width:22px;
	background:url(../images/split/jsfm/languages.jpg) no-repeat -23px 0;
}

span#lang_en_act {
	width:22px;
	background:url(../images/split/jsfm/languages.jpg) no-repeat -23px -16px;
}

a.bookmark  {
	text-decoration:none;
	color:#554f47;
	background:url(../images/underline.gif) repeat-x 0 16px;
	border-bottom:1px #aba49c solid;
}

a.bookmark:hover {
	color:#ffffff;
	text-decoration:none;
	background:#98bc52;
	border-bottom:1px #ffffff solid;
}

a.weblink {
	width:19px;
	height:15px;
	margin:3px 3px 0 0;
	text-indent:-9999px;
	background:url(../images/split/jsfm/weblink.gif) no-repeat 0 0;
	display:inline;
	float:right;
}

a.radio,
a.radio_act {
	width:92px;
	height:18px;
	margin:6px 0 0 0;
	padding:0 0 0 24px;
	text-decoration:none;
	background:url(../images/split/jsfm/radio.gif) no-repeat 0 0;
	display:block;
}

a.radio_act,
a.radio:hover {
	background:url(../images/split/jsfm/radio.gif) no-repeat 0 -18px;
}