body {
	text-align: center;
	background-color: #D1D2D4;
	margin-top: 5%;
}
*html body  {
	margin-top: 3%;
}
/**
*	Mail Element
*	Erstes Element im Body
*	umschliesst also alle anderen
*/
#main {
	width: 929px;
	/*float: left;*/
	background-color: #FFFFFF;
	border: 0px solid;
	margin: auto auto;
	text-align: left;
}
div.head {
	padding: 0px; margin: 0px;
	height: 116px;
	padding-left: 30px;
	/*	Komischerweise ist der Head,
		sonst bei FF und Safari um einiges groesser */
	float: left;
}
/**
 *	Element in dem sich das Logo befindet
 */
#logo {
	background-color: #FFFFFF;
	/**margin-top: 6px;*/
	margin-top: 48px;
	height: 46px;
}
#logo img {
	display: inline;
}

/**
*	Das Bilder Blaettern Menu
*/
div#image-menu {
	margin-left: 467px;
	border: 0px solid;
	
}
div#image-menu p#ThumbsTitle {
	display: block;
	margin: 0px; padding: 0px;
	font: 8pt Verdana;
	padding-left: 8px;
	float: left;
}
div#image-menu a {
	display: block;
	float: left;
	margin: 0px; padding: 0px;
	width: 10px;
	height: 10px;
	background-color: #DBe3e8;
	margin-right: 1px;
	
}
div#image-menu a.active {
	background-color: #CD6544;
}
div#image-menu a:hover {
	background-color: #BDCCD6;
}
/**
 *	Linke Spalte in dem sich das Menu befindet
 */
table td.left {
	height: auto;
	border-right: 1px solid #FFFFFF;
	
}
/*	Mittlere Spalte in der sich der Content */
table td.middle {
	height: auto;
}
table td.right {
	margin:0px;
	padding: 0px;
	background-color: #000000;
	width: 432px;
	height: 424px;
}
table td.right img {
	display: block;
	margin: 0px; padding: 0px;
/*	height: 424px;*/
}
/**
*	Main Content
*/
div#main-content {
	margin: 0px;
	/*	Im Box Modell wird paddding der Breite hinzuaddiert */
	padding: 0px 16px 0px 16px;
	width: 276px;
	width: 308px;
	height: 290px;
	
	float: left;
}
*html div#main-content {
	width: 340px;
	padding-left: 10px;
	
}
/**
*	Fuer den IE margins und Padding des Formulars entfernen
*/
div#main-content form {
	margin: 0px; padding: 0px;
}

div#main-content a.tag {
	text-decoration: underline;
	color: #000000;
}
div#main-content a.tag:hover {
	text-decoration: none;
}

/**
*	Formular Elemente
*/
div#main-content input,
div#main-content textarea {
	font: 8pt Verdana;
}
div#main-content button {
	display: block;
	margin-top: .4em;
	font: 1.3em Verdana;
	width: 12em;
	padding: .2em .4em;
}
div#main-content h1, h2, h3 {
	margin: 0px;
}
div#main-content h3 {
	margin: 0px; padding: 0px;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 10px;
}

div#main-content fieldset,
div#main-content input,
div#main-content label,
div#main-content button {
	
}

div#main-content ul {
	list-style: inside; 
	margin: 21px 8px;
	padding: 0px;
	font-weight: bold;
}

/**	
*	Div das als Tabellen Zelle funktioniert
*/
div#main-content div.cell {
	display: table-cell;
	font: 10px Verdana;
	width: 120px;
	margin: 0px;
}
div#main-content div.cell label {
	font: 1.2em Verdana;
}
div#main-content div.cell input {
	width: 120px;
	margin-right: 8px;
}

/**
*	Seitenzahlen
*/
div#main-content div.pages {
	margin: 0px; padding: 0px;
	font-family: Verdana;
	width: auto;
	border: 0px solid;
	float: left;
}

div#main-content div.pages div.c1 {
	margin: 0px; padding: 0px;
	width: auto;
}
div#main-content div.pages div.c2 {
	float: right;
	width: 100px;
	text-align: right;
}
* html div#main-content div.pages {
	float: left;
}
div#main-content div.pages strong {
	font-family: Verdana;
	FONT-SIZE
}
div#main-content div.pages span {
	margin-right: 2px;
	float: left;
	font: 7pt Verdana;
}
div#main-content div.pages div.c1 a {
	margin-right: 2px;
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	/*background-color: #EBF0F3;*/
	color: #9BA7A9;
	text-align: center;
	font: 7pt Verdana;
}
div#main-content div.pages div.c1 a:hover {
	color: #5F6B6D;
/*	background-color: #BDCCD6;*/
}
div#main-content div.pages div.c2 a {
	margin-left: 8px;
}
div#main-content div.pages div.c1 a.active {
	/*background-color: #BDCCD6;*/
		color: #CD6544;
}
/**
*	SXTags 
*	Code Tag
*/
div#main-content ul.tag {
	list-style-type:circle;
	list-style-position: outside;
	margin: 0px; padding: 0px;
	margin-left: 12px;
}
div#main-content ul.tag li {
	font: 8pt Verdana;
	line-height: 20px;
}
div#main-content table.tag {
	margin: 0px; padding: 0px;
	border-top: 1px solid #EbF0F3;
	width: 316px;
}
div#main-content table.tag tr {
	vertical-align: top;
	margin: 0px; padding: 0px;
}
div#main-content table.tag tr td {
	margin: 0px; padding: 0px;
	padding-bottom: 4px;
	border-bottom: 1px solid #EbF0F3;
}
div#main-content table.tag tr td p {
	padding: 0px; margin: 0px;
	margin-top: 1px;
	font: 10px Verdana;
	line-height: 12px;
}
div#main-content table.tag tr td.c1 {
	/*width: 120px;*/
	padding-right: 5px;
}
div#main-content table.tag tr td.c2 {
	padding-right: 0px;
}
div#main-content div.SXTag-code {
	border: 1px solid #D1DCDF;
	padding: 0px;
	margin-top: 16px;
	margin-bottom: 16px;
}
div#main-content div.SXTag-code div.head {
	font: 1.4em Verdana;
	color: #D1DCDF;
	padding: 4px 8px;
}
div#main-content div.SXTag-code div.code {
	padding: 8px;
	letter-spacing: .1em;
	
	color: #A8C5CF;
	height: 20em;
	overflow: auto;
}