/* *** Gestaltung Kai D. Thomas für GD90 / www.gd90.de *** */

* {
padding:0px;
margin:0px;
}

body {
background-color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
}

/*************** Textauszeichnung *********************/
h1 {
	font-size: 16px;
	font-weight: bold;
	padding-top: 15px;
	line-height: 30px;
}

p.partner {
  padding-left: 20px;
  #font-size: 40px;
}

h1.top {
	margin:0px;
	padding:0px;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	padding-top:3px;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
}

.list {
	margin-left: 0;
	padding-left: 24px;
	list-style: none;
	margin-bottom: 30px;
}
	
.list li {
	padding-left: 12px;
	background-image: url(../../shared/images/bullet.gif); /* Grafik für Liste hier tauschen */
	background-repeat: no-repeat;
	background-position: 0 .7em;
}

.green_list {
  margin-left: 0;
  list-style: none;
  margin-bottom: 30px;
}



.green_list li {
  padding-left: 12px;
  background-image: url(../../shared/images/green_bullet.png); /* Grafik für Liste hier tauschen */
  background-repeat: no-repeat;
  background-position: 0 .7em;
}

a {color: #039;}

a:hover {color:#039;}

/* ----------container zentriert das layout-------------- */
#container {
width: 700px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner-------------- */
#ban {
padding: 0px;
margin: 0px;
height:190px;
}

#header {
background-image: url(../../shared/images/header.jpg);
background-repeat: no-repeat;
height:70px;
}

/* ----------Logo und Icons-------------- */
.menuicon_iww {
background-image: url(../../shared/images/logo_wechseln.jpg); /* Logo hier tauschen */
background-repeat: no-repeat;
background-position:left;
padding: 0px;
margin: 0px;
width: 700px;
height:70px;
}

.menuicon_kfz {
background-image: url(../../shared/images/logo_auto.jpg); /* Logo hier tauschen */
background-repeat: no-repeat;
background-position:left;
padding: 0px;
margin: 0px;
width: 700px;
height:70px;
}

.menuicon_strom {
background-image: url(../../shared/images/logo_strom.jpg); /* Logo hier tauschen */
background-repeat: no-repeat;
background-position:left;
padding: 0px;
margin: 0px;
width: 700px;
height:70px;
}

.menuicon_gas {
background-image: url(../../shared/images/logo_gas.jpg); /* Logo hier tauschen */
background-repeat: no-repeat;
background-position:left;
padding: 0px;
margin: 0px;
width: 700px;
height:70px;
}

.menuicon_heizoel {
background-image: url(../../shared/images/logo_oel.jpg); /* Logo hier tauschen */
background-repeat: no-repeat;
background-position:left;
padding: 0px;
margin: 0px;
width: 700px;
height:70px;
}

.menuicon_kv {
background-image: url(../../shared/images/logo_kv.jpg); /* Logo hier tauschen */
background-repeat: no-repeat;
background-position:left;
padding: 0px;
margin: 0px;
width: 700px;
height:70px;
}

.menuicon_pb {
background-image: url(../../shared/images/logo_pb.jpg); /* Logo hier tauschen */
background-repeat: no-repeat;
background-position:left;
padding: 0px;
margin: 0px;
width: 700px;
height:70px;
}

.menuicon_wb {
background-image: url(../../shared/images/logo_wb.jpg); /* Logo hier tauschen */
background-repeat: no-repeat;
background-position:left;
padding: 0px;
margin: 0px;
width: 700px;
height:70px;
}

.icon { 
display: inline;
}

.icon
{
padding-left: 7px;
margin-top: 15px;
text-decoration: none;
float: right;
}

.head_icon { 
display: inline;
height: 45px;
padding-right: 10px;
}

.head_icon
{
text-decoration: none;
float: left;
}

.head
{
margin-top:3px;
float: left;
}

a.auto {
display: block;
width: 36px;
height: 36px;
background: url("../../shared/images/icon_kfz_complete.gif") 0 0 no-repeat;
text-decoration: none;
}
	  
a:hover.auto {
background-position: -36px 0;
}

a.strom {
display: block;
width: 36px;
height: 36px;
background: url("../../shared/images/icon_strom_complete.gif") 0 0 no-repeat;
text-decoration: none;
}
	  
a:hover.strom {
background-position: -36px 0;
}

a.gas {
display: block;
width: 36px;
height: 36px;
background: url("../../shared/images/icon_gas_complete.gif") 0 0 no-repeat;
text-decoration: none;
}
	  
a:hover.gas {
background-position: -36px 0;
}

a.oel {
display: block;
width: 36px;
height: 36px;
background: url("../../shared/images/icon_heizoel_complete.gif") 0 0 no-repeat;
text-decoration: none;
}
	  
a:hover.oel {
background-position: -36px 0;
}

a.iww {
display: block;
width: 36px;
height: 36px;
background: url("../../shared/images/icon_iww_complete.gif") 0 0 no-repeat;
text-decoration: none;
}
	  
a:hover.iww {
background-position: -36px 0;
}

a.kv {
display: block;
width: 36px;
height: 36px;
background: url("../../shared/images/icon_kv_complete.gif") 0 0 no-repeat;
text-decoration: none;
}
	  
a:hover.kv {
background-position: -36px 0;
}

a.none {
display: block;
width: 36px;
height: 36px;
background: url("../../shared/images/icon_blank.gif") 0 0 no-repeat;
text-decoration: none;
}
	  
a:hover.kv {
background-position: -36px 0;
}

a.wb {
display: block;
width: 36px;
height: 36px;
background: url("../../shared/images/icon_wb_complete.gif") 0 0 no-repeat;
text-decoration: none;
}
	  
a:hover.wb {
background-position: -36px 0;
}

/* ----------outer und inner----------------- */

#outer{ 
border-left: solid 40px #fff; /* linke Spalte Farbe */ 
border-right: solid 175px #fff; /* rechte Spalte Farbe */ 
background-color: #fff; /* Farbe Inhalt */
} 

#outer2{ 
border-left: solid 40px #fff; /* linke Spalte Farbe */ 
border-right: solid 40px #fff; /* rechte Spalte Farbe */ 
background-color: #fff; /* Farbe Inhalt */
} 

#inner{margin:0; width:100%; }

/* --------------rechte Spalte------------- */
 
#right {
 width:175px; 
 float:right; 
 position:relative;
 margin-right:-175px; 
 margin-left:1px;
 }
 
#right p, #right div.widget {
 margin-left:15px;
 background-image:url(../../shared/images/line_footer.gif);
 background-position:bottom;
 background-repeat:repeat-x;
 text-align:left;
 line-height: 15px;
 padding-bottom:15px;
 margin-bottom:15px;
 }

#right h2 {
 margin-left: 15px;
 margin-top: 0;
 margin-bottom: 5px;
 background-color: #68b021;
 color: white;
 padding: 2px;
}

/* --------------horizontal menu------------- */

.menu
{
clear:left;
padding-left: 30px;
margin-left: 0;
background-color: #68B021;
color: #FFFFFF;
float: left;
width: 670px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
}

.item { display: inline; }

.item a
{
padding: 0.2em 1em;
background-color: #68B021;
color:#FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

.item a:hover, .item a.active {
	color:#000;
}

/* -----------------Content--------------------- */ 
#content{
	position: relative;
	line-height: 18px;
}

#content2{
	position: relative;
	line-height: 18px;
	width: 660;
}

#content p, #content2 p.content {
margin-top: 8px;
clear:left;
}

p.oben {
	text-align:right;
	padding: 0px;
	margin:0px;
}

p.frage {
	background-image:url(../../shared/images/fragezeichen.gif);
	background-repeat: no-repeat;
	padding-left: 17px;
	font-weight: bold;
}

p.antwort {
	background-image:url(../../shared/images/ausrufezeichen.gif);
	background-repeat: no-repeat;
	padding-left: 17px;
}

/*  ----------------subNaivi---------------------- */ 
#subnavi {
color: #000; 
font-size:9px; 
font-weight: bold;
bottom:0;
left:0;
clear:left;
background-position:top;
background-repeat:repeat-x;
/*padding-left:40px;*/
padding-top:5px;
padding-bottom:15px;
text-align: left;
}

#subnavi a {color: #000; text-decoration: none;}
#subnavi a:hover {text-decoration: underline;}

/*  ----------------footer---------------------- */ 
#footer {
color: #68B021;
font-size:10px; 
font-weight: bold;
bottom:0;
left:0;
clear:both;
background-image:url(../../shared/images/line_footer.gif);
background-position:top;
background-repeat:repeat-x;
padding-left:40px;
padding-top:5px;
margin-top:10px;
margin-bottom:10px;
text-align: left;
}

#footer a {color: #68B021; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/*  ----------------Fixierung Mind. Höhe---------------------- */ 
.prop {
height:400px; /*  Mind. Höhe des Content-Bereiches hier ändern */
float:right;
width:10px;
}

.clear {
clear:both;
height:1px;
overflow:hidden;
}

#aussen {
min-height:800px;
height:auto;
padding-right: 30px;
background-image:url(../../shared/images/line_content.gif); /*  Linie auf der rechten Seite */
background-position:right;
background-repeat:repeat-y;
} /*  Mind. Höhe des Content-Bereiches hier ändern */

/* bis 6 */
* html #aussen {height:400px;} /*  Mind. Höhe des Content-Bereiches hier ändern */

/* ie 5*/
html + body #aussen {height:400px;} /*  Mind. Höhe des Content-Bereiches hier ändern */

/* bis 6 */
* html .prop {display:none}

.error_small {
  background-image: url(../../shared/images/f_nogood_small.png); /* Logo hier tauschen */
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 60px;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
  margin-left: -2px;
  height: 35px;
  width: 451px;
}

.error_big {
  background-image: url(../../shared/images/f_nogood_big.png); /* Logo hier tauschen */
  background-repeat: no-repeat;
  background-position:left;
  padding-left: 60px;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
  margin-left: -2px;
  height: 65px;
  width: 451px;
}

.message_small {
  background-image: url(../../shared/images/f_aktion_small.png); /* Logo hier tauschen */
  background-repeat: no-repeat;
  background-position:left;
  padding-left: 60px;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
  margin-left: -2px;
  margin-bottom: 5px;
  height: 35px;
  width: 451px;
}

.message_big {
  background-image: url(../../shared/images/f_aktion_big.png); /* Logo hier tauschen */
  background-repeat: no-repeat;
  background-position:left;
  padding-left: 60px;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
  margin-left: -2px;
  height: 65px;
  width: 390px;
}

.wide_select {
  width: 15em;
}
.middle_select {
  width: 10em;
}
.small_select {
  width: 5em;
}

.error_small_long {
  background-image: url(../../shared/images/f_long_nogood_small.gif); /* Logo hier tauschen */
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 60px;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
  margin-left: -2px;
  height: 35px;
  width: 620px;
}

.error_big_long {
  background-image: url(../../shared/images/f_long_nogood_big.gif); /* Logo hier tauschen */
  background-repeat: no-repeat;
  background-position:left;
  padding-left: 60px;
  padding-top:  10px;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
  margin-left: -2px;
  height: 65px;
  width: 620px;
}

.message_small_long {
  background-image: url(../../shared/images/f_long_aktion_small.gif); /* Logo hier tauschen */
  background-repeat: no-repeat;
  background-position:left;
  padding-left: 60px;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
  margin-left: -2px;
  height: 35px;
  width: 620px;
}

.message_big_long {
  background-image: url(../../shared/images/f_long_aktion_big.gif); /* Logo hier tauschen */
  background-repeat: no-repeat;
  background-position:left;
  padding-left: 60px;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
  margin-left: -2px;
  height: 65px;
  width: 620px;
}

#username {
  color: #000; 
  font-size:10px; 
  bottom:0;
  left:0;
  clear:left;
  background-position:top;
  background-repeat:repeat-x;
  padding-top:5px;
  text-align: right;
}

#status_box {
  text-align: center;
  border: 2px solid #68B021;
  padding: 10px;
}

#status_box #explanation {
  text-align: left;
  font-size: 9px;
}

#status_box img {
  vertical-align: middle;
}

#lebenslauf tr td {
  padding-right: 10px;
  padding-bottom: 5px;
  vertical-align: top;
}
.Stil1 {font-size: 12px}
.Stil2 {
	font-size: 16px;
	font-weight: bold;
}

#footer div.szwidget { display:inline;position:relative;top:0.5em; }
#right div.szwidget { padding:0.5em 0px 0.5em 15px }

.positive { color:#68b021 }
.negative { color:#ff0000 }

.formerror {
	color: #68B021;
  font-weight: bold;
  font-size: 14px;
}

.error {
	color: #A43B15;
	padding: 3px;
	border: 2px solid #A43B15;
	width: 310px;
	margin-top: 10px;
}

.small { font-size:0.8em }
.message {
	color: #234B09;
	padding: 3px;
	border: 2px solid #234B09;
	width: 310px;
}

.tnliste {
  border-collapse:collapse;
}

.tnliste td, th {
	border: 1px solid #68B021;
  border-collapse:collapse;
	padding: 5px;
	vertical-align: middle;
}

.tnliste td td {
	border: 0px;
	border-collapse:collapse;
	padding: 0px;
}

#presslist {
  border-collapse:collapse;
}

#presslist tr td {
  padding-left:   5px;
  padding-right:  5px;
  padding-top:    2px;
  padding-bottom: 2px;
  border: 1px solid #68B021;
}

.green_border {
  border: 1px solid #68B021;
  padding-left:   5px;
  padding-right:  5px;
  padding-top:    2px;
  padding-bottom: 2px;
}

p.featured a { font-size: 1.3em; line-height:1.3em }