* { margin: 0; padding: 0; }

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #505050;
	background: #fff;
	text-align: center;
}

a { color: #0d66a5; text-decoration: underline;  }
a:hover { color: #0d66a5; text-decoration: none; }

.clear { clear: both; } 

/* ---------------------------------------------------------- */
/* -------------------------- wrap -------------------------- */
/* ---------------------------------------------------------- */
#wrap { width: 220px; margin: 0 auto; padding-top: 14px; position: relative; text-align: left; }

/* ---------------------------------------------------------- */
/* -------------------------- headline ---------------------- */
/* ---------------------------------------------------------- */
h1 { display: block; width: 220px; height: 24px; margin-bottom: 18px; overflow: hidden; position: relative; text-align: center; color: #0d66a5; font-weight: normal; }
h1 span { display: block; width: 220px; height: 24px; position: absolute; top: 0; left: 0; }

	body#recommendation_sk h1 span { background-image: url(../images/sk/recommendation.gif); }
	body#mailing_list_sk h1 span { background-image: url(../images/sk/mailing_list.gif); }

	body#recommendation_cz h1 span { background-image: url(../images/cz/recommendation.gif); }
	body#mailing_list_cz h1 span { background-image: url(../images/cz/mailing_list.gif); }

	body#recommendation_en h1 span { background-image: url(../images/en/recommendation.gif); }
	body#mailing_list_en h1 span { background-image: url(../images/en/mailing_list.gif); }

/* ---------------------------------------------------------- */
/* ----------------------- content -------------------------- */
/* ---------------------------------------------------------- */
p { line-height: 1.5em; margin-bottom: 12px; }
	p.success { text-align: center; font-weight: bold; color: #39b44a; }
	p.error { text-align: center; font-weight: bold; color: #ed1c24; }

img { border-style: none; }

/* form */
form 			{ width: 100%; float: left; }
fieldset 		{ width: 100%; border-style: none; }

input.text, 	
textarea		{ width: 186px; padding: 10px 16px; margin-bottom: 7px; border: 1px solid #a7a7a7; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #505050;  }

textarea			{ height: 80px; }

input.button 		{ display: block; float: right; width: 60px; height: 35px; border: none;  background: #2296c4 url(../images/r_box_button.gif) top repeat-x; font-weight: bold; color: #fff; font-size: 11px; text-align: center; cursor: pointer; }
input.button:hover { background: #166e9f url(../images/r_box_button.gif) bottom repeat-x; }

	input.hover, textarea.hover { border: 1px solid #7f7f7f; }
 	input.focus, textarea.focus { color: #fff;	border: 1px solid #0b5e99; background: #0682b8 url(../images/input_hovecr.jpg) top repeat-x; }