@charset "utf-8";
/* CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFF;
	scrollbar-base-color:#FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#E5DED0;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;	
}

p {
	margin-top: 0px;
}

/* Linkfarben */
a:link, a:active, a:visited {
	color: #8F8F8F;
	text-decoration: none;
}
a:hover {
	color: #D3D4DB;
}
.active a:link,.active a:active, .active a:visited {
	color: #D3D4DB;
} 
.active a:hover {
	color: #D3D4DB;
}

#maintable {
	width: 900px;
	height: 495px;
	margin-left: 22px;
	background-color: #FCFCFC;
}

#head .menu {
	border-top: 1px solid #FFF;
	height: 22px;
}

#head .menu {
	background-color:#8F8F8F; /* hellblau */
}

#head .content {
	padding: 0px;
}

.menu {
	width: 180px;
	border-right: 1px solid #DBDBDB;
}

.content {
	height: 462px;
	width: 720px;
}

#middle .menu {
	height: 462px;
}

#foot .menu {
	height: 11px;
	font-size: 0px;
	background-color: #DBDBDB;
}

#foot .menu {
	border-bottom: 1px solid #8F8F8F;
}

/* Layout1 => 180 180 180 180 */
#layout1 {
	width: 720px;
}

#layout1 .head {
	width: 180px;
	height: 22px;
	border-top: 1px solid #FFF;
	background-color:#8F8F8F; /* hellblau */
}

#layout1 .middle {
	width: 180px;
	height: 462px;
}

#layout1 .borderright {
	border-right: 1px solid #DBDBDB;
}

#layout1 .foot {
	width: 180px;
	height: 11px;
	font-size: 0px;
	background-color: #DBDBDB;
	border-bottom: 1px solid #8F8F8F;
}

#layout1 .lasthead {
	background-color: #707070;
}

#layout1 .lastfoot {
	background-color: #8F8F8F;
}

/* Layout1 Previewbox */
#layout1preview {
	width: 361px;
}

/* Layout2 => 360 180 180 */
#layout2 {
	width: 720px;
}

#layout2 .head {
	width: 180px;
	height: 22px;
	border-top: 1px solid #FFF;
	background-color:#8F8F8F; /* hellblau */
}

#layout2 .middle {
	width: 180px;
	height: 462px;
}

#layout2 .borderright {
	border-right: 1px solid #DBDBDB;
}

#layout2 .foot {
	width: 180px;
	height: 11px;
	font-size: 0px;
	background-color: #DBDBDB;
	border-bottom: 1px solid #8F8F8F;
}

#layout2 .overwidth {
	width: 360px;
}

#layout2 .lasthead {
	background-color: #707070;
}

#layout2 .lastfoot {
	background-color: #8F8F8F;
}

#layout2 .overflow {
	overflow:auto;
	height: 425px;
	width:340px;
	padding: 18px 8px 19px 10px;
}

/* Layout2 Previewbox */
#layout2preview {
	width: 361px;
}

/* Layout3 => 180 270 270 */
#layout3 {
	width: 720px;
}

#layout3 .head {
	width: 180px;
	height: 22px;
	border-top: 1px solid #FFF;
	background-color:#8F8F8F; /* hellblau */
}

#layout3 .middle {
	width: 180px;
	height: 462px;
}

#layout3 .borderright {
	border-right: 1px solid #DBDBDB;
}

#layout3 .foot {
	width: 180px;
	height: 11px;
	font-size: 0px;
	background-color: #DBDBDB;
	border-bottom: 1px solid #8F8F8F;
}

#layout3 .overwidth {
	width: 270px;
}

#layout3 .lasthead {
	background-color: #707070;
}

#layout3 .lastfoot {
	background-color: #8F8F8F;
}

#layout3 select {
	border: 1px solid #E5DED0;
	background-color:#FFF;
	width: 100%;
	margin-top: 18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px;	
}

/* Layout4 => 180 180 360 */
#layout4 {
	width: 720px;
}

#layout4 .head {
	width: 180px;
	height: 22px;
	border-top: 1px solid #FFF;
	background-color:#8F8F8F; /* hellblau */
}

#layout4 .middle {
	width: 180px;
	height: 462px;
}

#layout4 .borderright {
	border-right: 1px solid #DBDBDB;
}

#layout4 .foot {
	width: 180px;
	height: 11px;
	font-size: 0px;
	background-color: #DBDBDB;
	border-bottom: 1px solid #8F8F8F;
}

#layout4 .overwidth {
	width: 360px;
}

#layout4 .lasthead {
	background-color: #707070;
}

#layout4 .lastfoot {
	background-color: #8F8F8F;
}

/* Layout4 Previewbox */
#layout4preview {
	width: 360px;
}

#layout4 select {
	border: 1px solid #E5DED0;
	background-color:#FFF;
	width: 100%;
	margin-top: 18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px;	
}

/* Layout5 => 180 180 180 180 (ohne Transparenz) => Downloadbereich */
#layout5 {
	width: 720px;
}

#layout5 .head {
	width: 180px;
	height: 22px;
	border-top: 1px solid #FFF;
	background-color:#8F8F8F; /* hellblau */
}

#layout5 .middle {
	width: 180px;
	height: 462px;
}

#layout5 .borderright {
	border-right: 1px solid #DBDBDB;
}

#layout5 .foot {
	width: 180px;
	height: 11px;
	font-size: 0px;
	background-color: #DBDBDB;
	border-bottom: 1px solid #8F8F8F;
}

#layout5 .lasthead {
	background-color: #707070;
}

#layout5 .lastfoot {
	background-color: #8F8F8F;
}

#layout5 #download_info {
	color: #8F8F8F;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 18px;
	margin-bottom:19px;	
}

#layout5 input {
	border: 1px solid #8F8F8F;
	background-color:#FFF;
	width: 100%;
	margin-top: 18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8F8F8F;
	padding: 1px;	
}

#layout5 .login, .login {
	border: 1px solid #8F8F8F;
	background-color:#FFF;
	width: 159px;
	margin: 0px 0px 5px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8F8F8F;
	padding: 1px;		
}

#layout5 .logout {
	border-top: 1px solid #9b987a;
}

#layout5 select {
	border: 1px solid #8F8F8F;
	background-color:#FFF;
	width: 100%;
	margin-bottom: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px;	
	color: #8F8F8F;
}

/* home => 360 180 180 */
#home {
	width: 720px;
}

#home .head {
	width: 180px;
	height: 22px;
	border-top: 1px solid #FFF;
	background-color:#707070; /* hellblau */
}

#home .middle {
	width: 180px;
	height: 462px;
}

#home .borderright {
	border-right: 1px solid #DBDBDB;
}

#home .foot {
	width: 180px;
	height: 11px;
	font-size: 0px;
	background-color: #E3DDDA;
	border-bottom: 1px solid #8F8F8F;
}

#home .overwidth {
	width: 360px;
}

#home .lasthead {
	background-color: #8F8F8F;
}

#home .lastfoot {
	background-color: #CEC4B8;
}

#home .overflow {
	overflow:auto;
	height: 425px;
	width:340px;
	padding: 18px 8px 19px 10px;
}

/* Layout2 Previewbox */
#home {
	width: 361px;
}


/* Hilfstabelle für Menüausrichtung */
#menuhelper {
	height: 419px;
}

.dynamicmenu {
	height: 341px;
}

.staticmenu {
	height: 68px;
}

/* Menütabelle für dynamisches Menü*/
#menutable {
	color: #8F8F8F;
	width: 160px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 18px;
	margin-bottom:19px;
}

#menutable td {
	height: 20px;
	border: 0px;
	border-bottom: 1px solid #8F8F8F;
}

#menutable td.active {
	color: #8F8F8F;
}

#menutable .submenu div {
	line-height: 14px;
	margin-top: 5px;
	margin-bottom: 3px;
	padding-left: 10px;
}

#menutable .submenu div.active {
	color: #707070;
}

/* Statisches (unten ausgerichtetes) Menü */
#staticmenutable {
	height: 80px;
	color: #8F8F8F;
	width: 160px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 18px;
	margin-bottom:19px;
}

#staticmenutable td {
	height: 20px;
	border: 0px;
	border-bottom: 1px solid #8F8F8F;
}

#staticmenutable td.active {
	color: #8F8F8F;
}

#staticmenutable .submenu div {
	line-height: 14px;
	margin-top: 5px;
	margin-bottom: 3px;
	padding-left: 10px;
}

#staticmenutable .submenu div.active {
	color: #707070;
}

/* Galerie */
#galerietable {
	color: #b5b399;
	width: 180px;
	margin-top: 14px;
	margin-bottom:19px;	
}

#galerietable td {
	background-color: #FBFBFB;
	border: 0px;
	width: 40px;
	height: 40px;
}

.semitransparency {
	width:179px;
	behavior: url("/iepngfix.htc");
	background-image: url(/img/transparent.png);
}

.whitebg {
	background-color: #FFF;
}

#innercontenttable {
	color: #8F8F8F;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 18px;
	margin-bottom:19px;	
}

#innercontenttable td {
	height: 18px;
	border: 0px;
}

#innercontenttable td.active {
	color: #707070;
}

#transparencycontenttable {
	font-size: 14px;
	color: #818285;
	width: 160px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 18px;
	margin-bottom:19px;		
}

#transparencycontenttable .fullview {
	border-top: 1px solid #818285;
	padding-top: 2px;
	font-size: 11px;
}

#transparencycontenttable .fullview a {
	color: #818285;
}

#product_name {
	font-weight: bold;
}

#title {
	font-size: 14px;
	color: #707070;
	margin-top: 0px;
	padding:0px;
	margin-left: 13px;
}

#credits_left {
	position:absolute;
	padding: 0px;
	margin-top: 7px;
	left: 22px;
	color: #8F8F8F;
}

#credits_right {
	position:absolute;
	right: -1px; /* IE 6 Hack*/
	float: left;
	color: #8F8F8F;
	margin: 0px;
	margin-top: 7px;
	padding: 0px;	
}

div > #credits_right{
	right: -15px; /* everything else than IE 6 */
}

#image_fullview {
	top: 25px;
	left: 0;
	width:100%;
	position: absolute;
	z-index: 100;
}

#image_fullview_inner {
	margin: 0px auto 0px auto;
	border: 3px solid #FFF;
}

#image_fullview_close {
	position: absolute;
	color: #818285;
	cursor: pointer;
	margin: auto 0px 0px 0px;
	background-image: url(img/transparent.png);
	padding: 5px;
}

/*
#image_fullview_menu {
	position: absolute;
	behavior: url("iepngfix.htc");
	margin: auto 0px 0px 0px;
	background-image: url(/img/transparent.png);	
	bottom: 0px;
	height: 25px;
	left: 0px; 
	right: 0px;
}

#image_fullview_close {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	color: #818285;
	cursor: pointer;
	padding: 5px;
	text-align: right;
}

#image_fullview_print {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	color: #818285;
	cursor: pointer;
	padding: 5px;
	text-align: left;
}
*/

.rolloverpic {
	border-bottom: 1px solid #DBDBDB;
}

.hand {
	cursor: pointer;
}

.resultBlock {
	margin: 0px 0px 10px 0px;
}

.downloadbg {
	background-color: #E5DED0;
}

.brick {
	margin-bottom: 10px;
}

hr {
	background-color:#E5DED0; /* Mozilla 1.4 */
	color:#E5DED0; /* IE 6 */
	border: #E5DED0; /* Opera 7.11 */
	height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
	margin: 7px 0px;
}