/*
	sunenergy.css  -  websitelaunch version /prefinal
	Gliederung: 
	general styles
	special styles
	single page styles
	Last changed: 2006/04/13
	Last changes: .startbottom_right angepasst f?r Ertragsdatenanzeige - Gu
*/
/*Containerelemete*/
body 
{
  /*Enth?lt alles*/	
  font-family:arial, helvetica, sans-serif;
  margin:0px;
  padding:0px;
  border-style:none;
  color:#004A8C;
  /*background-color:#d4e8ff;*/
  background-color: #004a8c;
  background-image: url(pictures/strich.gif);
  background-repeat:repeat-x;
  }
#wasserzeichen
{ background-image:url(pictures/wasserzeichen.gif); 
  background-repeat: no-repeat;
  background-position: 1020px 220px;
  height: 1100px;
 }

#fill_color
{
/*Kind von body, enthaelt alle Elemente ausser body
sorgt dafuer, dass der Linke Bereich gefaerbt bleibt,
wenn die H?he der Seite gr??er als die Bildschirmansicht
wird, indem es mit dem Inhalt "aufgespannt" wird.
Das Geschieht durch die Ausdehnung von #right (#left ist ja 
absolut positioniert)*/
  background-color: transparent;
  width:1010px;
}

#left
{
/*linker Bereich mit Logo, Menu1 und Menu2*/   
  border-top: 1px solid #ffffff;/*border-top wie in #top fuer kompatibilitaet mit alten Browsern!*/
  margin-top:-1px; /*hebt den Effekt optisch wieder auf*/
  overflow:hidden;
  position:absolute;
  top:0px;
  left:0px;
  width:240px;
  background-color: transparent;
  /*Testlinie f?r Bereich:
  border: 1px #5affed dashed;*/
}

#lefttop 
{
/*Kind von #left
Enthaelt das Logo und Menu1*/
  overflow: hidden;
  background-color: transparent;

  /*Evtl. Floatproblem ohne:
  width: 240px;*/
  height:188px;
  /*Testlinie f?r Bereich:
  border: 1px #5affed dashed;*/
}

#sunenergy_logo {
border-width:0px;
border-style:none;
width:230px;
height:156px;
/*margin sp?ter raus!?*/
margin-left:10px;
margin-top: 0px;
}
#menu_top {
/*Menu in #leftop*/
/*Tabelle!*/
  width: 200px;
  margin: 5px 0px 0px 20px;
  border: none;
  /*border-bottom-color: 1px #ed0019 solid;*/
  }
#right 
{
  /*rechte Seite mit Hafenbild und Inhalt*/
  margin:0px 0px 0px 240px;
  width:770px;
  background-color: transparent;
  /*border: 1px #5cb700 solid;*/
}
#top  
{
  /*oberer Bereich in #right mit Hafenbild und ?berschrift*/
  overflow: hidden;
  background-image: url(./pictures/sunenergy_hafen_138x770.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-color: transparent;
  margin:0px;
  padding:0px 0px 30px 0px;  
  width:755px;
  height:158px;
  border-top: 1px solid #ffffff; /*fuer Kompatibilitaet Opera und Co*/
  margin-top:-1px; /*hebt den Effekt optisch wieder aus - border verschwindet*/  
  /*wenn border-top gesetzt, overflow hidden nicht:
  korrekte Darstellung in Opera7, Firefox. IE6: verschiebt leicht nach unten*/
  /*wenn border-top gesetzt, overflow hidden auch: alle korrekt*/
  /*wenn wenn overflow hidden gesetzt, border-top nicht: "moderne" browser korrekt...*/
  }
#slogan-container {
/*enthaelt die jeweilige Seitenueberschrift in #top*/
height:33px;
width:760px;
margin-top: 160px;
padding-left:14px;

/*15.6.05 Test: 'oben' bug*/
/*margin:108px 0px 0px 0px;
padding:0px 0px 0px 15px;*/
}  

#content, #content_start 
{
/*overflow:hidden;*/
/*Der krumme Wert fer margin-left
soll die Kante des inhalts mit dem
oberen Bild abschliessen lassen*/
margin:10px 15px 15px 3px;
}

#content {
/*border:1px solid #BAD8FF;*/
/*background-color:#e6f0fa;*/
background-color: #ffffff; 
padding:15px;
margin-left:15px;
}

#content_start
{
background-color: transparent;
border:none;
padding:0px;
margin-top: 10px;
}

.starttop_left, .startmiddle_left, .startbottom_left, .starttop_right, .startmiddle_right, .startbottom_right {
overflow:hidden;
width:346px;
/*border:1px solid #BAD8FF;*/
background-color:#004A8C;
margin-bottom:10px;
padding:11px;

}
.starttop_right, .startmiddle_right, .startbottom_right {
float:right;
clear:right;
}

.starttop_right, .starttop_left {
height:200px;
/*border:1px solid #a8c2e5;*/
}

.startmiddle_right, .startmiddle_left, .startbottom_right, .startbottom_left  {
height:115px;
}

/*.starttop_left {
 background-image:url(./pictures/index/produkte_hk.gif);
 background-repeat:no-repeat;
 background-position: 270px 10px;
}*/

.starttop_right {
/*background-image:url(./pictures/index/muehle.jpg);
 background-repeat:no-repeat;
 background-position: 290px 20px;
 */
}

.startmiddle_left {
 background-color:#004A8C;
 background-image:url(./pictures/index/modul.jpg);
 background-repeat:no-repeat;
 background-position: 255px 13px;

}

.startmiddle_right {
 background-color:#004A8C;
 background-image: url(./pictures/index/projektabteilung.jpg);
 background-repeat: no-repeat;
 background-position: 245px 13px;
 }

.startbottom_left {
 background-color:#004A8C;
 background-image: url(./pictures/index/monitoring.jpg);
 background-repeat: no-repeat;
 background-position: 255px 10px;
}

.startbottom_right{
background-image: url(./pictures/index/monitoring.jpg);
background-repeat: no-repeat;
background-position: 245px 5px;
background-color:#004A8C;
}

.menu_in_page {
position:relative;
/*der top wird muss den gleichen Betrag haben wie das ueber dem Menu stehende Element (in der Regel h1)!*/
top:-11px; 
font-size:13px;
font-weight:bold; 

/*border:1px solid red;*/
}

.menu_in_page_element {
/*Achtung: zwischen den Elementen darf auf der html-Seite kein whitespace sein - 
weder Zeilenumbrueche noch Leerzeichen! (-> inline!)*/
padding-left:15px;
padding-right:10px;

}

/*Schriftformate*/
h1,h2,h3,h4,h5,h6,p,li,.slogan,td,th,ul,ol  {
/*color: #e8f2fb;*/
/*etwas heller, hoffentlich lesbarer:*/
color: #eef0fb;
color: #004A8C;
text-align:left;
/*Es gibt evtl.Probleme mit anderen Standardwerten deswegen:
Abst?nde zum Rahmen des umgebenden Objektes sollten ?ber dessen
padding geregelt werden!*/
margin:0px 0px 10px 0px;
/*Aenderungen des margins fuer Ueberschriften muessen gegebenenfalls Aenderungen in
der Formatierung des intra-page Menues zur Folge haben!*/
}
th {
font-weight:bold;
}  
h1,h2,h3,.slogan {
font-style:italic;
font-weight:500;
}
.slogan {
	font-size:18px;
	color: #eb6b1e;
	/*5.6.05 test 'oben-bug'*/
	margin:0px; padding:0px;
    padding-top: 5px;
    border:none;    
}
h1 {
    font-size:22px;
   	padding:3px 5px 3px 15px;
    color:#EB6B1E;
    /*border:1px solid #BAD8FF;*/
    background-color:transparent;
}

h2 {
	margin-left:-5px;
	margin-right:-5px;
	font-size:20px;
	padding:3px 5px 3px 5px;
	/*border:1px solid #D4E8FF;*/
}
h2.staff, h2.notinparagraph {
    margin-left:+0px;
    margin-right:+0px;
}
/*
Cooler waers so, kann aber der IE nicht...
h2 {
    margin-left:+0px;
    margin-right:+0px;
   	font-size:22px;
	padding:3px 5px 3px 5px;
	/*border:1px solid #D4E8FF;
}*/
h2 .paragraph, h2 .ybdiv2 {
    margin-left:-5px;
	margin-right:-5px;
}

h3 {
	font-size:18px;
}

h3.index {
margin-top:0px;
margin-bottom:5px;
}

h4 {
    font-size:18px;
    /*padding:2px;*/
    /*padding-left:12px;*/
    font-weight:bolder;
	font-style:italic;}

h5 {
    font-size:13px;
    font-weight:bolder;
}

h6 {
    font-size:12px;
    font-weight:bolder;
}

p,td,th,li,a {
font-size:13px;
line-height:140%;
word-spacing:2px;
}

p {
/**text-align:justify;*/
}
/** NEU 2006-09-17 */
p.comment {
color:red;
}
span.comment {
color:red;
} 

li {
margin-left:25px;
}

ul {
list-style-type:disc;
margin-left:15px;
}

ol {
list-style-type: lower-alpha;
margin-left:15px;
}

a {
background-image: url(./pictures/link_int.gif);
background-position: 0px 1px;
/*background-position: left bottom;*/
background-repeat:no-repeat;
padding-left: 16px;
}

a.extern {
background-image: url(./pictures/link_ext.gif);
background-position: 0px 1px;
background-repeat:no-repeat;
padding-left: 16px;
}

a.down {
background-image: url(./pictures/link_download_int.gif);
background-position: left center;
background-repeat:no-repeat;
padding-left: 16px;
}

a.back {
display:block;
/**clear:right;*/
background-image: url(./pictures/link_back_int.gif);
background-position: left center;
background-repeat:no-repeat;
padding-left: 16px;
/*ta right funtkioniert nicht!?*/
margin-left:660px;
margin-bottom:10px;
padding-right:15px;}

a.mail {
background-image: url(./pictures/link_email.gif);
background-position: 0px 1px;
background-repeat:no-repeat;
padding-left: 16px;
}

a.intra{
background-image: url(./pictures/link_down_int.gif);
background-position: 0px 1px;
background-repeat:no-repeat;
padding-left: 16px;
}

a.intra2{
background-image: url(./pictures/link_back_int.gif);
background-position: 0px 1px;
background-repeat:no-repeat;
padding-left: 16px;
}
/*Linkformat f?r die Startseite*/

a.index, a.indexbottom {
background-image: none;
padding-left: 0px;
text-align:left;
margin:0px 0px 10px 0px;
font-size:20px;
}
a.index, a.index:link, a.index:visited {
color: #ffffff;
}
a.indexbottom, a.indexbottom:link, a.indexbottom:visited  {
color: #ffffff;
}
a.indexbottomlink, a.indexbottomlink:link {
color: #ffffff;
} 
a.indexbottomlink:visited {
color: #ffffff;
}

a:link, a.intra:link, a.intra2:link, a.intra:visited, a.intra2:visited, a.back:link, a.back:visited, a.sm_moup, a.sm_moup:visited, a.sm_mmup, a.sm_mmup:visited, a.sm_upae, a.sm_upae:visited, a.sm_upim, a.sm_upim:visited {
color: #004A8C;
text-decoration:none;
}
/*a.sm_* sind Linkformate fuer die Sitemap!*/
a.sm_moup, a.sm_mmup, a.sm_upae, a.sm_upim {
display:block;
background-repeat:no-repeat;
background-position:left center;
font-size:13px;
font-weight:normal;
margin:0px; 
padding:0px;
padding-left:30px;
line-height:16px;
} 
a.sm_moup {
background-image:url(./pictures/sitemap/moup.gif);
font-weight:bold;
}
a.sm_mmup {
background-image:url(./pictures/sitemap/mmup.gif);
font-weight:bold;
}
a.sm_upae {
background-image:url(./pictures/sitemap/upae.gif);
}
a.sm_upim {
background-image:url(./pictures/sitemap/upim.gif);
}
a:visited {
color: #104592;
text-decoration: none;
border:none;
}

a:hover, a.back:hover, a.intra:hover, a.intra2:hover, a.down:hover,a.sm_moup:hover, a.sm_mmup:hover, a.sm_upae:hover, a.sm_upim:hover, a.index:hover, a.indexbottom:hover, a.indexbottomlink:hover {
color:#EB6B1E;
text-decoration:underline;
}

a:active, a.back:active, a.intra:active, a.intra2:active, a.down:active, a.sm_moup:active, a.sm_mmup:active, a.sm_upae:active, a.sm_upim:active, a.index:active, a.indexbottom:active, a.indexbottomlink:active {
color:#EB6B1E;
text-decoration:none;
}

a:focus, a.back:focus, a.intra:focus, a.intra2:focus, a.down:focus, a.sm_moup:focus, a.sm_mmup:focus, a.sm_upae:focus, a.sm_upim:focus, a.index:focus, a.indexbottom:focus, a.indexbottomlink:focus {
color:#EB6B1E;
text-decoration:underline;
}

a.none {
background-image:none;
padding-left: 0px;
}


/*Links im linken Hauptmen?*/

/*Links im oberen Hauptmen?*/

/*Links im aktiven Hauptsubmen? - Versuch, auf p zu verzichten!*/
a.menu_left, a.submenu_left_header, div.submenu_left_header {
display:block;
text-align:right;
font-size: 18px;
/*font-weight: bold;*/
font-style:italic;
font-family: verdana;
margin:0px 0px 0px 0px;
line-height:180%;
background-image:none;
/*border f?r ?bersicht (tempor?r)
border: 1px solid yellow;*/
}
a.menu_left {
	border-bottom: 1px #e8f2fb solid;
	padding-right:5px;
}
a.submenu_left_header, div.submenu_left_header{
  	border:none;
}
div.submenu_left_header, div.submenu_left{
  	color:#EB6B1E;
  	background-color: transparent;
}

a.menu_top, a.submenu_left, div.submenu_left{
display:block;
text-align:right;
font-family:arial, helvetica, verdana, sans-serif;
font-size: 14px;
font-weight: 900;
font-style:italic;
letter-spacing:1px;
margin:0px 0px 0px 0px;
line-height:125%;
border: none;
background-image:none;
background-position: 0px 0px;
padding-left: 0px;
}

/*Linkes und oberes Men? haben die gleiche Farbe*/

a.menu_left:link, a.submenu_left_header:link, a.submenu_left:link, a.menu_top:link {
color:#ffffff;
text-decoration:none;
}

a.menu_left:visited, a.submenu_left_header:visited, a.submenu_left:visited,  a.menu_top:visited {
color:#ffffff;
text-decoration:none;
}

a.menu_left:hover, a.submenu_left_header:hover, a.submenu_left:hover, a.menu_top:hover  {
color:#eb6b1e;
text-decoration:none;
}

a.menu_left:active, a.submenu_left_header:active, a.submenu_left:active, a.menu_top:active {
color:#EB6B1E;
text-decoration:none;
}

a.menu_left:focus, a.submenu_left_header:active, a.submenu_left:focus, a.menu_top:focus {
color:#EB6B1E;
text-decoration:none;
}

/* Ende Links*/

#menuspacer 
{ 
  /*Sorgt f?r den Abstand der Links nach rechts in #left*/
  /*geht leider nicht ?ber a.left/padding-left, weil dann
  der untere helle Strich bis an den Rand reicht*/
  margin-right:18px;
  /*muss immer so gross sein, wie das (top)-margin
  von #content!*/
  margin-top:10px; 
  margin-left:10px;
  }
#menu_border_top {
border-top:1px solid #e8f2fb;
}
  
.submenu_left_container {
background-color: transparent;
border-bottom:1px solid #e8f2fb;
  	padding-right:5px;	
}

  #hintergrundmodul
{ 
  /*Kind von #left, im Source nach leftbottom*/  
  overflow:visible;
  width:240px;
  height:200px;
  /*Achtung: bei fixen Gr?ssen auf der Startseite den Margin ber?cksichtigen!*/
  margin-top:20px;
  margin-bottom:-7px;
  margin-left: 25px;
  /*background-image: url(./pictures/menumodul.jpg);*/
  background-repeat: no-repeat;
  background-position: +20px;
    }
 #hintergrundmodul a {
 	 background-image: none;
 	 
 	}
td,th {
	text-align:left;
	padding-left:5px;
	padding-right:5px;
}
td.nopad,th.nopad {
	text-align:left;
	padding-left:0px;
	padding-right:0px;
}
  .tdleft, .tdright {
  /*border: 1px red solid;*/
  padding-left:5px;
  padding-right:5px;
  }
  
  .tdleft { 
  		   text-align:left; 
  }
  .tdright { 
  		   text-align:right; 
  }
  .yellow_boepel {
  /*class for img, yellow deko dots*/
  width:6px;
  height:6px;  
  border: none;
  vertical-align:middle;
  }
   .country_flag {
  /*class for img-menue, no borders*/
  border: none;
  vertical-align: middle;
  }
  .img_staff, .img_right, .img_right_b, .img_right_y {
 	float:right;
 	/*width:150px;
 	height:113px;*/
 	margin:0px 0px 10px 10px;
 	padding:0px;
 	
  }
  .img_right_y {
  	
  }
  .img_right {
border-style: none;
}

.img_left_y {
float:left;
margin:0px 10px 0px 0px;
padding:0px;

}

  div.staff {
  height:115px;
  }
  /*Spezielle Schriftformate*/
.siemens, .sharp, .sma {
  padding:2px;
  font-size:18px;
  font-style:normal;
  font-weight:900;
}  
.siemens{color:#ffffff; background-color:#003399;width:95px;
}
.sharp {color:#a62124;}
.sma {color:#ffffff; background-color:#005096;width:45px;}

/*Format f?r Input-Felder*/

input, textarea {
background-color: transparent;
color:#104592;
font-size:12px;
font-family:verdana, arial, helvetica, sans-serif;
border:2px inset #b3b7d5;
}

.input_button {
border:2px outset #b3b7d5;
}

strong {
font-weight:bold;
font-style: normal;
}
.ybdiv2, .paragraph {
	margin-bottom:10px; margin-top:0px; /*border:1px solid #BAD8FF;*/padding:15px;background-color: #ffffff;
}

.paragraph_left, .paragraph_right {
  width:330px;
  /*border:1px solid #d4e8ff;*/
  background-color:#ffffff;
  margin-bottom:10px;
  padding:10px;
}
.paragraph_right {
  float:right;
  clear:right;
}

/*Ende Style fuer index10_r.php*/
/*.margin_tb_no{
	margin-top:0px;
	margin-bottom:0px;
}*/
/*.margin_t_no {
	margin-top:0px;
}*/
.nmb {
	margin-bottom:0px;
	}
.nmbindex {
	margin-bottom:0px;
	color:#ffffff;
}
.linkindex {
color:#ffffff;
}
.p, .mb20 {
margin-bottom:20px;
}
.clearboth {
clear:both;
}
.clearright {
clear:right;
}
.center {
text-align:center;
}
em.suchbegriff {
background-color:#EB6B1E;
}

/*Klasse für Format der Google Maps Infoblase*/
.googleblase {
color: #000000;
width: 350px;
/*
margin-top: -10px;*/
}
.googleblase a {
color: #000000;
}
.googleblase a:hover {
color: #000000;
}
.bildblase {
float: right;
margin-top: 2px;
}
.contentblase {
font-size: 11px;
color: #000000;
}
#werbebanner {
width: 468px;
height: 60px;
margin-top: -60px;
margin-bottom: 10px;
margin-left: -14px;
}
#werbebanner a {
 	 background-image: none;
 	 
 	}