* {
  font-size: 100%;
}
p {
  margin:0px;
}
body {
  margin: 0px;
  overflow: auto;
  background-color: #efefef;
  line-height: 1.5;
  background-image: url(../images/mainbg.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-attachment: fixed;
  _background: none;    /*IE6 only */
}
body, td,input, select, textarea {
  font-family: verdana;
  font-size: 12px;
  color: #999999;
}
p.clear {
  clear: both;
  font-size: 0px;
}
.setuperror {
  padding: 10px;
  border: 2px #cc3300 solid;
  background-color: #f0e000;
  margin: 10px;
}
.setupsuccess {
  padding: 10px;
  border: 2px #00b000 solid;
  background-color: #c0f000;
  margin: 10px;
}
.success {
  padding: 25px;
  background-color: #E8F6E9;
  border: 1px #B2E1B7 solid;
  color: #11a322;
  margin-bottom: 15px;  
}
.error {
  padding: 25px;
  background-color: #f5e8e8;
  border: 1px #dfb2b2 solid;
  color: #9e1111;
  margin-bottom: 15px;
}
.alert {
  padding: 25px;
  background-color: #f9f8e8;
  border: 1px #ebe7b3 solid;
  color: #c2b515;
  margin-bottom: 15px;
}
.success1, .success1 a:link, .success1 a:visited {
  color: #11a322;
}
.error1, .error1 a:link, .error1 a:visited {
  color: #9e1111;
}
/* align right */
.ar {
  float: right;
}
/* gallery lists */
#galboxes, #galboxes2, #orderboxes {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
#galboxes li, #galboxes2 li, #orderboxes li {
	position: relative;
	float: left;
	margin: 2px 2px 0px 0px;
	width: 126px;
  _width: 145px;        /* Just IE6 */
	height: 185px;
	_height: 195px;
	text-align: center;
	padding: 9px;
  background-color: #ffffff;
  /*border: 1px solid #3399ff;*/
}
#galboxes2 li, #orderboxes li {
  	height: 135px;
  	_height: 155px;
}
#orderboxes li {
  cursor: move;
}
#galboxes li .img, #galboxes2 li .img, #orderboxes li .img {
  height: 105px;
  width: 105px;
  display:table-cell;
  vertical-align: middle;
  text-align: center;
}
/* JQuery ToolTip */
#preview {
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}
.descr {
  font-size: 10px;
}
.sectiondescr {
  font-size: 10px;
  float: left;
  padding: 3px 5px;
  border: 1px #999999 solid;
}

.fw1 {
  width: 450px;
  margin-bottom: 10px;
  margin-top:3px;
}
.fw10 {
  width: 400px;
  margin-bottom: 10px;
  margin-top:3px;
}
.ta1 {
  width: 550px;
  height: 200px;
  margin-bottom: 10px;
  margin-top:3px;
}
.fw2 {
  width: 200px;
  margin-bottom: 10px;
  margin-top:3px;
}
.fw3 {
  width: 100px;
  margin-bottom: 10px;
  margin-top:3px;
}
.fw3b {
  width: 125px;
}
.colbox {
  margin-left:120px;
  margin-top:3px;
  width: 75px;
  height: 30px;
  /*border: 1px #3399ff solid;*/
}

.anu {
  text-decoration: none;
}
.b {
  font-weight: bold;
}
.c {
  text-align:center;
}
label {
  cursor: pointer;
}

#cu3er-container {
  outline:0;
  text-align: center;
  margin-bottom: 15px;
}


/* the menu container at the top oft the page */
#uppermen {
  width: 100%;
  background-color: #333333;
}
/* some relative positionings - combined to make width changes easier */ 
#maincontent, #uppermen .mpoints, #logo  {
  width: 800px;
  left: 50%;
  margin-left: -400px;
}
/* menue points at the top of the page */
#uppermen .mpoints {
  position: relative;
  color: #ebebeb;
  padding: 7px 0px;
  text-align: right;
  font-size: 11px;
}
#uppermen .mpoints a:link, #uppermen .mpoints a:visited {
  color: #ebebeb;
  text-decoration: none;
}
#uppermen .mpoints a:active, #uppermen .mpoints a:hover {
  border-bottom: 1px #ebebeb dotted;
}
/* lang flags */
#langflags {
  position:absolute;
  top:5px;
  right: 25px;
}
#langflags img {
  margin: 0px 3px;
  border: 1px #000000 solid;
}
#langflags .langsel {
  margin: 0px 3px;
  border: 1px #999999 solid;
}
/* the logo */
#logo {
  position: absolute;
  top: 50px;
}
/* the colorized header */
#header {
  height: 294px;
  width: 100%;
  /* background-color: #3399ff; /* will be set in colorized style */ 
  background-image: url(../images/header_bg.png);
  _background-image: none;
  background-position: center bottom;
  background-repeat: no-repeat;
}
/* the main content */
#maincontent {
  min-height: 500px;
  height:auto !important; /* for modern Browsers */
  height:500px;  /* IE */
  background-image: url(../images/content_bg2.png);
  /*background-repeat: repeat-x;*/
  background-color: #efefef;
  position: absolute;
  top: 108px;
  border: 1px #e5e5e5 solid;
}
#maincontent a:link, #maincontent a:visited {
  text-decoration: none;
  /* color: #3399ff; /* will be set in colorized style */
} 
#maincontent a:hover, #maincontent a:active {
  text-decoration: underline;
  color: #999999;
} 
#men {
  float: right;
}
#men ul {
  list-style: none;
  margin: 0px;
}
#men ul li {
  float: left;
  border-bottom: 1px #e5e5e5 solid;
  border-left: 1px #e5e5e5 solid;
  font-size: 11px;
}
#men ul li a:link, #men ul li a:visited {
  display: block;
  text-decoration: none;
  color: #999999;
  padding: 3px 10px;
}
#men ul li a:hover, #men ul li .mensel {
  /* color: #3399ff; /* will be set in colorized style */
  background-color: #e5e5e5;
}
/* the footer within the main content */
#footer {
  width: 100%;
  min-height: 150px;
  height:auto !important; /* for modern Browsers */
  height:150px;  /* IE */
  background-color: #e5e5e5;
  position: absolute;
  bottom: -150px;
  left: 0px;
  color: #333333;
  border: 1px #e5e5e5 solid;
}

/* form definitions */
.fdescr {
  clear: both;
  width: 120px;
  float: left;
  height: 40px;
}
.ffield {
  height: 40px;
}

input, select, textarea {
  background-color: #efefef;
  border: 1px #999999 solid;
  height: 25px;
  padding: 3px;
  width: 250px;
}
textarea {
  height: auto;
}
select.multiple {height: auto;width: auto;}
select.multiple .disabled {color: #ddd; font-style: italic;}
input:focus, select:focus, textarea:focus  {
  background-color: #ffffff;
}
.radio {
  width: auto;
  border: none;
  background: none;
  height: auto;
}
.button {
  /* background-color: #3399ff; /* will be set in colorized style */
  border: 1px #efefef solid;
  color: #efefef;
  width: auto;
  height: auto;
  cursor: pointer;
  padding: 3px 15px;
}
.button:hover, input.button:focus {
  background-color: #333333;
  border: 1px #efefef solid;
  color: #efefef;
}


/* content style definitions */
h1, h2, h3, h4, h5, h6, h7 {
  padding: 3px;
  /* color: #3399ff; /* will be set in colorized style */
  margin-bottom: 3px;
}
h1 {
  font-size: 15px;
  /* border-left: 1px #3399ff solid; /* will be set in colorized style */
}
.pad1 {
  padding: 15px;
}
.pad2 {
  padding: 35px;
}

.img01 {
  margin-right: 15px;
  margin-bottom: 5px;
  float: left;
}

a.more, #more {
    background: transparent url('../images/btr.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
#more span.start {
    background: transparent url('../images/btl.png') no-repeat;
    display: block;
    line-height: 14px;
    height: 24px;
    padding-left: 18px;
    white-space: nowrap;
}
a.more span {
    background: transparent url('../images/btl.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    white-space: nowrap;
}
a.more span img {
    padding: 0;
    margin: 0;
}
a.more:active, #more:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.more:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
    white-space: nowrap;
} 
#more span.start:hover {
    background-position: bottom left;
    white-space: nowrap;
} 

/* listtable */
.tabl {
  width: 100%;
  _width: 700px;
}
.tabl td {
  /*border-bottom: 1px #3399ff solid;*/
  height:30px; 
}
.tablh td {
  background-color: #cccccc;
  color: #ffffff;
}
.tablc1 {
  background-color: #ffffff;
}
.tablc2 {
  background-color: #f2f2f2;
}
.nob td {
  border: none;
}

/* menue at the side */
#sidemen {
  float: right;
}
#sidemen img {
  margin:2px;
}


/** some boxes **/
.sectionbox {
  float: left;
  width: 350px;
  margin-bottom: 15px;
}
.sectionbox img {
  margin-right: 12px;
  margin-bottom: 2px;
  float: left;
}
form {margin: 0px;}

/***
 * Pager [+]
 ***/ 
.pager {
  font-size: 11px;
  float:right;
}
.page, .pagesel {
  float: left;
  text-align:center;
  padding:3px;
  margin:3px;
  width: 15px;
  border: 1px #999 solid;
}
.pagesel {
  background-color: #333333;
}
.pagesep {
  float: left;
  padding: 5px 0 3px 0;
  margin: 5px 0 3px 0;
}
.pagepos {
  float: left;
  padding: 4px 0 3px 0;
  margin: 4px 0 3px 0;
  font-style: italic;
}
.page {
  background-color: #ffffff;
}
.page a:link, .page a:visited {
  text-decoration:none;
  display: block;
}
#maincontent .pager .pagesel a:link, #maincontent .pager .pagesel a:visited {
  color: #ffffff;
  text-decoration:none;
}

#styleselector img {
  margin: 2px;
  width: 20px;
  height: 20px;
  border: 1px #333333 solid;
}
#styleselector {
  position: absolute;
  left: 50%;
  margin-left: 405px;
  top: 135px;
}
#styleselector .blue { background-color: #3399ff; }
#styleselector .dark { background-color: #333333; }
#styleselector .red { background-color: #cc0000; }
#styleselector .green { background-color: #009900; }
#styleselector .orange { background-color: #ff6600; }
#styleselector .olive { background-color: #666600; }
#styleselector .brown { background-color: #804000; }