body { color: #444444; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; background:#ffffff url(/templates/co-nest-neue-energie-steinfurt/images/bg.gif) repeat-x; padding:0; margin:0; }

h1 { font-size:20px; color:#faba00; padding:16px 0 0 0; margin:0;  font-weight:normal; font-family: Calibri, Verdana, Helvetica, sans-serif; }
h2 { clear:both; font-size:14px; color:#888888; padding:15px 0 6px 0; margin:0 0 1px 0;  font-weight:bold; background-color:#ffffff; }
h3 { font-size:16px; color:#888888; padding:20px 0 5px 0; margin:0 0 4px 0; font-weight:normal; }

h4 { font-size:14px; color:#ffffff; background-color:#d62525; padding:8px 5px; margin:0 0 4px 0; font-weight:normal; }
h5 { padding:0; margin:0; }

a	{ color:#faba00; font-weight:normal; text-decoration:none; }
a:hover { color:#999999; }

table { font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif; width:100%; border-collapse:collapse; table-layout:fixed}
td { vertical-align: top; text-align: left; padding:2px;}
img { border:0; margin:0;  }
.clear { clear:both; height:0; }
.success { padding:10px; background-color:#FFCC00;} 
.error { padding:10px; background-color:#CC0000; color:#ffffff; font-size:12px; } 
.error ul { padding:0; margin:0; } 
.webdesign { float:right; }
.print { display:none }

#rahmen { width:950px; padding:0; margin:0; border-right:5px solid #ffffff; }

#header	 { height: 118px; padding:0; background:#ffffff; } 
#header	#logo { float:right; width:200px; height:63px; padding:42px 0 0 0; }

#menu { float:left; padding:10px 0 0 0; font-size:11px; color:#aaaaaa; }
#menu img { vertical-align:middle; margin: 0 4px 0 10px; }
#menu a { color:#888888; font-size:11px; }
#menu ul { padding:45px 0 0 30px; margin:0; list-style-type:none;  }
#menu li { display:inline;  }
#menu li a { display:block; float:left; line-height:40px; padding:0 25px 0 10px; color:#666666; font-size:13px; text-transform:uppercase; font-weight:bold; }
#menu li a:hover { color:#faba00; }
#menu li a.onkat { color:#faba00; }

#middle { height:150px; background-color:#ffffff; padding:0;  }
#news { float:left; width:270px; height:150px; background:#faba00 url(/templates/co-nest-neue-energie-steinfurt/images/bg-left.gif) no-repeat; padding:0;  }
#motiv { float:right; width:675px; height:40px; padding:110px 0 0 0; background:#faba00 url(/templates/co-nest-neue-energie-steinfurt/images/motive/home.jpg) no-repeat; }

.optionen { display:none; float:right; padding:10px 10px 0 30px; font-size:12px; height:28px;width:311px; color:#ffffff ; text-align:right; }
.optionen a:hover { text-decoration:underline;  }
.optionen a.onOption { color:#888888 }
.optionen img { vertical-align:middle; }

#subnavigation { float:left; width:220px; padding:30px 10px 30px 40px; margin: 0; }

#subnavigation ul { padding:0; margin:0; list-style-type:none; }
#subnavigation ul li a { display:block; padding:0 0 0 0; line-height:24px; color:#444444; font-size:12px; border-bottom:1px solid #faba00; }
#subnavigation ul li a:hover { font-weight:bold; }
#subnavigation ul li a.onsite { font-weight:bold; color:#faba00;  }
#subnavigation ul ul { border:none;  }
#subnavigation ul ul li a { display:block; padding:0 0 0 30px; line-height:24px; margin:0; color:#666666; font-size:12px;  }
#subnavigation ul ul li a:hover { font-weight:bold; }
#subnavigation ul ul li a.onsite { font-weight:bold; color:#faba00;  }

#contentframe { float:right; width:615px; background-color:#ffffff; margin:0; padding:30px 30px 30px 30px; border-left:5px solid #ffffff; }
#content { width:513px; line-height:140%; font-size:12px; text-align:justify; }

.breadcrump { color:#888888; font-size:12px; padding:10px 10px 0 0; }

#footer { clear:both; padding: 100px 0 0 0; font-size:12px; color:#888888; line-height:22px; }
#footer img { float:left; margin: 0 10px 0 0; }

#formular { padding:5px 5px 5px 5px; border:1px solid #cccccc; }
#formular #colored { border:3px solid #88ba14; }
#formular table { width:100%; border-collapse:collapse; table-layout:fixed }
#formular td { padding:0; border-bottom:10px solid #ffffff; }
#formular td.first { width:120px; padding:5px 10px; border-right:1px solid #cccccc; }
#formular td.needed { width:120px; padding:3px 10px; color:#ffffff }
#formular td.wert { padding:0 5px 0 10px; }
#formular td.text { padding:5px 10px; }

input { padding: 3px; font-size: 13px; margin:2px 4px 2px 0; vertical-align:middle; width:300px; border:1px solid #dddddd}
input.short { width:235px; }
input.very_short { width:50px; }
textarea { padding: 3px 3px; font-size: 13px; margin:2px 4px 2px 0; vertical-align:middle; width:300px; font-family: Arial, Helvetica, sans-serif; border:1px solid #dddddd}
select { padding: 3px; font-size: 13px; padding:0; margin:2px 4px 2px 0; background-color:#dddddd;  }
select#dropdown { background-color:#9e9e9e; color:#ffffff; }
input.radiobutton { padding:3px; margin:2px 4px 2px 0; width:20px; border:none; }
input.checkboxbutton { padding:3px; margin:2px 4px 2px 0; width:20px; border:none; }
input.submitbutton { background-color: #faba00; padding:8px 60px 8px 10px;  font-weight:bold; width:130px; color:#ffffff; margin:0 10px 0 140px; border:none; vertical-align:top}
input.submitbutton:hover	{  background-color: #888888; }

/*Form Validation */
#formular table .invalidInput,.validInput { display:inline; padding:0px; }
#formular table .invalidInput input { background-color:#dddddd; }
#formular table .invalidInput select { background-color:#dddddd; }
#formular table .validInput input { background-color:#ffffff; }
#formular table .validInput select { background-color:#ffffff; }

/*Content Imagepool*/
.image { float:right; margin:18px 0 10px 20px; }


/*Content Imagepool*/
#imagepool { clear:both; padding:0;}
#imagepool ul { padding:0; margin:0; list-style-type:none; }
#imagepool li { display:inline }
#imagepool li a { display:block; float:left; padding:0; width:100px; margin: 0 10px 10px 0; font-size:11px; color:#ffffff; border:8px solid #dddddd; background-color:#dddddd; }
#imagepool li a .image { float:left; padding:0 }

/*Content Downloads*/
.downloads { clear:both; margin:20px 0 0 0; padding:1px; border:1px solid #eeeeee; }
.downloads ul { padding:0; margin:0; list-style-type:none; }
.downloads li { padding:0 10px; line-height:24px; font-size:11px; background-color:#dddddd; border-bottom:1px solid #ffffff; }

/*Content Untermenü*/
ul#submenu { padding:20px 0 0 0; margin:0; list-style-type:none; }
ul#submenu li { clear:both; padding:0; margin-bottom:30px; border:1px solid #cccccc; background-color:#ffffff; padding:8px; }
ul#submenu li img { float:left; margin:0 12px 8px 0; }
ul#submenu li .text { float:right; width:400px }
ul#submenu li .title { font-size:18px; font-weight:normal; color:#328925; padding:0 0 5px 0;  }
ul#submenu li p { padding:0; margin:0; }

/*News*/
ul#latest { padding:20px 0 0 0; margin:0; list-style-type:none; }
ul#latest li { padding:0 0 20px 0; line-height:20px;  }
ul#latest li img { float:right; margin:2px 0 14px 14px; }
ul#latest li .date { font-size:11px; font-weight:bold;  }
ul#latest li .title { font-size:14px; font-weight:bold; color:#328925; padding:5px 0 5px 0;  }
ul#latest li p { padding:0; margin:0; }

ul#newsarchiv { padding: 10px 0 0 0; margin:0; list-style-type:none; }
ul#newsarchiv li { clear:both; padding:4px 0 0 0; border:1px solid #cee1af; border-width:1px 0; margin:0 0 4px 0;  }
ul#newsarchiv li .date { float:left; width:30px; font-size:12px; color:#888888;  }
ul#newsarchiv li .title { float:right; width:470px; font-size:12px; color:#888888; padding:0;  }

ul#newsticker { padding: 20px 0 0 0; margin:0; list-style-type:none; }
ul#newsticker li { clear:both; padding:4px 0 0 0; border:1px solid #cee1af; border-width:1px 0; margin:0 0 4px 0;  }
ul#newsticker li .date { float:left; width:80px; font-size:12px; color:#888888;  }
ul#newsticker li .title { float:right; width:420px; font-size:12px; color:#888888; padding:0;  }

/*Alphabet*/
ul#alphabet { height:40px; padding:0; margin:0; list-style-type:none; }
ul#alphabet li { display:inline; padding:0; margin:0; text-align:center}
ul#alphabet li a { display:block; float:left; background-color:#eeeeee; padding:2px 5px 2px 4px; margin-right:1px; text-decoration:none;  }
ul#alphabet li a:hover { background-color:#aaaaaa; color:#ffffff}
ul#alphabet li a.onsite { background-color:#aaaaaa; color:#ffffff}
ul#alphabet li a.last { margin:0;  }

ul#lexicon { padding:0; margin:0; list-style-type:none; }
ul#lexicon p { padding:0; margin:0;}
ul#lexicon li { padding:0 0 10px 0; margin:0; }
ul#lexicon li .title { font-weight:bold; font-size: 14px; }

.more_entries { line-height:18px; font-size:11px; }
ul#lexicon_small { padding:0; margin:0; list-style-type:none;}
ul#lexicon_small li { float:left; padding:0; margin:0; }