/* ******************************************************************** *
 * Name       : kontakt.css                                             * 
 * Description: Style for dynamic news page                             *
 * created    : 13.05.2014                                              *
 * version    : 1.0.0                                                   *
 * ******************************************************************** */
@CHARSET "utf-8";
@import url("tabs.css"); 

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Tab -Style                                                */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div:menue{
	margin: 0px;padding: 0;
}
		
ul#navigation {
	margin-left: -33px;
	margin-right:0; 
}			

ul#navigation li {
	list-style: none;
	display: inline;
	cursor:pointer;
	padding: 5px 20px 5px 20px;
	background-color:#DCE8FF;
	border: thin solid silver;
	box-shadow: 5px 5px 2.5px ;
}
  		
ul#navigation li.current {
	color:#B10000;
}	
	
div.dyn-tabs{	
	padding:5px 0px 5px 0px;
	overflow:auto;
	display:none;
	width: 53.10em;
	height:113.67em;
}
  		  		
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Form - Style                                             */		
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 			
.form{
	width: 620px;
}	
 		
.form label.error {			 	
 	position: absolute;
	color:#B10000;
 	top: 0.2em;
 	left:495px;
 	width:8em;
 	height:auto;
 	padding-top:0.2em;
   	padding-left: 1em;
  	background-color:#FFF3F3;
 	border: thin solid #B10000;
    border-radius: 3px;
    box-shadow: 5px 5px 5px silver ;
    z-index: 10;   
}
.form label{ 			
	display:block;
	float: left; 		
}
.form div{
	position:relative;
	padding:1.00em;
	height: 1.50em;
}
.form span{
	position:absolute;
	left:10em;
  	width: 150px;
	height: 26px;
}
 	 		
.form button[type="submit"] {
	cursor:pointer;
	width:228px;
	background:#6ABF3F;
	border: thin solid silver;
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
	box-shadow: 5px 5px 10px silver ;
}	
 	 
button.delete[type="reset"] {
	cursor:pointer;
	width:228px;
	background:#EA1515;
	border: thin solid silver;
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
	box-shadow: 5px 5px 10px silver ;
}	 	 
 
div.text-box_kontakt-daten{
	margin-bottom:0.50em;
	width: 603px;
	height: 150px;
	padding: 0.9em;
	background-color: #f3f3f3;
	box-shadow: 5px 5px 10px #DDDDDD;	
}
div.text-box_mail{
	margin-bottom:0.50em;
	width: 603px;
	height: 492px;
	padding: 0.9em;
	background-color: #f3f3f3;
	box-shadow: 5px 5px 10px #DDDDDD;	
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.form input.btnSend, input.btnCancel,input.btnDelete{
	position:relative;
	top:5px;
	left:300px;
	margin: 10px 0 0 5px;
	padding:0 0 2px 0;
	height:30px;
	width:130px;	
	font-weight:bold;
	cursor:pointer;
	color: #FFF;
	background:#175BA2;
	text-align: center;
	padding:0 0 2px 0;
	text-indent:0px;
	border:1px solid #8eb0d9;
	border-radius:3px;
  	box-shadow: inset 0px 0px 0px #ccc;	
} 	

.form input.btnCancel{height:30px; width:130px; margin:10px 0 0 7px; padding:0 0 2px 0;background:#175BA2;}
.form div[id="uploadHinweis"]{ margin:10px 0 0 132px; border:none; width: 320px; font-weight: bold; height: 10px; color: #F79000;}
input.btnSend:HOVER{box-shadow:1px 5px 5px #6E7A86;}
input.btnCancel:HOVER{box-shadow:1px 5px 5px #6E7A86;}
input.btnDelete:HOVER{box-shadow:1px 5px 5px #6E7A86;}
.form input{ margin:0px 0 0px 3px;width:360px; height:20px; border: 1px solid #8eb0d9 ; border-radius: 2px; background:#FFF;}
.form textarea{margin: 0 0 0 4px;height: 252px;width: 474px;border: 1px solid #8eb0d9 ;	border-radius: 2px;}

input:active, input:hover, input:focus, textarea:ACTIVE, textarea:HOVER, textarea:FOCUS  { background-color: #d9f0f9;border:1px solid #175ba2;box-shadow:5px 5px 5px #6E7A86;}
.form label{float:left; margin:9px 0 0 4px; width:110px; cursor:pointer; position:relative; color:#000;font-weight: bold;}

.form select{	width: 211px; margin:4px 0 2px 3px;height:23px; border: 1px solid #8eb0d9 ;	border-radius: 2px;}
select:ACTIVE, select:HOVER, select:FOCUS{ background-color: #d9f0f9;border:1px solid #175ba2;box-shadow:5px 5px 5px #6E7A86;}
.form div[id="submit-box"]{
	float:left;
	top:200px; 
	left:23px; 
	width:600px;
	height: 40px;
}
.form div[id="row"]{
	float:left;
	margin-top:-16px; 
	width:600px;	
	height: 30px;
}
.msg {
	padding:10px 10px 10px 5px;
	margin:0 0 10px 0;
	color: #f31c03;
/* 	background-color:#EEEEEE; */ 
}	

.green{
	padding:10px 10px 10px 5px;
	margin:0 0 10px 0;
	font-weight: bold;
	color: green;
}