﻿/* Struktur der Kontaktseite
A.)	Content - Struktur
	I.) Content_first - Formular
B.) Box Verbindungsdaten
C.) Sonstiges
*/

@charset "utf-8";

/* A.) Content - Struktur */
#content {
	width: 960px;
	margin: 0 auto;
	}

.box_one_col {
	width: 280px;
	padding: 15px 20px 5px 20px;
	float: left;
	background-color: #171717;
	margin:0px 0px 15px 0px;
}

.box_two_col {
	width: 630px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.col_spacer {
	width: 30px;
	height:auto;
	margin: 0px;
	padding: 0px;
	float:left; 
	}


/* A.I.) Content_first - Formular */

#content_first {
	width: 960px;
	height: auto;
	margin: 0 auto 26px auto;
	float: left;
	}

.form_col_one_two {
	width:auto;
	float:left;
	margin:0px 30px 0px 0px;
	}

.form_col_two_two {
	width:auto;
	float:left;
	}
	
.form_col_one_one {
	width:600px;
	float:left;
	margin:0px 30px 0px 0px;
	}
	
.form_tag {
	padding:0 0 0 5px;
	}

textarea, input {
	background-color:#171717;
	color:#444444;
	margin:0px;
	padding:5px 5px 5px 5px;
	overflow:auto;
	}

input:hover {
	background-color:#1c1c1c;
	color:#ffffff;
	}

textarea:hover {
	background-color:#1c1c1c;
	color:#ffffff;
	}
	
.form_spacer {
	display: block;
	height: 1px;
	width: 30px;
	margin: 0px;
	padding: 0px;
	float: left;
	}

.button1 {margin:0px 7px 0px 0px;}

/* B.) Box Verbindungsdaten */
.box_one_col span {float:left; margin:4px 10px 0px 0px;}
.box_one_col p {float:left; width:285px;} 

/* C.) Sonstiges */