/*
+------------------------------------------------------+
| Bensvine | Fernbusverkehr-Manager.de | Bensvine CMS  |
+------------------------------------------------------+
| Filename: style.css                                  |
+------------------------------------------------------+

+------------------------------------------------------+
| Anfang Grundgerüst                                   |
+------------------------------------------------------+
*/

/* Stellt die Seite von links oben genau bei 0 dar */
* {
	margin: 0;
	padding: 0;
}

/* Hintergrund und Größe */
BODY {
	background: #bbced9;
	width: 100%;
	height: 100%;
	min-width: 1120px;
	-webkit-text-size-adjust: none;
}

/* oberes festes Menü */ 
#top	{
	padding: 0em;
	margin: 0em;
	min-width: 1120px;
	width: 100%;
	height: 2.8em;
	position: fixed; 
	background-image: linear-gradient(to top, #0096fa 0%, #bbced9 90%);
	box-shadow: 0px 0px 0px #555;
	z-index: 2;
}

#menu_1	{
	padding: 0em;
	margin: 1.6em 0em 0em 0em;
	width: 100%;
	min-width: 1120px;
	height: 1.9em;
	border-bottom: 5px solid #0096fa;
	background-image: linear-gradient(to top, #555 0%, #bbced9 90%);
	position: fixed;
	box-shadow: 0px 35px 0px #bbced9;
	z-index: 3;
}

#menu_2	{
	padding: 0em;
	margin: 0em 0em 0em 0em;
	width: 1120px;
	height: 1.7em;
	background-image: linear-gradient(to top, #bbced9 0%, #fff 90%);
	position: fixed;
}

.button_menu_1 {
	width: 140px;
	height: 2.5em;
	background: transparent;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	border-left: 1px solid #0096fa;
	border-top: 0px solid #0096fa;
	border-right: 0px solid #0096fa;
	border-bottom: 1px solid #0096fa;
	padding: 6px;
	margin: 0em 0em 0em 0em;
	text-decoration: none;
	text-align: center;
}

.button_menu_1:hover {
	background-image: linear-gradient(to top, #bbced9 0%, #bbced9 90%);
	color: #df0101;
	text-decoration: bold;
}

.button_menu_2 {
	width: 140px;
	height: 2.2em;
	background-image: linear-gradient(to top, #bbced9 0%, #bbced9 90%);
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #df0101;
	border-left: 0px solid #0096fa;
	border-top: 0px solid #0096fa;
	border-right: 0px solid #0096fa;
	border-bottom: 0px solid #999;
	padding: 6px;
	margin: 0.1em 0em 0em 0em;
	text-decoration: none;
	text-align: center;
	box-shadow: 0 0 10px #fff inset;
}

.button_menu_3 {
	width: 130px;
	height: 2.4em;
	background: transparent;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	border-left: 1px solid #0096fa;
	border-top: 0px solid #0096fa;
	border-right: 0px solid #0096fa;
	border-bottom: 0px solid #0096fa;
	padding: 6px;
	margin: 0em 0em 0em 0em;
	text-decoration: none;
	text-align: center;
}

.button_menu_3:hover {
	background-image: linear-gradient(to top, #bbced9 0%, #bbced9 90%);
	color: #df0101;
	text-decoration: bold;
}

.button_menu_3_1 {
	width: 110px;
	height: 2.4em;
	background-image: linear-gradient(to top, #bbced9 0%, #bbced9 90%);
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #df0101;
	border-left: 1px solid #0096fa;
	border-top: 0px solid #0096fa;
	border-right: 0px solid #0096fa;
	border-bottom: 0px solid #0096fa;
	padding: 6px;
	margin: 0em 0em 0em 0em;
	text-decoration: bold;
	text-align: center;
}

#content {
	background-color: #bbced9;
	width: 1120px;
	margin: 4.7em 0em 0em 0em;
	border: 1px solid #fff;
	border-radius: 6px;
	box-shadow: 0px 0px 15px #fff;
	z-index: 1;
}

#content_log {
	background-image: linear-gradient(to top, #bbced9 0%, #fff 90%);
	width: 1120px;
	margin: 4em 0em 0em 0em;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-radius: 6px;
	box-shadow: 0px 0px 100px #fff;
}

#back_gr_1 {
	background-image: url(./images/back_gr_01.png);
	position: relative;
	top: 0px;
	left: 0px;
	width: 1120px;
	height: 50px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	margin: 0.1em 0em 0em 0em;
}

#err_msg_field	{
	background-image: linear-gradient(to top, #df0101 0%, #fff 90%);
	width: 95%;
	color: #000;
	font-family: Verdana;
	font-size: 14px;
	padding: 10px;
	border: 1px solid #fff;
	border-radius: 6px;
	box-shadow: 0px 0px 8px #000 inset;
}

#pos_msg_field	{
	background-image: linear-gradient(to top, #04b404 0%, #fff 90%);
	width: 95%;
	color: #000;
	font-family: Verdana;
	font-size: 14px;
	padding: 10px;
	border: 1px solid #fff;
	border-radius: 6px;
	box-shadow: 0px 0px 8px #000 inset;
}

#footer	{
	width: 100%;
	min-width: 1120px;
	overflow: auto;
}

/* unteres Menü im Footer (Imperssum usw.) */ 
#footer_m	{
	padding: 0em;
	margin: -0.5em 0em 0em 0em;
	width: 100%;
	min-width: 1120px;
	height: 4.7em;
	background-image: linear-gradient(to top, #424242 0%, #bbced9 90%);
}

/* Button für oberes festes Menü*/
.button_om_1 {
	width: 120px;
	height: 3.0em;
	background-color: transparent;
	font-family: Verdana;
	font-size: 14px;
	color: #000;
	border: 0px solid #0096fa;
	padding: 8px;
	margin: -0.3em 0em 0em 0em;
	text-align: center;
	box-shadow: 0px 0px 0px #000 inset;
}

.button_om_1:hover {
	background: #bbced9;
	color: #df0101;
	font-weight: bold;
	border: 0px solid #222;
	box-shadow: 0px 0px 5px #000 inset;
}

.button_om_2 {
	width: 120px;
	height: 3.0em;
	background: #bbced9;
	font-family: Verdana;
	font-size: 14px;
	color: #df0101;
	font-weight: bold;
	border: 0px solid #0096fa;
	padding: 8px;
	margin: -0.3em 0em 0em 0em;
	text-align: center;
	box-shadow: 0px 0px 5px #000 inset;
}

/* Button für oberes festes Menü*/
.button_fm_1 {
	width: 130px;
	height: 2.2em;
	background: transparent;
	font-family: Verdana;
	font-size: 10px;
	color: #fff;
	border: 0px solid #bbced9;
	padding: 0px;
	margin: 0em 0em 0em 0em;
	text-align: center;
	box-shadow: 0px 0px 0px #000 inset;
}

.button_fm_1:hover {
	background: #bbced9;
	color: #df0101;
	font-weight: bold;
	border: 0px solid #222;
	box-shadow: 0px 0px 5px #000 inset;
}

/* Login Seite */
.button_login {
 width: 120px;
 background: transparent;
 font-family: Verdana;
 font-size: 12px;
 color: #000;
 border: 1px solid #0096fa;
 border-radius: 5px;
 text-decoration: none;
 padding: 5px;
 text-align: center;
 box-shadow: 0px 0px 3px #000;
}

.button_login:hover {
 color: #013ADF;
 text-decoration: bold;
 border: 1px solid #013ADF;
 text-decoration: none;
 box-shadow: 0px 0px 1px #000;
}

.input_login_1 	{
	padding: 5px;
	background-color: #fff;
	border: 0.1em solid #0096fa;
	width: 260px;
	text-align: left;
	font-family: Verdana;
	font-size: 14px;
	border-radius: 5px;
	box-shadow: 0px 0px 3px #000 inset;
	
}

a.link_login {
	color: #0096fa;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
 
a.link_login:hover { 
	font-family: Verdana;
	color: #000;
	text-decoration: none;
}
 
/*
+------------------------------------------------------+
| Ende Grundgerüst                                     |
+------------------------------------------------------+

+------------------------------------------------------+
| Anfang Registrierungsseite                           |
+------------------------------------------------------+
*/

.td_regpage_1	{
	background-image: linear-gradient(to top, #0096fa 0%, #bbced9 90%);
	padding: 6px;
	border-top: 1px solid #0096fa;
	border-right: 1px solid #0096fa;
	border-left: 1px solid #0096fa;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color: #fff;
	font-size: 16px;
	font-family: Verdana;
	font-weight: bold;
	text-align: center;
}

.td_regpage_2	{
	background-color: #eee;
	padding: 10px;
	border-left: 1px solid #0096fa;
	color: #000;
	font-size: 12px;
	font-family: Verdana;
	text-align: justify;
}

.td_regpage_3	{
	background-color: #eee;
	padding: 10px;
	border-right: 1px solid #0096fa;
	color: #000;
	font-size: 12px;
	font-family: Verdana;
	text-align: justify;
}

.td_regpage_4	{
	background-image: linear-gradient(to top, #bbced9 0%, #eee 90%);
	padding: 3px;
	border-bottom: 1px solid #0096fa;
	border-right: 1px solid #0096fa;
	border-left: 1px solid #0096fa;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	color: #fff;
	font-size: 16px;
	font-family: Verdana;
	font-weight: bold;
	text-align: center;
}

.input_regpage_1 	{
	padding: 5px;
	background-color: #fff;
	border: 0.1em solid #0096fa;
	width: 260px;
	text-align: left;
	font-family: Verdana;
	font-size: 14px;
	border-radius: 5px;
	box-shadow: 0px 0px 3px #000 inset;
}

/*
+------------------------------------------------------+
| Ende Registrierungsseite                             |
+------------------------------------------------------+

+------------------------------------------------------+
| Anfang Office / Starseite / Büro / Unterseiten       |
+------------------------------------------------------+
*/

#fest {
	position: fixed;	
}

.table_office_1 {
	width: 99%;
	margin: -1.2em 0em 0em 0em;
	padding: 5px;
	border-spacing: 0px;
}

.table_office_1_td_1 {
	width: 63%;
	font-family: Verdana;
	font-size: 14px;
}

.table_office_1_td_2 {
	width: 90px;
	color: #000;
	padding: 3px;
	border: 0px solid #000;
	border-radius: 6px;
	font-size: 14px;
	font-family: monospace;
	text-align: center;
	box-shadow: 0 0 0px #000 inset;
}

.table_office_1_td_3 {
	text-align: right;
	font-family: Verdana;
	font-size: 14px;
}

.table_office_2 {
	background-image: linear-gradient(to top, #f0f0f0 0%, #d0d0d0 90%);
	padding: 10px;
	width: 97%;
	border-radius: 6px;
	box-shadow: 0 0 5px #777;
}

.table_office_2_td_1 {
	background-image: linear-gradient(to top, #bbcde9 0%, #0096fa 90%);
	padding: 5px;
	color: #000;
	font-family: verdana;
	font-size: 13px;
	text-align: center;
}

.table_office_3 {
	background-color: #bbcde9;
	width: 100%;
	padding: 10px;
	border-spacing: 1px;
	box-shadow: 0 0 5px #fff;
}

.table_office_3 tr {
	background-color: #fff;
}

.table_office_3 tr:nth-of-type(even) {
	background-color: #E0E6F8;
}

.table_office_3_td_1 {
	background-image: linear-gradient(to top, #fff 0%, #0096fa 90%);
	padding: 6px;
	font-family: Verdana;
	font-size: 15px;
	text-align: center;
}

.table_office_3_td_2 {
	padding: 3px;
	font-family: monospace;
	font-size: 13px;
}

.table_office_3_td_3 {
	padding: 3px;
	font-family: monospace;
	font-size: 13px;
	text-align: right;
}

.table_office_3_td_4 {
	width: 150px; 
	padding: 5px 5px 5px 5px;
	font-family: monospace;
	font-size: 14px;
	text-align: center;
	box-shadow: 0 0 10px #fff;
}

.table_office_3_td_5 {
	background-color: #bbcde9;
	padding: 5px 5px 5px 15px;
	color: #000;
	font-family: monospace;
	font-size: 12px;
	text-align: left;
	box-shadow: 0 0 10px #fff;
}

.table_office_3_td_6 {
	padding: 6px;
	font-family: Verdana;
	font-size: 12px;
}

.table_office_3_td_7 {
	padding: 6px;
	color: #555;
	font-family: Verdana;
	font-size: 12px;
}

.button_office_1 {
	width: 120px;
	background-image: linear-gradient(to top, #bbced9 0%, #fff 90%);
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	border: 1px solid #0096fa;
	padding: 6px;
	margin: 0em 0em 0em 0em;
	text-decoration: none;
	text-align: center;
}

.button_office_1:hover {
	background-image: linear-gradient(to top, #bbced9 0%, #bbced9 90%);
	color: #df0101;
	text-decoration: bold;
}

.input_office_1 	{
	padding: 3px;
	background-color: #fff;
	border: 0.1em solid #0096fa;
	width: 120px;
	text-align: left;
	font-family: Verdana;
	font-size: 12px;
	border-radius: 5px;
	box-shadow: 0px 0px 3px #000 inset;
}

a.link_office_1 {
	font-weight: bold; 
    color: #0096fa;
    text-decoration: none;
}
 
a.link_office_1:hover { 
    font-weight: bold; 
    color: #df0101; 
    text-decoration: none; 
}

a.link_office_2 { 
	font-weight: bold;
	font-size: 11px;
    color: #000;
    text-decoration: none;
}
 
a.link_office_2:hover { 
	font-weight: bold;
    color: #0096fa; 
    text-decoration: none; 
}