/********************************************
*
* color-table
* ***********
* blue-variants:
* #004393 :link-font lightblue
*           link-dotted-border lightblue
* #ccdaea :header- & footer-border lightblue
* -------------------------------------------
* yellow-variants:
* #ffde00 :image-border yellow
* #ffffaa :page-info lightyellow
* #ffeb6c :image-font hover lightyellow
*           link-dotted-border lightyellow
* 
********************************************/

/******************************
*
* page
*
******************************/
html, div, body, #navi li {
  margin:0;
  padding:0;
  font: normal normal normal 1em normal Verdana;
}
body {
  background:url("../img/bg.png") repeat-x
}
img {
  border:1px solid #ffde00;
  padding:1px;
}
img.usues_logo_text {
  padding:0;
  border:0;
  margin-top:163px;
  margin-left:308px;
}
img.imgright {
  float:right;
  margin:18px 2px 10px 10px;
}
img.imgcenter {
  text-align:center;
  margin:18px 10px 10px 5px;
}
img.imgleft {
  float:left;
  margin:18px 10px 2px 10px;
}
img.linkimgright {
	vertical-align: middle;
	margin-left:10px;
}
img.linkimgleft {
	vertical-align: middle;
	margin-right:10px;
}
img.pdf-button {
    margin:0;
    padding:0 0 0 5px;
    border:0;
}
img.angebot_img {
	float:right;
	margin:0;
	padding:0;
}
img.imgbanner {
	margin-top:10px;
}
img.partnerpage {
	margin:0;
	padding:0;
	width:88px !important;
	height:31px !important;
}
/******************************
*
* form
*
******************************/
form {
  margin:0;
  padding:.5em;
  font-size:.8em;
  padding-bottom:190px;
}
form br {
  clear:left;
}
label, input {
  display:block;
  float:left;
  width:250px;
}
label {
  width:150px;
  padding-right:1em; 
  text-align:right; 
  font-size:1em;
}
fieldset {
  border:1px solid #ccdaea;
  background:#ffffaa;
  margin-top:4px;
  padding-top:15px;
}
input, textarea {
  margin-bottom:5px;
}
input[type='submit'], input[type='reset'] {
  width:126px;
  padding:2px 10px 3px 10px;
  font-size:.9em;
  text-decoration:none;
  border:1px dotted #004393;
  cursor:hand;
  color:#004393;
}
input[type='submit']:hover, input[type='reset']:hover {
  border:1px solid #ffeb6c;
  background:#ffeb6c;
  color:#000;
}
input[type='radio'], input[type='checkbox'] {
  width:20px;
}

/******************************
*
* fonts
*
******************************/
p, h1, h2, ul, div#content_right_a a, div#content_right_b a, form, label {
  font-family:verdana;
}
p, ul {
  font-size:.8em;
  line-height:20px;
}
p {
  padding-left:10px;
}
p.pressesubtitel {
  font-style:italic;  
}

#content_right_a p.link, #content_right_b p.link {
  text-align:right;
  margin-top:-5px;
}

div#content_main a, div#content_right_a a, div#content_right_b a {
  padding:2px 10px 3px 10px;
  font-size:.9em;
  text-decoration:none;
  border:1px dotted #004393;
  color:#004393;
}
div#content_main a:hover, div#content_main a.on, div#content_right_a a:hover, div#content_right_b a:hover {
  border:1px solid #ffeb6c;
  background:#ffeb6c;
  color:#000;
}
div#pageinfo p {
  color:#888;
  padding-left:0;
}
div#footer .links {
   margin-bottom:-10px;
}
div#footer a, div#footer a:hover {
   text-decoration: underline;
   border:none;
   background:none;
}
div#footer p, div#footer a {
  text-align:center;
  color:#999;
}
div#footer a:hover {
   text-decoration:none;
   color:#777;
}
h1,h2,ul.domtabs,ul.presstabs {
  margin-bottom:-4px;
  line-height:25px;
  font-size:.9em;
  font-weight:bold;
  border-bottom:1px solid #ccdaea;
}
ul.presstabs {
  border-bottom:none;
}
h2 {
  font-size:.8em;
  margin-bottom:-15px;
  border:0;
}
h1.subnavi,ul.domtabs,ul.presstabs {
  margin-top:5px;
  margin-right:5px;
  line-height:25px;
  padding-bottom:3px;
}
h1.error {
  margin:10px;
  padding:20px;
  background:red;
  color:#fff;
  border:2px solid #000;
}
h2.pressetitel {
  margin-top:-8px;
  padding:5px 0 10px 12px;
  line-height:20px;
}
div#content ul.textlist {
  list-style-type:circle;
}

/******************************
*
* container
*
******************************/
div#maincontainer, div#content, div#header, div#logo, div#pageinfo, div#content_main, div#content_right_a, div#content_right_b, div#footer {
  width:800px;
  left:50%;
  margin-left:-400px;
}

div#maincontainer {
   margin:auto;
   padding:0;
   padding-top:19px;
   margin-top:5px;
   width:850px;
   min-height:750px;
   background:#fff;
}

  /******************************
  *
  * content
  *
  ******************************/
  div#content {
    position:absolute;
    top:255px;
  }
  div.news {
	padding:5px;
	border:1px solid #cc0000;
	background: #ffffaa;
  }
  div #content #content_main .domtab .presse2 {
    height:800px;
  }
  div .ci_s {
    height:270px;
  }
  div .cont_unternehmen_s, div .cont_photo_s, div .cont_produkte_s {
    height:90px;
  }
  
  /******************************
  *
  * header
  *
  ******************************/
  div#header {
    position:absolute;
    width:810px;
    height:178px;
    top:70px;
    background:url("../img/header_bg.jpg") no-repeat;
  }
  div#header.unternehmen {
    background:url("../img/header_bg.jpg") no-repeat
  }
  div#header.photovoltaik {
    background:url("../img/header_bg_photovoltaik.jpg") no-repeat
  }
  div#header.leistungen {
    background:url("../img/header_bg_leistungen.jpg") no-repeat
  }
  div#header.produkte {
    background:url("../img/header_bg_produkte.jpg") no-repeat
  }
  div#header.referenzen {
    background:url("../img/header_bg_referenzen.jpg") no-repeat
  }
  div#header.presse {
    background:url("../img/header_bg_presse.jpg") no-repeat
  }
  div#header.kontakt {
    background:url("../img/header_bg_kontakt.jpg") no-repeat
  }
  div#header.impressum {
    background:url("../img/header_bg_impressum.jpg") no-repeat
  }
  /******************************
  *
  * logo
  *
  ******************************/
  div#logo {
    position:absolute;
    width:810px;
    height:178px;
    top:-17px;
    margin-left:-405px;
    background:url("../img/usues_logo.png") left bottom no-repeat
  }
  /******************************
  *
  * pageinfo
  *
  ******************************/
  div#pageinfo {
    position:relative;
    height:20px;
    font-size:.9em;
    font-weight:normal;
    border-bottom:1px solid #ffffaa;
  }
  
  #pageinfo span {
      float:right;
      margin-top:-20px;
   }

  #pageinfo span img {
      border:none;
   }

  /******************************
  *
  * content_main
  *
  ******************************/
  div#content_main {
    position:absolute;
    width:500px;
    height:100%;
    left:0;
    margin-left:0;
    float:left;
  }
  /******************************
  *
  * content_right_a
  *
  ******************************/
  div#content_right_a {
    position:relative;
    width:280px;
    left:520px;
    margin-left:0;
  }
  /******************************
  *
  * content_right_b
  *
  ******************************/
  div#content_right_b {
    position:relative;
    width:280px;
    left:520px;
    padding-top:10px;
    margin-left:0;
  }
  /******************************
  *
  * footer
  *
  ******************************/
  div#footer {
    clear:both;
    position:relative;
    float:left;
    width:800px;
    left:0;
    margin-left:0;
    border-top:1px solid #ccdaea;
  }

/******************************
*
* navigation
*
******************************/
div#navi {
   position:relative;
   margin:0;
   left:0;
   width:860px;
   margin-left:-15px;
   list-style-type:none;
}
ul#navi {
   margin-top:0;
   padding-top:0;
   height:30px;
}
#navi li {
   float:left;
   width:112px;
   padding-right:3px;
   line-height:20px;
   list-style-type:none;
}
#navi a {
   margin:0 1px 0 1px;
   padding:16px 0 10px 0;
   display:block;
   font-family:arial;
   font-size:.9em;
   font-weight:bold;
   text-align:center;
   text-decoration:none;
   text-transform:uppercase;
   color:#333;
   background:url("../img/nav_top_tab.png") top left no-repeat;
}
#navi #on, #navi a:hover {
  background:url("../img/nav_top_tab_on.png") no-repeat;
}