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

html,body {
  height: 100%;
  margin: 0; padding: 0;
  cursor: default; text-align: center;
  background: #181c25 url(../images/background.jpg) repeat-x top left;
  color: #FFF;
}

html,body,input,textarea,select {
  font-family: Arial, Verdana, Tahoma, Helvetica, Times New Roman;
  font-size: 11px;
}

html { overflow: -moz-scrollbars-vertical; }

table, img {
  border: 0 none;
}

td { vertical-align: top }

label {
  cursor: pointer;
}

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

a:hover,
a:active {
  color: #FFF;
}
a:focus { outline: none;}

hr {
	color : #d2dbe3;
	height : 1px;
	padding : 0;
	border-color : #d2dbe3;
	border-width : 1px 0 0 0;
	border-style : solid;
	margin: 12px auto;
  width: 95%
}

/*#################################################################################################################
  DAWN SERVER STYLES
#################################################################################################################*/

div#page {
  position: relative;
  text-align: left;
  width: 1003px; margin: 0 auto;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

/************************
 HEADER
************************/
div#header {
  position: relative;
  width: 1003px; height: 205px;
  background: url(../images/header.jpg) no-repeat;
}

div#header div#kundenmeinungen {
  position: absolute;
  top: 16px; left: 87px;
  z-index: 999;
}

div#flashheader {
  width: 1003px; height: 233px;
  /* background: url(../images/flashheader.jpg) no-repeat; */
}
/************************
 CONTENT
************************/
div#content {
  position: relative;
  width: 858px;
  min-height: 200px;
  height: auto !important;
  height: 200px;
  margin-left: 67px; padding: 15px 10px; padding-top: 12px;
  background: url(../images/content_bg.jpg) repeat-y;
}

div#content,
div#content * {
  line-height: 15px;
}

div#content_top {
  position: absolute;
  top: 0; left: 0;
  width: 878px; height: 9px;
  background: url(../images/content_top.jpg) no-repeat;
}

div#content_bottom {
  position: absolute;
  bottom: 0; left: 0;
  width: 878px; height: 12px;
  background: url(../images/content_footer.jpg) no-repeat;
}

div#content_news {
  position: absolute;
  bottom: 12px; left: 0;
  width: 13px; height: 213px;
  margin-left: -13px;
  background: url(../images/content_news.jpg) no-repeat;
}

div#content_slideshow {
  position: absolute;
  top: 2px; left: 0;
  width: 13px; height: 213px;
  margin-left: -13px;
  background: url(../images/content_slideshow.jpg) no-repeat;
}

/************************
 SUBCONTENT
************************/
div#subcontent {
  position: relative;
  width: 900px; height: 181px;
  margin-left: 52px;
  background: url(../images/subcontent.jpg) repeat-y;
}

div#subcontent div#login {
  position: absolute;
  left: 650px; top: 49px;
}

div#subcontent div#login input.login {
  width: 138px; height: 15px;
  border: 0; padding: 5px; padding-left: 28px;
  background: url(../images/login_name.jpg) no-repeat;
  display: block; margin: 4px 0;
}

div#subcontent div#login input#pw { background-image: url(../images/login_pw.jpg) }
div#subcontent div#login input.submit { visibility: hidden }

div#subcontent div#archive {
  position: absolute;
  top: 19px; left: 35px;
  width: 557px; height: 145px;
  line-height: 16px;
}

div#subcontent div.details {
  position: absolute;
  bottom: 0; right: 0;
  text-align: left;
}

div#subcontent div#archive a:link,
div#subcontent div#archive a:visited {
  color: #FFF;
}

div#subcontent div#archive a:hover,
div#subcontent div#archive a:active {
  color: #ff7f00;
}

/************************
  NAVIGATION
************************/
div#navigation {
  height: 29px; clear: both;
}

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

/* Dropdown */
li.dropdown,
li.dropdown_hover {
  position: relative; z-index: 999;
  height: auto;
}

div.menu {
  position: absolute; z-index: 99999;
  left: 1px; top: 37px;
  width: 149px;
  background: url(../images/navi_bg.png) repeat-y;
  display: none; 
}
* html div.menu { background-image: url(../images/navi_bg.gif) }

div.menu_top {
  position: absolute; z-index: 99999;
  margin-top: -37px; 
  width: 149px; height: 37px;
  background: url(../images/navi_top.png) no-repeat;  
}
*+html div.menu_top { margin-left: -1px }
* html div.menu_top {
  margin-left: -1px;
  background-image: url(../images/navi_top.gif);
}

div.menu_footer {
  position: absolute; z-index: 99999;
  width: 149px; height: 12px;
  background: url(../images/navi_footer.png) no-repeat;  
}
* html div.menu_footer { background-image: url(../images/navi_footer.gif) }

div.menu a:link,
 div.menu a:visited {
  display: block;
  width: 122px; height: 17px;
  padding-left: 20px; margin-left: 1px;
  color: #4d5b78;
  background: url(../images/navi_button.jpg) no-repeat;
}

div.menu a:hover,
div.menu a:active {
  color: #fdfe02;
  text-decoration: none;
  background-image: url(../images/navi_button_hover.jpg);
}

li.dropdown_hover div.menu,
li.dropdown:hover div.menu {
  display: block;
}

/************************
  FOOTER
************************/
div#footer {
  position: relative;
  margin: 0 auto;  clear: both;
  width: 900px; height: 64px;
  background: url(../images/footer.jpg) no-repeat;
}

div#footer div,
div#footer a { color: #c76100; font-family: Verdana, Arial, Helvetica; font-size: 10px; }

div#footer a:hover,
div#footer a:hover { color: #FFF; text-decoration: none; }

div#footer div.left,
div#footer div.right {
  padding: 4px;
  line-height: 15px;
}

div#footer div.left {
  width: 360px; float: left;
  text-align: left;
  padding-left: 30px;
}

div#footer div.right {
  width: 490px; float: left;
}

/************************
  ERROR / INFO
************************/
div.error {
  text-align: center;
  color: #ff7f00;
}

/************************
  TOOLS
************************/
.block { display: block }
.clear {
  clear: both;
  height: 1px; line-height: 1px;
}

.justify { text-align: justify }
.center { 
  margin-left: -80px;
}
.right { text-align: right }

.left {
  width: 100px;
  float: left;
}

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

.red { color: #ff7f00 }

/************************
  FORM ELEMENTS
************************/
div#formError {
  padding-bottom: 15px;
  color: #b21e24; text-align: center;
}

fieldset label {
  color: #FFF;
  cursor: pointer;
  text-align: right;
  padding-right: 40px;
  width: 220px;
  display: block;
  float: left; 
}

div.formHiglight {
  color: #444;
  background-color: #FFFFCC;
  border: 1px dashed #CCCC66;
  padding-bottom: 10px; padding-left:7px; padding-right:7px; padding-top:7px;
  clear: both;
  text-align: center;
}

.inputField,
.inputField_hover,
.inputField_focus {
  width: 350px; font-size: 11px;
  border: 2px solid #3d4049;
  color: #111; margin: 1px;
}

*+html .inputField,
*+html .inputField_hover,
*+html .inputField_focus { margin: 0;}
* html .inputField,
* html .inputField_hover,
* html .inputField_focus { margin: 0;}

.inputField_hover,
.inputField_focus {
  color: #111;
}

textarea.inputField,
textarea.inputField_hover,
textarea.inputField_focus {
  height: 90px;
}

.inputFieldFile,
.checkbox,
.radio {
  cursor: pointer;
}

input.submit,
input.button {
  cursor: pointer;
  border: 0; padding: 2px;
  background: #bd5e02 url(../images/submit.jpg) repeat-x;
  color: #FFF; font-weight: bold;
}
*+html input.submit { 
  overflow: visible;
  padding: 0 5px;
}
* html input.submit { 
  overflow: visible;
  padding: 0 5px;
}

div.submit { 
  padding-bottom: 5px; padding-right: 11px;
  text-align: right;
  cursor: default;
}

fieldset {
  border: 1px solid #3d4049;
  margin: 10px;
  padding: 10px;
}

fieldset legend {
  margin-left: 11px;
  padding-left: 10px; padding-right: 10px;
  color: #ff7f00;
}

select {
  width: 354px;
  border: 0; cursor: pointer;
  margin: 1px; 
  border: 2px solid #3d4049;
}

select option {
  
}

select option.selKat {
  background-color: #838383;
  font-weight: bold; color: #FFF;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  cursor: default;
}

/************************
  ADMIN
************************/
div#admin {
  position: absolute;
  left: 840px; top: 11px;
}

div#admin a { color: #ff7f00 }
div#admin a:hover,
div#admin a:active { color: #FFF }

div#adminNavi {
  text-align: center;
  padding-right: 80px; margin-bottom: 10px;
}

div#adminNavi a:hover,
div#adminNavi a:active {
  color: #FFF;
}

table.admin {
  width: 100%; background-color: #3d4048;
}

tr.kat { 
  background-color: #1e222d;
  font-weight: bold; color: #FFF;
}
tr.first { background-color: #333844 }
tr.second { background-color: #222734 }

textarea#site {
  width: 560px; height: 1100px;
  margin-left: -60px;
}

h2.e { margin-left: -50px }

/************************
  WYSIWYG
************************/
p {margin: 0; padding: 0; }

ul, li {
  margin: 0; padding: 0;
  margin-left: 13px;
}
ul li {
  list-style-type: circle;
}

textarea.textEditor {
  width: 850px; height: 700px;
}

/************************
  KUNDENMEINUNGEN
************************/
div.title { color: #ff7f00 }

/************************
  NEWS
************************/
div#news_small {
  clear: both;
}

div.news_small, div.news_big {
 width: 414px; float: left;
 margin: 7px;
 background: #343844; 
}

div.news_big { width: 842px; float: none; }

div.news_small div.text, div.news_big div.text {
  height: 166px;
  overflow: hidden;
  padding: 4px 8px;
}

div.text_big { padding: 4px 8px; }

div.details {
  text-align: right;
  margin-right: -5px; margin-top: 5px;
}

div.news_small h1, div.news_big h1 {
  position: relative; display: block; margin-left: 122px; margin-top: 2px;
  font-size: 12px; color: #f08910; padding: 4px 0; margin-bottom: 10px;
  background: url(../images/headline.jpg) no-repeat left bottom;
}

div.news_kat {
  width: 114px; height: 119px; float: left; display: table-cell;
  margin-right: 8px; margin-bottom: 0; margin-top: 3px;
  background: url(../images/newskat_bg.jpg) no-repeat;
}
div.news_kat img { margin: 2px; width: 110px; height: 110px; }

/*
    anythingSlider v1.2
*/

#slideshow                         { width: 842px; height: 230px; position: relative; margin: 0 auto; margin-top: 10px; }
#slideshow .wrapper                { width: 842px; overflow: hidden; height: 200px; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
#slideshow .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0; }
#slideshow ul li                   { display: block; float: left; padding: 0; height: 200px; width: 842px; margin: 0; }
#slideshow .arrow                  { display: none; }
#slideshow .forward                { background-position: 0 0; right: -20px; }
#slideshow .back                   { background-position: -67px 0; left: -20px; }
#slideshow .forward:hover          { background-position: 0 -200px; }
#slideshow .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 200px;  }
#thumbNav a                             { color: black; font: 11px/18px; display: inline-block; padding: 2px 10px; height: 18px; margin: 0 5px 0 0; background: #fda110 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 0px; top: 200px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
#slideshow .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
#slideshow .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

#slideshow .textslide              { position: absolute; top: 0; padding: 8px; z-index: 2; width: 826px; text-align: center; }
#slideshow .textslide_bg           { position: absolute; top: 0; padding: 8px; background: #000; width: 826px; opacity: 0.7; z-index: 1;	
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
 }