

body {
 font-family: Verdana, Arial, Geneva;
 font-size: 13px;
 margin: 0px;
 border: 0px;
 padding-top:0px;
 text-align: left;
 background-color: #fff;
 color: #15428B;
}

h1 {
padding: 0px;
padding-bottom: 10px;
margin: 0px;
font-size: 20px;
color: #15428B;
}


h2 {
padding: 0px;
margin: 0px;
font-size: 16px;
color: #15428B;
}

h3 {
padding: 0px;
margin: 0px;
font-size: 16px;
color: #000;
}

/*
 * LOGIN
 */
 
#box_login {
 position: absolute;
 top: 150px;
 left: 50%;
 margin-left: -200px;
 width: 400px;
 padding: 10px;
 padding-top: 130px;
 padding-left: 30px;
 height: 400px;
 background-color: #fff;
 background: url(../images/background-login2.jpg) no-repeat top left; 		
}


/*
 * HEADER
 */


#headercontainer {
 position: relative;
 width: 100%;
 height: 60px;
 background-color: #D0E5FF;
 color: #000;
}

#headercontainer .content{
 padding-top: 20px;
 padding-left: 10px;
 font-size: 16px;
 color: #15428B;
}


#customercontainer {
 position: absolute;
 top: 10px;
 right: 10px;	
 text-align: right; 
}	

#contentcontainer {
 position: relative;
 left: 0px;
 width: 100%;
}

#contentcontainer .content {
 left: 0px;
 padding: 10px;
}

#footercontainer {
 position: relative;
 left: 0px;
 width: 100%;
}

#footercontainer .content {
 padding: 10px;
 font-size: 12px;
 color: #aaa;
}

#table-head {
 padding: 5px;
 background: url(../images/bg-head.jpg) repeat-x top left; 	
 font-size: 12px;
 font-weight: bold;
 height: 80px;
}
#headline {
 font-size: 12px;	
 color: #333;
 font-weight: normal;
 padding-top: 5px;
}
#userline {
 font-size: 16px;	
 color: #fff;
 font-weight: bold;
 padding-top: 10px;
}


#box-logo {
 position: absolute;
 top: 0px;
 right: 10px;
 width: 115px;
 height: 80px;
 font-size: 14px;	
 color: #3E7FCF;
 font-weight: normal;
}

/*
 * MENÜ & BUTTONLEISTE
 */

#box-mainmenu {
 left: 0px;
 width: 100%;
 height: 30px;
 background-color: #BFDBFF;
 background: url(../images/bg-mainmenu.jpg) repeat-x top left; 
}
#box-mainmenu a{
 text-decoration: none;
 color: #15428B;
 display: block;	
}
#box-mainmenu a:hover{
 text-decoration: underline;
 color: #15428B;
 display: block;	
}

#box-submenu {
 left: 0px;
 width: 100%;
 height: 30px;
 background-color: #EAF1FA;
 padding: 0px;
 background: url(../images/bg-submenu.jpg) repeat-x top left; 
}

#box-submenu a{
 text-decoration: none;
 color: #15428B;
 display: block;	
}

#box-submenu a:hover{
 text-decoration: underline;
 color: #15428B;
 display: block;	
}

#box-toolbar {
 left: 0px;
 width: 100%;
 height: 85px;
 background-color: #CDDCEF;
 padding-top: 5px;
 padding-left: 10px;

 background: url(../images/bg-toolbar.jpg) repeat-x top left; 
 background-color: #cddcef;
}

#box-toolbar a, #btn-sm{
 display: block;
 background-color: #D0E5FF;
 text-decoration: none;
 color: #15428B;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 30px;
 padding-bottom: 30px;
}

#btn-sm-content{
 background-color: #D0E5FF;
 text-decoration: none;
 color: #15428B;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 30px;
 padding-bottom: 30px;
}

#box-toolbar-small {
 left: 0px;
 width: 100%;
 height: 30px;
 background-color: #EAF1FA;
 padding-top: 0px;
 padding-left: 0px;

 
 background: url(../images/bg-toolbar-small2.jpg) repeat-x top left; 
}


#td-menu-act {
 height: 30px;
 background: url(../images/bg-menu-act.jpg) no-repeat top left; 	
}
#td-submenu-act {
 height: 30px;
 background: url(../images/bg-submenu-act.jpg) no-repeat top left; 	
}


#tab-toolbox {
 border: 1px #C1D8F1 solid;	
}

#td-toolbox {
 height: 50px;	
 text-align: left;
 vertical-align: top;
 padding: 2px;
}
#td-toolbox-footer {
	
 background-color: #CDE0F4;	
 color: #3E7FCF;
 padding: 2px;
 text-align: center;
}

/*
 * CONTENT
 */


#box-label {
 color: #3E7FCF;
 font-size: 14px;
 font-weight: bold; 
 padding-left: 10px;
 padding-top: 25px;
 padding-bottom: 10px;
}

#tab-content {
 background-color: #D0E5FF;
}

#tab-content-td-content {
 background-color: #fff;
 padding-top: 5px;
 padding-bottom: 5px;
 text-valign: middle;
}

#tab-content-td-content a{
 color: #15428B;
 text-decoration: none;
}

#tab-content-td-header {
 /* background: url(../images/bg-tab-content-header.jpg) repeat-x top left; */
 background: url(../images/bg-mainmenu.jpg) repeat-x top left;
 height: 20px;
 background-color: #d6deeb;
 padding-top: 5px;
 padding-bottom: 5px;
}

#tab-content-td-header a{
 text-decoration: none;
 color: #15428B;	
}



#table-x {
 padding: 5px;
 background: url(../images/bg-toolbar.jpg) repeat-x top left; 	
 font-size: 12px;
 font-weight: bold;
}

#td-inforow {
 backround-color: #15428B;	
}


/*
 * ALLGEMEINE FORMEN
 */

#formsize_50 {
 width: 50px;	
}

#formsize_100 {
 width: 100px;	
}

#formsize_200 {
 width: 200px;	
 border: 1px #ddd solid;
 padding: 3px;
}

#formsize_300 {
 width: 300px;	
}

#formsize_400 {
 width: 400px;	
 border: 1px #ddd solid;
 padding: 3px;
}
#formsize_500 {
 width: 500px;	
}

#form_titel {
 width: 400px;	
 border: 1px #ddd solid;
 padding: 3px;
}

#form_termin {
 width: 400px;	
 border: 1px #ddd solid;
 padding: 3px;
}

#formsubmit {
 background-color: #D0E5FF;
 text-decoration: none;
 color: #15428B;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 30px;
 padding-bottom: 30px;
 border: 0px;
}

/*
 * POPUP
 */
 
 #box-popup-header {
 left: 0px;
 width: 100%;
 height: 30px;
 background-color: #EAF1FA;
 padding-top: 0px;
 padding-left: 0px;

 
 background: url(../images/bg-mainmenu.jpg) repeat-x top left; 
}
 
 #box-popup-fileselect {
 left: 0px;
 width: 100%;
 height: 300px;
 padding: 0px;
 overflow: scroll;
}
#td-filename-select {
 color: #15428B;	
 background-color: #D1E6FF;	
}

#td-filename-select a{
 text-decoration: underline;
 color: #15428B;	
}
#td-filename a{
 text-decoration: none;
 color: #15428B;		
}
 
#popup-text {
 color: #3E7FCF;
 font-size: 12px;
 font-weight: normal;
 padding: 5px;	
} 
 
 #gray_overlay{
			display: block;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: #fff;
			z-index:1001;
			-moz-opacity: 0.7;
			opacity:.70;
			filter: alpha(opacity=70);
		}
		
	#white_content {
			display: block;
			position: absolute;
			top: 30px;
			left: 1%;
			width: 98%;
			padding: 0px;
			border: 3px solid #C1DCFF;
			background-color: white;
			z-index:1002;
			overflow: auto;
		}
		
	#white_content_middle {
			display: block;
			position: absolute;
			top: 90px;
			left: 50%;
			width: 600px;
			margin-left: -300px;
			padding: 0px;
			border: 3px solid #C1DCFF;
			background-color: white;
			z-index:1002;
		}
		
		

	#white_content_small {
			display: block;
			position: absolute;
			top: 250px;
			left: 50%;
			width: 300px;
			margin-left: -150px;
			padding: 0px;
			border: 3px solid #C1DCFF;
			background-color: white;
			z-index:1002;
			overflow: auto;
		}
		
		
#div-fahrzeug {
	width: 900px; 
	border: 1px #D0E5FF solid; 
	padding: 10px; 
	margin-top: 5px;	
}

#div-fahrzeug:hover {
    background-color: #EAF1FB;
}

#div-fahrzeug-detail {
	width: 900px; 
	border: 1px #D0E5FF solid; 
    background-color: #EAF1FB;
	padding: 10px; 
	margin-top: 5px;	
}

#div-fahrzeug-filter {
	width: 900px; 
	border: 1px #D0E5FF solid; 
	background-color: #EAF1FB; 
	padding: 10px; 
	margin-top: 5px;	
}

#div-termin {
	width: 900px; 
	border: 1px #D0E5FF solid; 
	padding: 10px; 
	margin-top: 5px;	
}

#div-termin a{
	color: #15428B;
}
	
#div-termin-filter {
	width: 900px; 
	border: 1px #D0E5FF solid; 
	background-color: #EAF1FB; 
	padding: 10px; 
	margin-top: 5px;	
}

#tab-daten {
	
	border: 1px solid #ddd;
	border-collapse: collapse;	
}

#tab-daten tr:hover {
    background: #eee;
}

#tab-daten td {

	border: 1px solid #ddd;
	padding: 5px;	
}

#tab-daten td a{

	 background-color: #D0E5FF;
	 text-decoration: none;
	 color: #15428B;
	 padding-left: 20px;
	 padding-right: 20px;
	 padding-top: 3px;
	 padding-bottom: 3px;
	 border: 0px;
	
}

#tab-daten .header {

	background-color: #eee;	
}

a.blue{

	 background-color: #D0E5FF;
	 text-decoration: none;
	 color: #15428B;
	 padding-left: 20px;
	 padding-right: 20px;
	 padding-top: 3px;
	 padding-bottom: 3px;
	 border: 0px;
	
}
