/*
   TPWIND MASTER CSS
   European Wind Energy Association
	 Coded by Jason Bickley
	 Last edit: 10 November 2011
*/

/* RESET */
*    {padding: 0; margin: 0;}
html {height: 100%;}
body {height: 100%;}


/* FONTS */
body {font-size: 90%; color: #666; font-family: "franklin Gothic Book", sans-serif; font-weight: normal;}
h1,h2,h3,h4,h5 {color: #79BDE8; font-family: Georgia, "Times New Roman", Times, serif; margin: 1em 0 1em 0;}
p    {margin: 0 0 0.8em 0; line-height: 1.2em;}
h1 {font-size: 1.4em; margin-top: 0.3em; color: #005596;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1em;}
p  {font-size: 1em; text-align: left;}
a  {color: #005596;}
a:hover {color: #79bde8;}
ol {padding: 0 0 0 0.1em; margin: 0 0 1em 1em;}
ul {padding: 0 0 0 0.1em; margin: 0 0 1em 1em;}
li {padding: 0 0 0 0.1em; margin: 0 0 0.5em 0.5em; list-style: square; text-align: left;}
dl {margin: 0 0 1em 0;}
hr {height: 1px; border: 0 none; background: #eee;}

.clear      {clear: both;}
table,td,th {border-collapse: collapse; border: 1px solid #ccc; font-size: 1em;}
th          {font-weight: bold;}
strong      {font-weight: bold;}


/* STRUCTURE */
body         {background: #d3dbe3 url(/fileadmin/templates/newimages/body_bkgrd.gif) 0 0 repeat-x; text-align: center;}
#wrapper     {background: transparent url(/fileadmin/templates/newimages/wrapper_bkgrd.png) 50% 0 repeat-y; text-align: left; margin: 0 auto; width: 1000px;}
#gridgroup1  {clear: both; padding: 0 25px;}
#gridgroup2  {clear: both; padding: 0 25px 5px 25px;}
#gridgroup3  {clear: both; padding: 0 25px 5px 25px;}
#container2  {position: relative; width: 100%; background: url(/fileadmin/templates/newimages/container_bkgrd.gif) 0 0 repeat-y; margin: 5px 0 0 0;}
#leftb       {position: absolute; top: 0; left: 0; width: 200px; margin: 5px 0 0 0; z-index: 999;}
#rightb      {float: right; width: 200px; margin: 5px 0 0 0; min-height: 100%; height: 100%;}
#breadcrumb  {float: left; width: 505px; margin: 0 0 5px 215px; padding: 2px 0 0 0;}
#pageContent {float: left; width: 505px; margin: 0 0 50px 215px; min-height: 600px;}


/* HORZ NAVIGATION */
#sitename        {height: 100px; padding: 0; margin: 0 0 10px 0;}
#sitename a      {display: block; text-indent: -9999px; width: 200px; height: 100px; background: url(/fileadmin/templates/newimages/logo_tpwind.gif) 0 0 no-repeat;}
#topmenu         {height: 40px; background: #005596 url(/fileadmin/templates/newimages/header_bkgrd.jpg) 50% 100% no-repeat; padding: 0 0 131px 0;}
#topmenu a       {background: #005596; display: inline-block; padding: 9px 20px 10px 20px; color: #fff; border-right: 1px solid #004485; 
                  vertical-align: middle; text-decoration: none; font-weight: bold; font-size: 1.1em; min-height: 21px;}
#topmenu a:hover {background: #79bde8; text-shadow: 1px 1px 1px #005596;}
#tools           {display: none;}
#topmenu .last {float: right;}
#topmenu .last a {padding: 9px 20px 10px 30px; background: #005596 url('/fileadmin/templates/icons/member.png') 10px 12px no-repeat;}
#topmenu .last a:hover {padding: 9px 20px 10px 30px; background: #79bde8 url('/fileadmin/templates/icons/member.png') 10px 12px no-repeat;}


/* LEFT NAVIGATION */
#navigation             {padding: 0 0 30px 0; /*min-height: 300px;*/}
#navigation a           {text-decoration: none; color: #005596; display: block; margin: 0 0 0 0;}
#navigation a h2        {text-decoration: none; font-size: 1.2em; font-weight: bold; font-family: "franklin Gothic Book", sans-serif; padding: 0 0 5px 0; margin: 0 0 5px 15px; border-bottom: 2px solid #fff;}
#navigation li          {color: #79BDE8; margin: 0 0 0 0; list-style: none; height: auto;}
#navigation li a        {padding: 4px 10px 2px 10px;}
#navigation li a:hover  {background: #f9f9f9;}
#navigation li a.active {font-weight: bold; background: #fff;}
#navigation li a.active:hover {text-decoration: none; color: #005596;}


/* QUOTES */
#box1-3            {position: relative;}
#box1-3 img        {width: 170px; height: auto; padding: 10px 0 0 0; margin: 0 10px 0 10px; display: block;}
#box1-3 #quotes    {position: absolute; top: 25px; right: 0; width: 450px;}
#box1-3 #quotes h3 {color: #005596; font-size: 14px; font-style: italic;}


/* RIGHT COLUMN */
#rightb           {padding: 5px 5px 5px 10px;}
#rightb h2        {font-size: 14px; color: #005596; font-weight: bold; font-family: "franklin Gothic Book", sans-serif;}
#rightb .csc-textpic-clear {clear: both;}
#rightb .csc-header {border-top: 1px dotted #79BDE8; padding: 1em 0 0 0; margin: 1em 5px 0 0; float: left; width: 195px;}


/* PAGE CONTENT */
#breadcrumb   {font-size: 10px; color: #aaa; font-family: Verdana, Geneva, sans-serif;}
#breadcrumb a {font-size: 10px; color: #999; text-decoration: none; font-family: Verdana, Geneva, sans-serif;}
#breadcrumb a:hover {color: #000; text-decoration: underline;}
table         {margin: 0 0 1em 0; width: 100%;}
table td      {vertical-align: middle; padding: 2px 4px;}
table p       {margin: 0; padding: 0;}
#highlight    {background: transparent url(/fileadmin/templates/newimages/highlight_bkgrd.gif) 0 0 no-repeat; padding: 6px 0 0 0; margin: 0 0 20px 0;}
#highlight h1 {font-size: 1.1em; color: #79bde8; padding: 0 8px 0 8px; margin: 0 0 0.6em 0;}
#highlight h4 {font-size: 1.1em; color: #79bde8; padding: 0 8px 0 8px; margin: 0 0 0.6em 0; font-weight: bold; font-family: "Franklin Gothic Book", Arial, sans-serif; text-decoration: none;}
#highlight h4 a:link {text-decoration: none;}
#highlight p  {color: #005596; padding: 0 8px 0 8px; margin: 0 0 0.6em 0;}
#highlightInner {background: transparent url(/fileadmin/templates/newimages/highlight_bkgrd.gif) 0 100% no-repeat; padding: 0 0 4px 0;}
#backToTop {margin: 0 0 0 680px; padding: 0 0 10px 0;}

/* DOCS PAGE */
#docs h3 a             {display: block; height: 50px; width: 350px; padding: 24px 0 0 150px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 20px; text-decoration: none;}
#docs h3.newsletters a {background: url(/fileadmin/templates/newimages/docs.jpg) 0 0 no-repeat;}
#docs h3.meetings    a {background: url(/fileadmin/templates/newimages/docs.jpg) 0 -74px no-repeat;}
#docs h3.reports       a {background: url(/fileadmin/templates/newimages/docs.jpg) 0 -148px no-repeat;}
#docs h3.links       a {background: url(/fileadmin/templates/newimages/docs.jpg) 0 -222px no-repeat;}
#docs h3.newsletters a:hover {background: url(/fileadmin/templates/newimages/docs.jpg) 0 -296px no-repeat;}
#docs h3.meetings    a:hover {background: url(/fileadmin/templates/newimages/docs.jpg) 0 -370px no-repeat;}
#docs h3.reports       a:hover {background: url(/fileadmin/templates/newimages/docs.jpg) 0 -444px no-repeat;}
#docs h3.links       a:hover {background: url(/fileadmin/templates/newimages/docs.jpg) 0 -518px no-repeat;}


/* FOOTER */
#footer    {background: #005596;}
#footer p  {padding: 10px; margin: 0; color: #fff;}
#footer a  {color: #fff; text-decoration: none;}
#footer br {display: none;}


/* TYPO3-SPECIFIC */
.csc-textpic-intext-right {clear: left;}
.csc-textpic-intext-left dl {float: left; margin: 0 13px 0 0;}
.csc-textpic-intext-right dl {float: right; margin: 0 0 0 13px;}
.csc-textpic-intext-right .csc-textpic-imagewrap {float: right; text-align: right;}
.csc-textpic-intext-right .csc-textpic-image {float: right; text-align: right;}
#pageContent h3 {clear: left;}
.csc-header {clear: left;}
.powermail_all_td {width: 50%;}


/* SPONSORS LOGOS */
#sponsors    {margin-left: 15px;}
#sponsors h4 {font-size: 14px; font-family: "franklin Gothic Book", sans-serif;}
#sponsors a  {display: block; text-align: center; text-indent: -9999px; margin-top: 5px;}
#sponsors .platinum a {width: 150px; height: 25px; background: url(http://www.windplatform.eu/fileadmin/templates/newimages/logo_siemens.gif) 0 0 no-repeat;}
#sponsors .gold a {width: 142px; height: 27px; background: url(http://www.windplatform.eu/fileadmin/templates/newimages/logo_vestas.gif) 0 0 no-repeat;}


/* FORMS */
.tx-powermail-pi1_confirmation_submit {line-height: 20px; padding: 10px 20px; border-radius: 5px; background: #005596; color: #fff; font-weight: bold; margin-top: 10px;}
.tx-powermail-pi1_confirmation_submit:hover {background: #79bde8; color: #005596;}