/*
Theme Name: Velosdag
Theme URI: http://www.velosdag.lu/
Description: Theme erstellt von Lutgen Christian
Version: 1.0
Author: Lutgen Christian
Author URI: http://www.facebook.com/christian.lutgen
*/

/* colour styles*/
  body  {font-size: 12px;line-height: 20px;font-family: 'Droid Sans', sans-serif;background: url(http://www.velosdag.lu/wp-content/themes/velosdag/images/bg.jpg) fixed no-repeat;background-size: 100%;background-position:center;}

  #wrap { width:100%;left: 0px;right: 0px;top:0px;position:absolute;}
  img {  border-style: none;}
/* font styles */	
  h1  { font-size:30px; line-height:41px; color:#000; padding:0px; margin:0px; font-weight:bold; padding-bottom:5px; padding-top:5px; }
  h2  { font-size:20px; line-height:25px; color:#000; padding-top:20px; margin:0px; font-weight:bold; }
  h3  { font-size:15px; line-height:25px; color:#000; padding:0px; margin:0px; font-weight:normal;   }
  h4  { font-size:20px; line-height:25px; color:#000; padding:0px; margin:0px; font-weight:normal;   } 
  h5  { font-size:12px; line-height:22px; color:#fff; padding:0px; margin:0px; font-weight:normal;  }
  h6  { font-size:12px; line-height:22px; color:#000; padding:0px; margin:0px; font-weight:normal;  } 
  p   { font-size:12px; color:#000; line-height:22px; margin:0px; padding:0px; padding-top:8px; padding-bottom:8px; font-family:'Helvetica',Arial, Helvetica, sans-serif;}

/* list Styles */
  ul 	{ padding:0px; margin:0; margin-left:0px; font-family:'Helvetica',Arial, Helvetica, sans-serif; margin-top:2px;   }
  ul li { font-size:12px; color:#000; padding-left:10px; list-style:inside; list-style-type:square;}
  ol 	{ padding:0px; margin:0; margin-left:25px; font-family:'Helvetica',Arial, Helvetica, sans-serif; margin-top:10px;   }
  ol li { font-size:12px; color:#000; padding-left:10px;  list-style-type: decimal; }
  hr 	{ background:url(../images/hr.jpg) top center no-repeat; border:0; outline:0; clear:both; height:10px;}
	
/* link styles */	
  a:link 		{color:#09c; text-decoration: none;} 
  a:visited 		{color:#09c; text-decoration: none;}
  a:hover 		{color:#09c; text-decoration: none;}
  a:active 		{color:#09c; text-decoration: none;}
  a:focus 		{outline-style: none;}  	
	
/* header nav styles */ 
  #header 	{height: 220px;  width:100%;}
  #line1 {position: absolute; top: 170px;height:20px; width: 100%;background: #66a709;}
#line2 {position: absolute; top: 100px;height:60px; width: 100%;background: #0f1722;}
#Logo {line-height: 50px;position: absolute; top:70px; left: 50px; font-size:70px;color:#e6f316;}
#Logo p { padding-top:5px; color:#fff; font-size:25px; } 
#Logo a {color:#e6f316;} 
/*+++++++ menu squares+++++++*/ 

#Menu1 a:hover {display: block;width:100%;height:100%;}
#Menu2 a:hover {display: block;width:100%;height:100%;}
#Menu3 a:hover {display: block;width:100%;height:100%;}
#Menu4 a:hover {display: block;width:100%;height:100%;}


#Menu1 {height: 190px;width: 150px;top: 0px;position: absolute;right: 460px; }
#Menu2 {height: 190px;width: 150px;top: 0px;position: absolute;right: 310px; }
#Menu3 {height: 190px;width: 150px;top: 0px;position: absolute;right: 160px; }
#Menu4 {height: 190px;width: 150px;top: 0px;position: absolute;right: 10px; }

#Menutext {height:40%; width: 100%; bottom:0px;position:absolute;padding-left: 5px;}
#Menutext h2 {color:#fff;}
#Menutext h4 {color:#fff;}
#Menuimage {height:100%; width: 100%; top:0px;position:absolute;}
#Menutitle { width:120px; border-bottom:1px solid#fff; padding-bottom:0; padding-top:0;}










/*+++++++++++POST+++++++++++*/
#postarea {margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 50px; height:100%; width: 800px; background:#fff;/* Fallback for web browsers that doesn't support RGBa */
background: rgb(255, 255, 255) transparent;
/* RGBa with 0.6 opacity */
background: rgba(255, 255, 255, 0.8);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)";
} 






  .gridly-copy 				{ width:780px; margin-left:auto; margin-right:auto; padding-top:20px; padding-bottom:20px; overflow:hidden }


 /*+++++++ FOOTER +++++++*/

  #footer-area 		{display:inline; float:left;height: 150px; width:100%;margin-top:auto;margin-bottom:0px; background:#0f1722;}
 #footer-area .widget { width:300px;margin-right:10px; padding-top:15px; display:inline; float:right; font-size:12px; color:#e5e5e5; line-height:18px; font-family:'Helvetica',Arial, Helvetica, sans-serif;  }
  #footer-area .widget h3 		{ color:#fff;font-weight:bold;}
  #footer-area .widget p    	{ color:#999;text-align:justify}
  #footer-area .widget ul   	{ margin-left:0px;}
  #footer-area .widget li   	{ color:#fff; }
  #footer-area .widget a 	{ color:#09c;}
  #footer-area .widget a:hover  { color:#fff;}
  #footer-area .widget-copy 	{ width:290px; overflow:hidden; display:inline; float:left; margin-left:10px;} 
  
/* copyright styles */ 
  #copyright { clear:both; width:100%;  display:inline; float:left; margin-top:0px; margin-bottom:0px;background:#0f1722; }
  #copyright p { padding-top:15px; color:#fff; font-size:12px; }
  #copyright a 	{color:#09c;	text-decoration: none;} 
  #copyright a:hover 	{color:#fff; text-decoration: underline;}