@charset "iso-8859-1";

/* ===================================
Stylesheet BERLIN TIMEBANDITS
 
Datei: layout_kontakt.css 
Datum: Sept. 2009
Autor: Peter J. Kahler

=================================== */

.main #container { 
	width: 1050px;  
	background: none;
	background-repeat:no-repeat;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	padding:0;
	border-top: 1px solid #CCC;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	font-size: 80%;
	
}
.main #sidebar_home {
	float: right; 
	width: 370px; 
	height: 720px;
	background: transparent url(../BG_pix/BGpxKontakt_02.jpg) no-repeat left top;
	padding:0;
	margin:0;
	text-align:left;}

.main #header_home {
	float: left;
	width: 680px;
	height: 200px;
	background: transparent url(../BG_pix/BGpxKontakt_01.jpg) no-repeat left top;}

.main #mainHome {
	float: left;
	display: inline;
	width: 608px;
	height: 520px;
	background: transparent url(../BG_pix/BGpxKontakt_03.jpg) no-repeat left top;
	margin: 0; 
	padding-left: 72px; 
	
} 

#text_kontakt {
	position: relative;
	top: 0px;
	right: 0px;
	width: 500px;
	padding: 0px 30px 0 5px;
}
		
#txt_container {
	position: relative;
	top: 0px;
	right: 0px;
	width: 448px;
	padding: 0px 2px 0 20px;}	
		
#maintext {
	font-size: 1.2em;
	width: 285px;
	padding-right: 8px;
	padding-top: 0px;
	}
	
#maintext_list {padding-left: 10px;}
	
	#home_link {
		position:relative;
		top: 0px;
		left: 0px;
		width: 40px;
		height:40px;}	
	
#pink {
	width: 50px;
	padding-right: 0px; 
	padding-left: 0px; 
	color:#c0c0c0; 
	background-color: #dc489f;
	}

#pink2 {
	width: 80px;
	padding-right: 0px;
	padding-top: 0px;
	padding-left: 0px; 
	color:#c0c0c0; 
	background-color: #dc489f;
	}

#pink3 {
	width: 50px;
	padding-right: 0px; 
	padding-left: 0px; 
	color:#c0c0c0; 
	background-color: #dc489f;
	}
	
#impressum{
	padding-top: 20px;}	
	
#impressum a { 
	text-decoration:underline;
	color: #000;
}	

#mailinput {
	font-size: 90%;
	line-height: 100%;
	position: relative;
	color:#dc489f;
	top: -33px;
	left: 90px;
	width: 240px;
	height: 80px;
	}


form#contactForm { position: relative; width: 508px; }
* html form#contactForm { width: 512px; }
.spaceTop { padding-top: 12px;  }
.errorMessage { position: absolute; right: -95px; top: -40px; width: 240px; font-size: 85%;  }
.errorMessage * { color: #DC489F; }
div.inputElement { overflow: hidden; margin-bottom: 4px; }
div.inputElement input, div.inputElement textarea { border: 1px solid #999; padding: 1px 3px 2px; font-size: 85%; }
div.inputElement input { width: 250px; }
div.inputElement textarea { width: 420px; }
label.mail_li {
	font-size: 95%;
	float: left;
	width: 80px;
	}

#absender_nachricht	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
}
div.controlElement { text-align: right; margin-top: 24px; }
div.controlElement input { border: 1px solid #999; background: #fff; padding: 1px 3px 2px; font-size: 85%; cursor: pointer; }