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

#outer { 
	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;
 }

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

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

#bottom_ad {
	background: #D2D9DC;
	border-top: 4px solid #35698E;
	padding: 5px;
}

#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;
}

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;
}

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

p em {
	font-style: normal;
	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.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.conNews {
	background: url(/site/resources/images/icoNews.jpg) no-repeat;
	padding-left: 70px;
}

p.conTut {
	background: url(/site/resources/images/icoTutorial.jpg) no-repeat;
	padding-left: 70px;
}

p.conBook {
	background: url(/site/resources/images/icoBook.jpg) no-repeat;
	padding-left: 70px;
}

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

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.floatAd {
	margin-left: 2px;
	padding: 5px;
	padding-left: 20px;
	background: #EEE;
	border-left: 1px dotted #597695;
	border-right: 1px dotted #597695;
	text-align: center;
}

p.floatContent a {
	color: #564B47;
}

p.floatContent a:hover {
	color: #35698E;
}

p.floatCandy {
	margin-left: 2px;
	padding: 10px;
	background: #EEE;
	border-left: 1px dotted #597695;
	border-right: 1px dotted #597695;
	text-align: center;
}

p.floatCandy a:hover {
	border-bottom: 3px solid #597695;
}


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

p.floatClearSeal {
	margin-left: 2px;
}

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

p.extras img {
	border: 0px;
}

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

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: 150px;
	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;
}

table.ads {
	width: auto;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

table.ads th {
	padding-bottom: 11px;
}

table.ads th.links {
	width: 200px;
	border-right: dotted 1px #000;
	text-align: center;
	text-decoration: underline;
}

table.ads th.sponsors {
	width: 300px;
	border-right: dotted 1px #000;
	text-align: center;
	text-decoration: underline;
}

table.ads th.splink {
	width: 300px;
	text-align: center;
	text-decoration: underline;
}

table.ads td {
	vertical-align: top;
}

table.ads td a {
	color: #564B47;
	text-decoration: underline;
}

table.ads td a:hover {
	color: #00F;
}

table.ads td.links {
	width: 200px;
	border-right: dotted 1px #000;
	text-align: center;
}

table.ads td.sponsors {
	width: 300px;
	border-right: dotted 1px #000;
	text-align: center;
}

table.ads td.splink {
	width: 300px;
	text-align: center;
}


/* BOTTOM ADS */
#favicons	{ 
	width: 793px;
	background: url(/site/resources/images/faviconads-bg.png) no-repeat #D2D9DC;
	float: left;
	padding: 4px 0px 0px 7px;
	text-align: center;
}

#favicons img { 
	margin: 1px;
}

/* TUTORIAL BULLET LIST */
ul.favTuts {
	padding: 0px;
	margin: 0px;
	margin-left: 2px;
	background: #EEE;
	border-left: 1px dotted #597695;
	border-right: 1px dotted #597695;
	list-style-type: none;
}

ul.favTuts li {
	margin-left: 2px;
	padding: 5px;
	padding-left: 20px;
	background: url(/site/resources/images/smallBullet.gif) no-repeat #EEE;
}

ul.favTuts li a:hover {
	color: #35698E;
}

ul.favTuts li a em {
	text-decoration: none;
}