/************************
  GLOBAL STYLES
************************/

html,body {
  margin: 0; padding: 0;
  background-color: #FFF;
  cursor: default;
  color: #111;
}

* {
  font-family: Arial, Verdana, Tahoma, Helvetica;
  font-size: 11px;
}

table, img {
  border: 0 none;
}

label {
  cursor: pointer;
}

a {
  color: #444;
  text-decoration: none;
}

a:hover,
a:active {

}
a:focus { outline: none;}

h1, h2, h3 {
  font-size: 14px;
  margin: 0; padding: 0;
  margin-bottom: 3px;
}

hr {
	color : #888;
	height : 1px;
	padding : 0;
	border-color : #888;
	border-width : 1px 0 0 0;
	border-style : dashed;
	margin: 12px auto;
  width: 98%
}

ul, ul li {
  margin: 0; padding: 0;
  margin-left: 15px; padding-top: 2px;
  list-style-type: square;
}

/*#################################################################################################################
  ERDAL TORUN STYLES
#################################################################################################################*/
div#page {
  position: absolute;
  text-align: left;
  width: 850px; height: 535px;
  left: 50%; top: 50%;
  margin-left: -425px; margin-top: -280px;
}

div#header {
  position: relative;
  width: 850px; height: 77px;
}

div#header div#navigation {
  position: absolute;
  top: 51px; left: 256px;
}

div#header div#navigation ul, div#header div#navigation li {
  margin: 0; padding: 0;
  list-style-type: none;
  float: left;
}

div#header div#navigation li.s {
  width: 16px;
  background: url(../images/trenner.jpg) no-repeat center;
}

div#header div#navigation li a {
  padding-bottom: 1px;
}

div#header div#navigation li a:hover,
div#header div#navigation li a:active,
div#header div#navigation li a.a {
  background: url(../images/hover.jpg) repeat-x left bottom;
}

div#content {
  width: 850px; height: 440px;
  background: url(../images/bg.jpg);
}

div#content div#contentLeft {
  position: relative; float: left;
  width: 248px; height: 410px; overflow:hidden;
  padding-left: 20px; margin-top: 30px;
}

div#content div#contentLeft div img {
  width: 100px; height: 66px;
  margin: 1px 5px; margin-top: 2px;
  border: 2px solid #6f7070;
  background: #6f7070;	  
  -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

div#content div#contentLeft div img.hover {
  border: 2px solid #FFF;
}

div#content div#contentRight {
  position: relative; float: left;
  width: 577px; height: 405px;
  background: url(../images/image_right.jpg) no-repeat 0 32px;
  padding-top: 35px; padding-left: 3px;
}

img#contentImage {
  position: absolute; z-index: 1;
  width: 552px; height: 368px;
}

div#loading {
  position: absolute; z-index: 2;
  left: 50%; top: 50%;
  width: 300px; height: 300px;
  margin-left: -160px; margin-top: -155px;
  background: url(../images/loading.gif) no-repeat center;
}

div#content div#contentRight div.contentText {
  width: 532px; height: 348px;
  padding: 10px;
  overflow: hidden; overflow-y: auto;
} 

div#copyright {
  position: relative;
  padding-top: 9px; padding-left: 13px;
}

div#copyright ul {
  position: absolute;
  left: 700px; top: 9px;
}

div#copyright ul, div#copyright li {
  margin: 0; padding: 0;
  list-style-type: none;
  float: left;
}

div#copyright li.s {
  width: 16px;
  background: url(../images/trenner_footer.jpg) no-repeat center;
}

div#copyright li a {
  padding-bottom: 1px;
}

div#copyright li a:hover,
div#copyright li a:active,
div#copyright li a.a {
  background: url(../images/hover.jpg) repeat-x left bottom;
}

div#content div#contentLeft div.navi {
  position: absolute;
  width: 230px;
  bottom: 8px; left: 0;
  background: transparent;
  text-align: center;
  clear: both; white-space: nowrap;
}

div#content div#contentLeft div.navi button {
  width: 22px; height: 17px;
  background: url(../images/arrow_left.jpg) no-repeat;
  border: 0; padding: 0;
  margin: 0 55px; margin-left: 50px;
  cursor: pointer;
}
div#content div#contentLeft div.navi button.next {
  background-image: url(../images/arrow_right.jpg);
}
div#content div#contentLeft div.navi button.prev {
  margin-left: 60px;
}
 
#flowpanes { 
  height: 380px;
  position: relative; 
  overflow: hidden; 
  clear: both; 
} 
 
#flowpanes div { 
  display: block; 
  width: 245px; float: left; 
  font-size: 14px;
} 
 
#flowpanes .items { 
  position: absolute; 
  width: 20000em; 
  clear: both; 
  margin: 0; padding: 0; 
} 
 
#flowpanes .less, #flowpanes .less a { 
  color: #999 !important; 
  font-size:11px; 
}

#referenzen {
  position: absolute; z-index: 99999999999;
  top: 25px; left: -242px;
}

/************************
  TOOLS
************************/
.disabled {
  visibility: hidden;
}

.tiny {
  width: 1%;
  white-space: nowrap;
}

div.entry {
  margin-top: 10px;
}

/*#####################
  FORM ELEMENTS
#######################*/
  fieldset {
    border: 1px solid #AAA;
    padding: 5px 10px; margin-bottom: 10px;
  }

  fieldset legend {
    padding: 0 15px; margin-left: 8px;
    font-weight: bold;
  }

  label {
    cursor: pointer;
    text-align: right;
    margin-right: 10px;
    width: 140px;
    display: block;
    float: left; clear: left;
  }

  .inputField {
    width: 328px; padding: 1px;
    border: 1px solid #CCC;
    border-top: 1px solid #EEE; border-right: 1px solid #EEE;
    color: #444; margin: 1px;
    background-repeat: no-repeat;
    background-position: 3px center;
  }
  
  select {
    width: 250px; cursor: pointer;
  }

/* SUBMIT BUTTON */
  div.submit {
    margin-top: 5px;
    text-align: right;
  }
  div.submit input {
    background: #FFF;
    padding: 2px 5px; font-size: 11px;
    cursor: pointer;
  }

  *+html input.submit { overflow: visible; }
  * html input.submit { overflow: visible; }
  
/************************
  ADMIN
************************/
div#admin {
  width: 800px;
  margin: 10px auto;
}

table.table {
  width: 100%; padding: 0;
  background: #CCC;
}

table.table tr td { padding: 1px 2px }

tr.kat td {
  background: #DDD;
  font-weight: bold;
}

tr.first td { background: #EEE }
tr.second td { background: #F4F4F4 }

/************************
  TOOLTIP
************************/
div#toolTip {
  position: absolute; z-index: 999999;
  top: 109px; left: 20px;
  width: 210px; height: 354px;
  padding: 10px;
  display: none; overflow: hidden;
  background: url(../images/image_small.jpg) no-repeat;
}

* html div#toolTip {
  top: 112px;
}

/************************
  NO SCRIPT
************************/

div#noscript {
  position: absolute; z-index: 999999;
  top: 10px; left: 250px;
  text-align: center;
  color: red; background: #EEE;
  padding: 4px 8px;
}