/* ----------outer and inner divs----------------- */

#outer { 
	border-left: solid 150px #FFF; /* linke Menue Spalten Farbe  */ 
	background-color: #FFF; /* Farbe fuer Inhalt Spalten  */
} 

#inner {
	margin: 0; 
	width: 100%; 
}

#sponsor {
	width: 200px; 
	float: right; 
	position: relative; 
	margin-right: -200px; 
	margin-left: 1px;
	background: #FFF;
}

/* --------------left and right navigavtion------------- */
#left {
	width: 150px; 
	float: left; 
	position: relative; 
	margin-left: -150px; 
	margin-right: 1px;
	background: url(../images/leftbg.jpg) no-repeat #FFF;
 }

/* -----------------content--------------------- */ 
#content { 
	position: relative; 
	margin: 0px; 
	background: #FFF;
}

#footer {
	width: 793px;
	background: url(faviconads-bg.png) no-repeat #D2D9DC;
	float: left;
	padding: 4px 0px 0px 7px;
	text-align: center;
	border-top: 4px solid #35698E;
}

#footer img { 
	margin: 1px;
}

#footer a img {
	border: 0px;
	text-decoration: none;
}

.dbContent {
	margin-left: 50px;
	padding: 20px;
	width: 500px;
	border: 1px solid #564B47;
	text-align: left;
	font-size: 10px;
}

.dbContent hr {
	border: 1px solid #564B47;
}
	
h1 {
	padding-top: 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	background: url(../images/dot.jpg) bottom repeat-x;
}

h1 a {
	text-decoration: none;
}

h2 {
	padding: 0px 5px 0px 5px;
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	background: url(../images/dot.jpg) bottom repeat-x;
}

p {
	padding: 5px 10px;
	margin: 0px; 
}

p em {
	font-style: normal;
	font-weight: bold;
}

p.tutCat {
	font-size: 12px;
	font-weight: bold;
}

p.mainOptions {
	padding-top: 15px;
	padding-bottom: 0px;
	color: #FFF;
	font-family: verdana, tahoma, sans-serif;
	font-size: 12px;
	text-align: right;
}

p.mainOptions a:link, p.mainOptions a:visited, p.mainOptions a:active {
	color: #FFF;
	text-decoration: none;
}

p.mainOptions a:hover {
	color: #FFF;
	text-decoration: underline;
}

p.options {
	text-align: right;
	vertical-align: middle;
}

p.smlinks {
	margin: 10px;
	border-top: 2px solid #35698E;
	border-bottom: 2px solid #35698E;
	vertical-align: middle;
	text-align: right;
}

p.strike {
	text-decoration: line-through
}

img.blankimg {
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	border: 0px;
}

img.intut {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

img.example { 
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px dotted #35698E;
}

p.options a img {
	border: 0px;
}

p.dedication {
	margin-top: -10px;
	padding-left: 10px;
	color: #A5B0B7;
	text-align: left;
	font-family: verdana, tahoma, sans-serif;
	font-size: 9px;
}

p.categoryTitle {
	padding: 15px 0px 0px 5px;
	text-align: left;
	color: #A5B0B7;
	font-size: 12px;
	font-weight: bold;
	color: #35698E;
}

p.contentTitle  {
	padding-left: 68px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: -60px;
}

p.contentTitle em {
	font-style: normal;
	padding-bottom: 0px;
	text-transform: none;
}

p.contentDetails {
	padding-bottom: 10px;
}

p.detailsTitle {
	margin-top: 5px;
	margin-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #597695;
	color: #DAF0C3;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

p.detailsContent {
	margin-left: 2px;
	padding: 5px;
	padding-left: 10px;
	background: #EEE;
	border-left: 1px dotted #597695;
	border-right: 1px dotted #597695;
}

p.detailsSeal {
	margin-left: 2px;
	border-top: 1px dotted #597695;
}

p.tutDetails em {
	font-style: normal;
	font-weight: bold;
}

p.tutName {
	padding-top: 20px;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
}

p.tutParagraph {
	padding-top: 20px;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	border-top: 1px dotted #597695;
}

p.tutTable {
	padding-left: 20px;
	padding-bottom: 20px;
	font-weight: bold;
}

p.tutTable em {
	padding-left: 10px;
	font-weight: normal;
	font-style: normal;
}

p.tutCode {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	background: #FF9;
	font-family: "Courier New";
	font-size: 11px;
	color: #000;
}

p.tutCode em {
	color: #00F;
	font-weight: normal;
	font-style: normal;
}

p.tutCode em.holder {
	color: #999999;
}

p.tutCodeExp {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	background: #CCC;
	font-family: "Courier New";
	font-size: 11px;
	color: #000;
}

p.tutCodeOutput {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	background: #FFF;
	border: 1px solid #CCC;
	border-left: 20px solid #CCC;
	font-family: "Courier New";
	font-size: 11px;
	color: #000;
}

p.tutCodeExp em {
	color: #FFF;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
}

p.tutTitle {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

p.tutNote {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 70px;
	border-top: 1px solid #35698E;
	border-bottom: 1px solid #35698E;
	background: url(../images/tutnote.jpg) no-repeat #D2D9DC;
	font-size: 11px;
	color: #564B47;
}

p.tutNote em {
	font-weight: bold;
}

p.tutTab {
	padding-left: 40px;
	padding-right: 40px;
}

p.tutIndent {
	padding-left: 40px;
}

p.tutDesign {
	margin: 20px 0px 20px 0px;
	padding: 20px;
	border: 1px dotted #564B47;
	text-align: center;
	background: #CCC;
}

p.tutDesign em {
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	color: #00F;
}

p.postPref {
	font-size: 10px;
	text-align: right;
}

p.postPref a {
	text-decoration: none;
}

p.postPref a:hover {
	text-decoration: underline;
}

p.extras {
	margin-left: 10px;
	padding: 0px;
}

p.extras img {
	border: 0px;
}

p.options {
	text-align: right;
	vertical-align: middle;
}

p.tutPages {
	padding-top: 50px;
}

p.tutLinks {
	color: #F00;
}

p.tutLinks em {
	font-weight: normal;
	color: #00FF00;
}


img.floatLeft { 
    float: left; 
    margin: 4px; 
}

img.photo {
	border: 0px;
}

ul.tut {

}

ul.tut li {
	padding-bottom: 10px;
}

ul.tut li em {
	font-style: normal;
	font-weight: bold;
}

form.formExample {
	border-top: 10px solid #E9ECED;
	border-bottom: 10px solid #E9ECED;
	border-left: 50px solid #E9ECED;
	border-right: 50px solid #E9ECED;
}

form.fxw200 {
	width: 200px;
}

table {
	margin: 5px 0px 10px 20px;
}

table th {
	text-align: left;
	padding-right: 50px;
}

table td {
	text-align: left;
	padding-right: 50px;
}

ul.tutorials {
	list-style-image: none;
	list-style-type: none;
	margin: 10px;
	padding-left: 0px;
	text-align: left;
}

ul.tutorials a:link, ul.tutorials a:visited, ul.tutorials a:active {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	padding-bottom: 30px;
	padding-left: 60px;
	padding-right: 5px;
	padding-top: 8px;
	display: block;
/*	background: url(../images/icoTutorialOff.jpg) no-repeat;	*/
}

ul.tutorials a:hover {
	color: #A74E7B;
/*	background: url(../images/icoTutorialOn.jpg) no-repeat; */
}

ul.tutorials li.ts_dream {
	background: url(../images/ts_dream.gif) no-repeat; 
}

ul.tutorials li.ts_text {
	background: url(../images/ts_text.gif) no-repeat; 
}

ul.tutorials li.ts_flash {
	background: url(../images/ts_flash.gif) no-repeat; 
}

ul.tutorials li.ts_netwo {
	background: url(../images/ts_netwo.gif) no-repeat; 
}

ul.tutorials li.ts_firew {
	background: url(../images/ts_firew.gif) no-repeat; 
}

ul.tutorials li.ts_code {
	background: url(../images/ts_code.gif) no-repeat; 
}

ul.tutorials li.ts_data {
	background: url(../images/ts_data.gif) no-repeat; 
}

ul.tutorials li.ts_photo {
	background: url(../images/ts_photo.gif) no-repeat; 
}

ul.tutorials li.ts_desig {
	background: url(../images/ts_desig.gif) no-repeat; 
}

ul.tutorials li.ts_other {
	background: url(../images/ts_other.gif) no-repeat; 
}

ul.tutorials li.ts_graph {
	background: url(../images/ts_graph.gif) no-repeat; 
}

ul.categories {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 7px;
	text-align: left;
}

ul.categories a:link, ul.categories a:visited, ul.categories a:active {
	font-size: 12px;
	font-weight: bold;
	color: #54819F;
	text-decoration: none;
	margin: 0px;
	padding-bottom: 7px;
	padding-left: 25px;
	padding-right: 5px;
	padding-top: 8px;
	width: 100px;
	display: block;
	background: url(../images/categoryBullet.gif) no-repeat;
}

ul.categories a:hover {
	color: #35698E;
	background: url(../images/categoryBulletOn.gif) no-repeat;
}

table.tutExample {
	width: 300px;
	border: 1px solid #564B47;
	align: center;
	cellpadding: 0px;
	cellspacing: 1px;
}

.encode {
	padding: 5px;
	border: 1px solid #35698E;
	font-family: Courier, sans-serif;
	font-size: 12px;
	color: #35698E;
	scrollbar-3dlight-color: #35698E; 
	scrollbar-arrow-color: #FFF; 
	scrollbar-base-color: #35698E; 
	scrollbar-darkshadow-color: #35698E; 
	scrollbar-face-color: #35698E; 
	scrollbar-highlight-color: #D2D9DC; 
	scrollbar-shadow-color: #D2D9DC;
}