/*
Theme Name: JacquesAlomo.de
Description: JacquesAlomo.de
Author: JacquesAlomo.de
Author URI: http://JacquesAlomo.de
*/

/*=========================== Budy ===========================*/
/*=========================== Budy ===========================*/


body {
  background:url(images/bg.png) repeat-x;
  margin: 0px;
  padding: 0px 0px; 
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 10px;
  font-weight:thin;}



#wrapper {
  width:960px;
  margin:auto;}

#header {
  width:960px;
  height:235px;
  padding-top:5px;}
  
#header_blog {
  width:960px;
  height:44px;
  padding-top:5px;}
  
#headerhome {
  width:960px;
  height:560px;
  padding-top:5px;
}
#noheader {
  width:960px;
  height:31px;
  padding-top:5px;}

#bar{
  padding-top:5px;
  width: 310px;
  height: 550px;
  right:0px;
  position:absolute;
  margin-top:3px;
  z-index:99;}
  
#barhome{
padding-top:5px;
width: 120px;
padding-left:190px;
height: 550px;
right:0px;
position:absolute;
margin-top:3px;
z-index:99;}

#project{
 width:650px;	}

#project img{
  background:url(images/whitecorner.png) no-repeat 0px 0px;

}



/*=========================== Lines ===========================*/
/*=========================== Lines ===========================*/


#line960top{
  background:url(images/line960.png) no-repeat;
  height:6px;
  position:fixed;
  margin-top:0px;
  width:960px;
  z-index:99;}

#line960bottom{
  background:url(images/line960bottom.png) no-repeat;
  height:2px;
  position:fixed;
  margin-top:3px;
  width:960px;
  z-index:99;}


#line960{
  background:url(images/line960.png) no-repeat;
  height:6px;}

#line650{
  background:url(images/line650.png) no-repeat;
  height:6px;
  margin: 10px 0 10px 0;
  clear:left;}

#line640{
  background:url(images/line640.png) no-repeat;
  height:6px;
  margin: 10px 0 10px 0;
  clear:right;}

#line640left{
  background:url(images/line640.png) no-repeat;
  height:6px;
  margin: 10px 0 10px 0;
  clear:left;}

.line640double{
  background:url(images/line640double.png) no-repeat 0px 0px;
  height:80px;
  margin: 10px 0 10px 0;
  clear:left;
  display:block}
	

.line640double:hover{
  background:url(images/line640double.png) no-repeat 0px 1px;
  height:80px;
  margin: 10px 0 10px 0;
  clear:left;}
	


/*=========================== Post ===========================*/
/*=========================== Post ===========================*/

#title{
  float:left;
  width: 200px;
  font-size:14px;
  padding-right:10px;
  padding-top: 12px;
  color:#8b8b8b;}

#title_blog{

  font-size:14px;
  color:#FFF;
}

#title_blog a{
  width: 630px;
  padding-top: 8px;
  padding-left: 10px;
  padding-bottom: 4px;
  background-color:#7ed900;
  color:#FFF;
  display:block;
}

#title_blog a:hover{
  width: 590px;
  background-color:#FFF;
  color:#8b8b8b;
}

#textde{
  float:right;
  width: 405px;
  padding-right:25px;
  font-size:12px;
  color:#8b8b8b;
  margin-bottom:15px;
  line-height:17px;

}


#content_blog{
  width: 640px;
  padding-right:25px;
  font-size:13px;
  color:#4a4a4a;
  margin-bottom:15px;
  line-height:17px;

}

blockquote{
	padding-bottom: 40px;
	margin-bottom: 20px;
	background-image:url(images/bloquequotes.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	background-color:#FFF;
width:600px;
	color:#8b8b8b;
		font-style: italic;

}


.black{
  color:#4a4a4a;

}


.head{
  font-weight:bold;
  width: 400px;
  line-height:17px;
 
}

#head{
  font-weight:bold;
  width: 400px;
  line-height:17px;
 
}


#texten{
  float:right;
  width: 405px;
  padding-right:25px;
  font-size:12px;
  color:#c3c3c3;
  margin-bottom:15px;
  line-height:17px;}

#project{
  width:650px;}
#project p{
  width:630px;}
  
  
/*=========================== Text ===========================*/
/*=========================== Text ===========================*/

.italic_light{
  font-style:italic;
  color:#cccccc;}
.italic{ 
  font-style:italic;
  color:#989898;}
 
 #adress{
  color:#8b8b8b;
  padding-top:50px;}
 
a{
  color:#8b8b8b;
  text-decoration:none;}
a:hover{
  background-color:#7ed900;
  color:#FFF;}
a:active{
  background: #77cc00;
  color:#FFF;}

.nolink{
  }
.nolink:hover{
  background-color:#FFF}
.nolink:active{
  background-color:#FFF}

H2{font-weight:bold;
   font-size:11px;
   color: #8b8b8b;
margin-bottom:20px;}

H3{font-weight:bold;
   font-size:12px;
   color: #8b8b8b;
margin-bottom:20px;}


h5{font-weight:normal;
   font-size:9px;
   color: #e8e8e8;
margin-bottom:10px;}
  
/*=========================== Menu ===========================*/
/*=========================== Menu ===========================*/
#menu{
  margin-top:12px;}
.menubutton{
  background: #ebebeb;
  color:#b5b5b5;
  text-transform:uppercase;
  padding-left:35px;
  padding-top:2px;
  margin-bottom:2px;
  display: block;
  height:15px;
  text-decoration:none;}
  
.menubutton:hover {
  background: #7ed900;
  color:#FFF;
-moz-border-radius-topleft: 13px;
border-top-left-radius: 13px;}
  
.menubutton:active {
  background: #77cc00;
  color:#FFF;}


.menubutton_hover{
  color:#b5b5b5;
  text-transform:uppercase;
  padding-left:35px;
  margin-bottom:2px;
  display: block;
  text-decoration:none;
  background: #7ed900;
  color:#FFF;
 -moz-border-radius-topleft: 13px;
 border-top-left-radius: 13px;}  


.morebutton{
  background: #ebebeb;
  color:#b5b5b5;
  text-transform:uppercase;
  padding-left:35px;
  padding-top:16px;
  margin-top:10px;
  margin-bottom:2px;
  display: block;
  height:24px;
  text-decoration:none;}

.morebutton:hover {
  background: #7ed900;
  color:#FFF;
-moz-border-radius-topleft: 13px;
border-top-left-radius: 13px;}
/*===========================  Be Scoial ===========================*/
/*===========================  Be Scoial ===========================*/

#social{
  width:310px;
  height:15px;
  padding-top:10px;
  z-index:20;}

.socialrss{
	float:left;
	width:15px;
	height:15px;
	padding-right:3px;
	background-image:url(images/icons/rss-bw.png);
	background-repeat:no-repeat;}
.socialrss:hover{
	background-image:url(images/icons/rss-color.png);
	background-repeat:no-repeat;
	background-color:#FFF;}
	
	

.socialfacebook{
	float:left;
	width:15px;
	height:15px;
	padding-right:3px;
	background-image:url(images/icons/facebook-bw.png);
	background-repeat:no-repeat;}
.socialfacebook:hover{
	background-image:url(images/icons/facebook-color.png);
	background-repeat:no-repeat;
	background-color:#FFF;}
	
	

.socialtwitter{
	float:left;
	width:15px;
	height:15px;
	padding-right:3px;
	background-image:url(images/icons/twitter-bw.png);
	background-repeat:no-repeat;}
.socialtwitter:hover{
	background-image:url(images/icons/twitter-color.png);
	background-repeat:no-repeat;
	background-color:#FFF;}
	
	

.socialyoutube{
	float:left;
	width:15px;
	height:15px;
	padding-right:3px;
	background-image:url(images/icons/youtube-bw.png);
	background-repeat:no-repeat;}
.socialyoutube:hover{
	background-image:url(images/icons/youtube-color.png);
	background-repeat:no-repeat;
	background-color:#FFF;}
	
	

.socialxing{
	float:left;
	width:15px;
	height:15px;
	padding-right:3px;
	background-image:url(images/icons/xing-bw.png);
	background-repeat:no-repeat;}
.socialxing:hover{
	background-image:url(images/icons/xing-color.png);
	background-repeat:no-repeat;
	background-color:#FFF;}
	


	

.socialvimeo{
	float:left;
	width:15px;
	height:15px;
	padding-right:3px;
	background-image:url(images/icons/vimeo-bw.png);
	background-repeat:no-repeat;}
.socialvimeo:hover{
	background-image:url(images/icons/vimeo-color.png);
	background-repeat:no-repeat;
	background-color:#FFF;}
	


.top{
  position:absolute; 
  width:310px;
  height:29px;
  background:url(images/up250.png) no-repeat;
  z-index:1;}
  
.top:hover{
  background:url(images/up250hover.png) no-repeat;
  z-index:1;}








.socialrss2{
	height:19px;
	padding-right:3px;
	padding-left:20px;
	background-image:url(images/icons/rss-bw.png);
	background-repeat:no-repeat;}
.socialrss2:hover{
	background-image:url(images/icons/rss-color.png);
	background-repeat:no-repeat;
	background-color:#FFF;}
	
	

.socialfacebook2{
	height:19px;
	padding-right:3px;
	padding-left:20px;
	background-image:url(images/icons/facebook-bw.png);
	background-repeat:no-repeat;}
.socialfacebook2:hover{
	background-image:url(images/icons/facebook-color.png);
	background-repeat:no-repeat;
	background-color:#FFF;}
	
	

.socialtwitter2{
	height:19px;
	padding-right:3px;
	padding-left:20px;
	background-image:url(images/icons/twitter-bw.png);
	background-repeat:no-repeat;}
.socialtwitter2:hover{
	background-image:url(images/icons/twitter-color.png);
	background-repeat:no-repeat;
	background-color:#FFF;}
	
	

.socialyoutube2{
	height:19px;
	padding-right:3px;
	padding-left:20px;
	background-image:url(images/icons/youtube-bw.png);
	background-repeat:no-repeat;}
.socialyoutube2:hover{
	background-image:url(images/icons/youtube-color.png);
	background-repeat:no-repeat;
	background-color:#FFF;}
	



	

.socialvimeo2{
	height:19px;
	padding-right:3px;
	padding-left:20px;
	background-image:url(images/icons/vimeo-bw.png);
	background-repeat:no-repeat;}
.socialvimeo2:hover{
	background-image:url(images/icons/vimeo-color.png);
	background-repeat:no-repeat;
	background-color:#FFF;}
	




.socialxing2{
	height:19px;
	padding-right:3px;
	padding-left:20px;
	background-image:url(images/icons/xing-bw.png);
	background-repeat:no-repeat;}
.socialxing2:hover{
	background-image:url(images/icons/xing-color.png);
	background-repeat:no-repeat;
	background-color:#FFF;}
	


/*===========================  ueber mich ===========================*/
/*===========================  ueber mich ===========================*/


.firmen{
  float:left;
  width: 205px;
  padding-right:5px;
  margin-bottom:15px}

.firmen:hover{
  float:left;
  width: 205px;
  padding-right:5px;
  margin-bottom:15px}

.rightfull{
  float:left;
  width:430px;}

  

/*===========================  contact ===========================*/
/*===========================  contact ===========================*/

input[type="text"] {
    background: url("images/xxxline640.png") no-repeat scroll left bottom transparent;
    border: medium none;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    font-style: italic;
    padding: 0 0 0 0;
    position: absolute;
    width: 240px;
    color: #CCC;
border-bottom: 3px solid #eeeeee;
background-color:#fbfbfb;
}

.wpcf7-radio{width:290px;}
.wpcf7-list-item{width:50px;}
.wpcf7-list-item-label{width:550px;}

#main{width:650px;}


.submitbutton{
width:120px;
height:60px;
color:#fff;
margin-right:20px;
position:relative;
right:0px;
background-color:#7ed900;
border:none;}

.submitbutton:hover{
  background: #77cc00;
  color:#FFF;}

.radiobutton{
width:150px;
margin-bottom:20px;  display: block;
  clear: left;
  float: left;}

input#radio {
background : red;
}





/*===========================  footer ===========================*/
/*===========================  footer ===========================*/

#footer{padding-top:45px;height:200px;}



#footer h4{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#9b9b9b;
	font-size:11px;
	padding: 0 0 0  3px;}
#footer a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	color:#9b9b9b;
	font-size:11px;
	line-height:20px;
	padding: 4px 4px 3px 3px;}

#footer a:hover{
	background-color:#7ed900;
    color:#FFF;}



#fo1{
	float:left;
	width:120px;
	padding-left:40px;

}
#fo2{
	float:left;
	width:180px;
}
#fo3{
	float:left;
	width:160px;
	padding-left:20px;
}
#fo4{
	float:left;
	width:160px;
	padding-left:20px;
}



.facebook{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	font-size:11px;
	line-height:20px;
	padding: 4px 4px 3px 3px;}
.facebook:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	color:#9b9b9b;
	font-size:11px;
	line-height:20px;
	padding: 4px 4px 3px 3px;}