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

#outer { 
	border-left: solid 150px #FFF; /* left menu  */ 
	background-color: #FFF;
} 

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

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

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

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

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

#footer {
	width: 793px;
	background: url(/site/resources/images/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;
}
	
h1 {
	padding-top: 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	background: url(/site/resources/images/dot.jpg) bottom repeat-x;
}

h1 a {
	text-decoration: none;
}

h1 em {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

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

h3 {
	padding: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

h3 em {
	font-style: normal;
	color: #F00;
}

h4 {
	padding: 0px;
	margin-bottom: 0px;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
}

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

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

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.floatTitle {
	margin-top: 5px;
	margin-left: 2px;
	padding-top: 2px;
	padding-bottom: 0px;
	background: #597695;
	color: #DAF0C3;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

p.floatUD {
	padding-bottom: 5px;
	border-bottom: 2px solid #7BCCE9;
}

p.floatDescription {
	margin-left: 2px;
	padding-top: 0px;
	padding-bottom: 3px;
	background: #597695;
	color: #FFF;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
}

p.floatContent {
	margin-left: 2px;
	padding: 5px;
	padding-left: 20px;
	background: url(/site/resources/images/smallBullet.gif) no-repeat #EEE;
	border-left: 1px dotted #597695;
	border-right: 1px dotted #597695;
}

p.note {
	margin: 10px 20px 10px 10px;
	border-top: 2px solid #F00;
	border-bottom: 2px solid #F00;
	font-weight: bold;
	color: #F00;
}

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

p.tagList {
	margin-left: 2px;
	padding-left: 20px;
	background: url(/site/resources/images/smallBullet.gif) no-repeat #EEE;
	border-left: 1px dotted #597695;
	border-right: 1px dotted #597695;
}

p.tagList a {
	text-decoration: none;
	font-size: 12px;
}

p.tagList a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #564B47;
}

p.navigation {
	text-align: center;
	font-size: 12px;
}

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.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.quote {
	padding-left: 20px;
	font-style: italic;
}

p.indent {
	padding-left: 30px;
}

p.highlight {
	color: #F00;
	font-weight: bold;
}

p.done {
	color: #00F;
	font-weight: bold;
}

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

p.extras img {
	border: 0px;
}

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

p.arttags {
	padding: 5px;
	margin: 10px 10px 0px 0px;
	border-top: 1px solid #D2D9DC;
	border-bottom: 1px solid #D2D9DC;
	background: #EEE;
	text-align: left;
	text-indent: 10px;
}

p.tags {
	padding: 2px 0px 2px 0px;
	margin: 10px 10px 0px 10px;
	border-top: 1px solid #D2D9DC;
	border-bottom: 1px solid #D2D9DC;
	width: 602px;
	background: #EEE;
	text-align: center;
}

p.preview {
	font-size: 11px;
	font-weight: bold;
}

p.preview em a {
	font-size: 10px;
	text-decoration: none;
}

p.preview em a:hover {
	font-size: 10px;
	text-decoration: none;
	border-top: 1px solid #A74E7B;
}

p.previewBox {
	margin: 10px;
	padding: 10px;
	border: 1px dotted #CCC;
	font-size: 10px;
}

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

p.mid {
	text-align: center;
}

p.gap {
	padding-top: 25px;
}

p.artNav {	
	text-align: center;
}

p.tags a {
	padding-left: 0px;
	text-decoration: none;
}

p.tags a:hover {
	padding-left: 0px;
	background: #A74E7B;
	color: #FFF;
}

p.error {
	font-weight: bold;
	color: #F00;
}

p.center {
	text-align: center;
}

p.right {
	text-align: right;
}

p.emphasis {
	font-weight: bold;
	border-top: 1px solid #564B47;
	border-bottom: 1px solid #564B47;
	margin-bottom: 10px;
	color: #564B47;
}

ul.articles {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 20px;
	text-align: justify;
	display: block;
}

ul.articles li {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding-bottom: 20px;
}

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

ul.articles li a {
	text-decoration: none;
	color: #564B47;
}

ul.articles li a em {
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
}

ul.articles li a:hover {
	color: #A74E7B;
}

ul.articles p {
	padding-left: 0px;
}

ul.articles p a:hover {
	padding-left: 0px;
	background: #A74E7B;
	color: #FFF;
}

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(/site/resources/images/categoryBullet.gif) no-repeat;
}

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

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

ul.codeBank a:link, ul.codeBank a:visited, ul.codeBank 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(/site/resources/images/icoTutorialOff.jpg) no-repeat;
}

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

ul.codeBank li.code1 a:hover {
	background: url(/site/resources/images/icoCode1On.jpg) no-repeat;
}

ul.codeBank li.code2 a:hover {
	background: url(/site/resources/images/icoCode2On.jpg) no-repeat;
}

ul.codeBank li.code3 a:hover {
	background: url(/site/resources/images/icoCode3On.jpg) no-repeat;
}

ul.codeBank li.code4 a:hover {
	background: url(/site/resources/images/icoCode4On.jpg) no-repeat;
}

ul.codeBank li.code5 a:hover {
	background: url(/site/resources/images/icoCode5On.jpg) no-repeat;
}

ul.codeBank li.code6 a:hover {
	background: url(/site/resources/images/icoCode6On.jpg) no-repeat;
}