@charset 'utf-8';
@import url(reset.css);

/* --------------------- MAIN STYLESHEET -------------------------------

suchmaschinenanmeldung.de
v1 - august 2009

questions? ask me!
domenica lucifora - kontakt@deeluxe.de


COLOR DEFINITION
----------------

	background:										#ffffff
	text-color:										#000000
	helptext:										#949494
	footertext:										#999d9f




TABLE OF CONTENTS
-----------------

@import reset styles
	- base
	- grid
	- global elements
	- elements
		- main ordered list
		- form
		- footer
	- ie6 styles
	- fontsizes and lineheights

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

/* --- base --- */
body {
	background: #fff;
	font: 12px "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
}


/* --- grid --- */
.grid-content {
	background: url('../images/layout/bg_content.jpg') no-repeat center center;
	height: 601px;
	left: 50%;
	margin: -300px 0 0 -457px;
	position: absolute;
	top: 50%;
	width: 913px;
}
.grid-footer {
	color: #999d9f;
	margin-top: 30px;
	padding: 0 0 53px 115px;
}


/* --- global elements --- */
h1 {
	background: url('../images/layout/bg_logo.png') no-repeat left top;
	display: block;
	height: 94px;
	margin: 50px 0 0 113px;
	text-indent: -8000px;
	width: 682px;
}
		h1 a {
			display: block;
			height: 94px;
			width: 682px;
		}
h2 {
	margin: -17px 0 0 180px;
	width: 420px;
}


/* --- elements --- */
/* - main list - */
ol {
	margin-left: 113px;
	width: 680px;
}
		li {
			background-position: left center;
			background-repeat: no-repeat;
			margin-top: 33px;
			padding-left: 69px;
		}
				li.first { background-image: url('../images/layout/bg_li_first.gif'); }
				li.second { background-image: url('../images/layout/bg_li_second.gif'); }
				li.third { background-image: url('../images/layout/bg_li_third.gif'); margin-top: 8px !important; }


/* - form - */
input, textarea {
	float: left;
}
textarea {
	background: url('../images/layout/bg_textarea.gif') no-repeat left top transparent; 
	border: none;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	height: 48px;
	overflow: hidden;
	padding: 6px 14px 6px 14px;
	width: 289px;
}
input.text {
	background: url('../images/layout/bg_input.gif') no-repeat left top transparent; 
	border: none;
	height: 19px;
	padding: 7px;
	width: 304px;
}
label {
	display: block;
	margin: 0 6px 2px;
}
input.submit {
	background: url('../images/layout/bg_button_sprite.gif') no-repeat left top;
	border: none;
	cursor: pointer;
	height: 63px;
	text-indent: -8000px;
	width: 320px;
}
		input.submit:active {
			background: url('../images/layout/bg_button_sprite.gif') no-repeat left bottom;
		}
		input.submit:hover {
			background: url('../images/layout/bg_button_sprite.gif') no-repeat left center;
		}
		
		input.submit:focus {
			outline: none;
		}
div.form-row {
	float: left;
}
div.help {
	float: right;
	margin-right: 53px;
	width: 220px;
}
		.second .help {
			margin-top: 15px;
		}
				.help span {
					color: #949494;
					display: block;
				}


/* --- footer --- */
.grid-footer p {
	float: left;
	width: 535px;
}
.link-info {
	background: url('../images/layout/bg_hackersafe.gif') no-repeat left top;
	display: block;
	float: right;
	height: 55px;
	margin-right: 125px;
	text-indent: -8000px;
	width: 123px;
}
.grid-footer li {
	float: left;
	margin: 0;
	padding: 8px 16px 0 0;
}
		.grid-footer li a {
			color: #999d9f;
			text-decoration: none;
		}
				.grid-footer li a:hover {
					text-decoration: underline;
				}


/* --- fontsizes and line-heights */

.grid-footer					{ font-size: .83em; }
textarea						{ font-size: .87em; }
.help							{ font-size: 1.17em; }
h2								{ font-size: 1.45em; }
.help span						{ font-size: .65em; }


/* ----------------------------------------------------- IE6 and below */

.ie6 .grid-content { margin-left: -507px; }
.ie6 h1 { background: url('../images/layout/bg_logo.gif') no-repeat left top; }
.ie6 .help { display: inline;}
.ie6 .over { background: url('../images/layout/bg_button_sprite.gif') no-repeat left center; }