/* -----------------------------------------

CSS:			Jubel-Jette.de
Author:			J. Musikant (Hoodvisions.de)
Version:		0.8

----------------------------------------- */

h1 {
	font-size:18px;
	font-weight:bold;
	padding:0 0 15px 0;
	margin:0;
}
.input3 {
	border:none;
	border-bottom:1px dotted #cccccc;
}
a {color:#E00024;}

.italic {
	font-style:italic;
}

body {
	background:url(imgs/bg.jpg) repeat-x #ffffff;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	}

#container {
	background:url(imgs/jubeljette.jpg) no-repeat;
	width:1000px;
	margin:0 auto 0 auto;
	}

#left {
	position:absolute;
	left:35px;
	top:280px;
	}
#right {
	position:absolute;
	right:25px;
	top:280px;
	font-size:16px;
	text-align:right;
	}
	#right ul {
		direction: rtl;
		padding:0 10px 0 0;
		margin:10px;
	}
	.bigred {
		color:#FF0000;
		font-weight:bold;
	}
	.big {
		font-size:18px;
	}
	
	#navigation {
		width:474px;
		height:40px;
		margin:0 auto 12px auto;
		}
		
		.men1, .men1 a:hover {
			background:url(imgs/men_1_on.jpg);
			height:34px;
			width:104px;
			float:left;
		}
		.men2, .men2 a:hover {
			background:url(imgs/men_2_on.jpg);
			height:34px;
			width:100px;
			float:left;
		}
		.men3, .men3 a:hover {
			background:url(imgs/men_3_on.jpg);
			height:34px;
			width:115px;
			float:left;
		}
		.men4, .men4 a:hover {
			background:url(imgs/men_4_on.jpg);
			height:34px;
			width:154px;
			float:left;
		}
		
		.men1 a {
			background:url(imgs/men_1.jpg);
			display:block;
			height:34px;
			width:104px;
		}
		.men2 a {
			background:url(imgs/men_2.jpg);
			display:block;
			height:34px;
			width:100px;
		}
		.men3 a {
			background:url(imgs/men_3.jpg);
			display:block;
			height:34px;
			width:115px;
		}
		.men4 a {
			background:url(imgs/men_4.jpg);
			display:block;
			height:34px;
			width:154px;
		}

.thumb {
	background:url(imgs/thumb.jpg) no-repeat;
	width:120px;
	height:120px;
	padding:6px;
}	.thumb img {border:none;}


	#white {
		height:170px;
		}
	
	#content {
		width:474px;
		margin:0 auto 0 auto;
		background:url(imgs/content.jpg);
		}
		
		#content_header {
			background:url(imgs/content_header.jpg) no-repeat;
			padding:0px 20px 0 20px;
			}
			
	#footer {
		background:url(imgs/footer.jpg);
		height:34px;
	}

	/*COPY CODE BELOW INTO YOUR EXISTING STYLESHEET*/
#form {width: 100%;}

/*Error/Success*/
#error,#success {display:none;color:#FFF;padding: 5%;margin-bottom: 25px;}
#error {background: #e74c3c;}
#success{background: #2ecc71;}

/*Form*/
#easyform {float:left;max-width: 675px;margin: auto;}
#easyform label {font-size:14px;text-transform:uppercase;letter-spacing:1px;}
#easyform .input {width: 47.5%;float: left;margin: 0 0 20px 0;}
#easyform .textarea {width: 100%;}
#easyform .last {float: right;}
#easyform input.text, #easyform textarea {font-family: 'Source Sans Pro', sans-serif;font-size: 16px;padding: 11px;border-radius: 5px;border: 1px solid #cecece;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;float: left;outline: none;}
#easyform input[type=text]:focus, #easyform input[type=tel]:focus, #easyform textarea:focus {margin-right: 0px;box-shadow: 0 0 3px #512da8;border: 1px solid #5133a1;}
#easyform input:hover, #easyform textarea:hover {border: 1px solid #7E57C2;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
#easyform textarea {height: 200px;}
#easyform span {color:red;}
#easyform .verification {width: 100%;float: left;}
#easyform #verify_image {width: 100px;height: 44px;float: left;border-radius: 5px;}
#easyform .refresh {width: 42px;height: 42px;display: block;float: left;margin: 0 7px;border:0;}
#easyform #verify {width: 145px;float: left;}
#easyform button {float: right;display: block;width: 130px;border-radius: 5px;text-transform: uppercase;letter-spacing: 1px;background: #E00024;padding: 15px 20px;color: #fff;text-align: center;margin:0;border:0;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;cursor:pointer;}
#easyform button:hover {background: #7E57C2;}