/*

Theme Name: Daleri Dark

Theme URI: http://andreasviklund.com/wordpress-themes/

Description: The first theme in the <a href="http://daleri.com/">Daleri</a> design series by <a href="http://andreasviklund.com/">Andreas Viklund</a>. A dark and wide theme meant to encourage the user to tweak and and experiment in different ways. Additional material, replacement images, modifications and other add-ons will soon be available on the <a href="http://andreasviklund.com/wordpress-themes/" title="WordPress themes by Andreas Viklund">theme site</a>.

Version: 1.01

Author: Andreas Viklund

Author URI: http://andreasviklund.com/

*/



/* Body */

* {margin:0; padding:0;}

body { color:#ffffff; font:80%/1.3em "Trebuchet MS", Verdana, sans-serif; background: #fff url(img/bodyb-bg.gif); text-align:center; padding-bottom:30px; }



/* Top */

#top { background-color: #464545; padding:10px 0; width:960px; margin:auto; border-left: 2px ridge #999; border-right: 2px ridge #999; }

#topleft {width:650px; float:left; margin:0 0 0 10px; text-align:left;}

#topleft h1 {font-size:2.4em; line-height:0.9em; margin:5px 0; padding:0;}

#topleft h1 a {font-weight:700;}

#topleft p, #topright p {margin:0 0 5px 0; padding:0; color:#ccc;}

#topright {width:250px; padding:0; float:right; text-align:right; margin:0 10px 0 0;}



/* Searchbox */

.searchbox {margin:10px 0 10px 0; padding:0;}

.searchbox label {color:#ddd;}

.searchbox input {background:#2a2a2a; padding:3px 0 3px 5px; margin:0; width:180px; color:#eee; border:1px solid #888;}



/* Header */

#header {background: #464545 url(img/jims-auto-banner_1.jpg) no-repeat left top; color:#eee; margin:0 auto; padding:0 0 0; text-align:left; width:960px; height:200px; border-left: 2px ridge #999; border-right: 2px ridge #999;}

#header h2, #header h3 { font-size:1.6em; color:#eee; background-color: #464545; }

#headerleft { clear:both; width:240px; height:190px; float:left; padding:9px 0 0 10px; overflow:auto; }

#headerright p, #headerright ul, #headerright ol, #headerright div, #headerright table {text-align:left; padding:0; margin:0 0 5px 0; color:#eee;}

#headerleft li {list-style:none; margin:0 0 2px 0;}

#headerright {width:240px; float:left; height:190px; text-align:right; padding:9px 10px 0 0; overflow:auto;}

#headerright p, #headerright ul, #headerright ol, #headerright div, #headerright table {text-align:left; padding:0; margin:0 0 5px; color:#eee;}

#headerright li {list-style:none; margin:0 0 2px 0;}



/* Main wrap */

#wrap {margin:0 auto; padding:0; text-align:left; width:960px; background-color: #464545;  border-left: 2px ridge #999; border-right: 2px ridge #999;}



/* Headers */

h2, h3, h4 {margin:0 0 15px; color:#fff; font-weight:600;}



/* horizonallinks */



#horizontallinks {background-color: #464545; width:960px; margin:auto; padding-top: 5px; padding-right: 0; padding-bottom: 5px; padding-left: 0px; border-bottom: 1px solid #666; }

#horizontallinks h2 {font-size:1.9em; padding-right: 10px; padding-left:10px; }

#horizontallinks ul li {float:left; list-style:none; margin: 3 3 3 5px; padding:0; }

#horizontallinks ul li a {padding:5px 10px 5px 10px; margin-right:5px; background-color:#3a3a3a; color:#ccc; border:1px solid #555; border-left:3px solid #666;}

#horizontallinks ul li a:hover {background:#236adc; border-color: #555 #555 #555 #cfd2d8; border-style: solid; border-width: 1px 1px 1px 4px; }





/* Sidebar */

#sidebar { margin:40px 0 5px 10px; float:left; width:180px; padding:0 10px 0 0; border-right: 1px outset #ccc; display: inline;}

#sidebar h2, #sidebar h3 {font-size:1.6em; padding:2px 0; margin:0 0 8px 0;}

#sidebar h3, #sidebar h4 {font-size:1.2em; margin:0 0 8px 0;}

#sidebar p, #sidebar ul ,#sidebar .textwidget,#sidebar form,#sidebar table {margin:0 0 18px 0; padding:0;}

#sidebar li {list-style:none; margin:0 0 3px;}

#sidebar ul li a {font-size:1.2em;}

#sidebar ul ul, #sidebar ul ul ul {list-style:none; margin: 2px 0 0 15px; padding:0;}

#sidebar ul ul li, #sidebar ul ul ul li {list-style:none; margin:0; padding:0;}

#sidebar ul ul li a {font-size:0.9em; font-weight:normal; margin:0; padding:0;}

#sidebar table {width:180px;}

#sidebar caption {font-size:1.6em; padding:2px 0; margin:0 0 8px 0; text-align:left;}



/* Menu buttons */

#sidebar ul.menubuttons li {list-style:none; width:180px; padding:0; margin:0 0 3px 0;}

#sidebar ul.menubuttons li a {display:block; padding:3px 0 3px 5px; background-color:#3a3a3a; color:#ccc; border:1px solid #555; border-left:4px solid #666;}

#sidebar ul.menubuttons li a:hover, #sidebar ul.menubuttons li.current_page_item a { background:#444; border-color: #555 #555 #555 #236adc; border-style: solid; border-width: 1px 1px 1px 4px; }

#sidebar ul.menubuttons ul {margin:0; padding:2px 0 0 10px;}

#sidebar ul.menubuttons ul li {width:170px;}

#sidebar ul.menubuttons ul li a {font-size:0.9em; background:#2a2a2a; padding:1px 0 1px 5px;}



/* Content */

#content { float:right; width:740px; margin-top: 40px; margin-right: 10px; margin-bottom:5px; display: inline;}

#content h2 {font-size:1.8em; clear:left;}

#content h3 {font-size:1.4em; clear:left;}

#content h2, #content h3 {}

#content h2 a, #content h3 a {font-weight:normal;}

#content p {margin:0 0 18px;}

#content div.postnav {padding:10px 0;}

#content div.postnavleft {width:48%;}

#content div.postnavright {width:48%; text-align:right;}

#content ul, #content ol {margin:0 0 18px 30px;}

#content ul li, #content ol li {margin:0 0 3px;}

#content ul ul, #content ol ol {margin:5px 0 5px 15px;}

#content img {margin:0; padding:0;}

#content img.left {float:left; margin:0 10px 10px 0;}

#content img.right {float:right; margin:0 0 10px 10px;}

#content img.center {margin:2px auto 10px auto; display:block;}

#content img.framed {padding:5px; background:#222; border:1px solid #555;}

#content .post {margin:0 0 30px;}

#content .timestamp {font-size:1.4em;}

#content .timestamp a {font-weight:normal;}



/* Footer */

#footer { clear:both; color:#eee; text-align:center; background-color:#2a2a2a; border-color: #555; border-style: solid; border-width: 1px 1px 2px; }

#footer p {margin:0; padding:10px 0;}

#footer .credits {font-size:1.3em;}

#footer a {color:#eee;}

#footer a:hover {color:#fff; text-decoration:underline;}



/* Comments */

#comments {margin:20px 0 16px 0;}

.comment {margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid #555;}

#content div.comment p.commenticon {margin:0 0 10px;}

#content div.comment p {margin:0 0 4px;}

#respond {margin:20px 0 0 0;}

#respond p {margin:0 0 10px 0;}

#respond input,#respond textarea {padding:4px; width:280px; background-color:#2a2a2a; color:#eee;}

#respond textarea#comment {width:670px;}

#respond input#submit {width:75px;}

#respond input, #respond textarea {font: 100% "Trebuchet MS",Verdana,sans-serif; border: 1px solid #555;}



/* Tags */

blockquote {padding:5px 15px 2px; margin:10px; border-left:2px inset #7caae7; color:#bebdbd;}

blockquote p {padding:2px 0; margin:0; font-weight:bold;}

code {padding:5px; font-size:1.2em; display:block; margin: 5px 0 16px 0; background-color:#2a2a2a; border:1px solid #555;}



/* Links */

a {color:#236adc; font-weight:400; text-decoration:none;}

a:hover {color:#7caae7; text-decoration:none;}

a img {border:0;}



/* Float fix */

.contenttext {overflow:hidden;}

* html .contenttext {height:1px; overflow:visible;}

* html .contenttext p {overflow:hidden; width:99%;}



/* Various classes */

.feedlink {padding:2px 0 2px 18px; margin:0 0 0 12px; font-size: 1.1em; background: url(img/rss.png) center left no-repeat;}

.textright {text-align:right;}

.textcenter {text-align:center;}

.clear {visibility:hidden; clear:both;}

.hide {display:none;}

/* Code for Booking Calendar CSS */
#calendarDiv input {
      font-size: 9pt;
      }


  #calendarDiv select {
      font-size: 9pt;          
      }


  #calendarDiv option {
      font-size: 9pt;
      }


  /* Jeder Text, der nicht in der Terminansicht zu sehen ist */
  /* All text which not appears in the calendar view */
  #calendarDiv .text {
      color:#000000;
      font-family: Verdana, sans-serif;
      font-size: 10pt;
      }


  /* Fett gedruckter Text */
  /* Bold text */
  #calendarDiv .bold {
      font-weight: bold;
      color:#000000;
      }


  /* Tabellenzelle 'Uhrzeit' */
  /* Table cell 'Time'*/
  #calendarDiv .time {
      font-weight: bold;
      background-color:#D9DEFF;
      color:#000000;
      text-align: center;
      }


  /* Tabellenzellen mit Datum, Tabellenkopf der Eventliste   */
  /* Table cells which are containing the date, table head of the event list*/
  #calendarDiv .date {
      background-color:#EAEDFF;
      color: #000000;
      text-align: center;
      }


  /* Tabellenzellen mit den Termin-Uhrzeiten (linke Spalte)*/
  /* Table cells which are containing the appointment times (left column) */
 #calendarDiv  .app {
      background-color:#1200C0;
      color:#ffffff;
      text-align:right;
      }


  /* Tabellenzellen fuer Wochenende, Pausen und Geschaeftsschluss */
  /* Table cells for weekend, breaks, close of business */
  #calendarDiv .weekend {
      background-color:#8376FF;
      color:#FFFFFF;
      text-align: center;
  }
  #calendarDiv .weekend a {
      color:#FFFFFF;
  }


  /* Tabellenzellen mit reservierten Terminen */
  /* Table rows with scheduled/reserved Appointments */
  #calendarDiv .res {
      background-color:#FFEECE;
      color:#000000;
      text-align:center;
      }


  /* Links in den Tabellenzellen mit reservierten Terminen */
  /* Links inside of the scheduled appointment table cells */
  #calendarDiv .res a {
      color:#C07A00;
	  text-decoration:none;
      }


  #calendarDiv .res a:link {
      color:#C07A00;
	  text-decoration:none;
      }


  #calendarDiv .res a:visited {
      color:#C07A00;
      }


  #calendarDiv .res a:hover {
      color:#000000;
	  text-decoration:underline;
      }


  #calendarDiv .res a:active {
      color:#000000;
      }


  /* Tabellenzellen mit Admin-Terminen */
  /* Table rows with admini appointments */
  #calendarDiv .admin_res {
      background-color:#FFEECE;
      color:#000000;
      text-align:center;
      }


  /* Links in den Tabellenzellen mit Admin-Terminen */
  /* Links inside of the admin appointment table cells */
  #calendarDiv .admin_res a {
      color:#C07A00;
	  text-decoration:none;
      }


  #calendarDiv .admin_res a:link {
      color:#C07A00;
	  text-decoration:none;
      }


  #calendarDiv .admin_res a:visited {
      color:#C07A00;
      }


  #calendarDiv .admin_res a:hover {
      color:#000000;
	  text-decoration:underline;
      }


  #calendarDiv .admin_res a:active {
      color:#000000;
      }


  /* Tabellenzellen mit freien Terminen */
  /* Table cells for unscheduled/free appointments */
  #calendarDiv .free {
      background-color:#F1F3FF;
      text-align: center;
      }


  /* Radio-Buttons in Tabellenzellen mit freien Terminen */
  /* Radio buttons in table cells for unscheduled/free appointments */
 #calendarDiv  .free input {
      background-color:#F1F3FF;
      }


  /* Tabellenzellen und Text im Detail-PopUp-Fenster */
  /* Table cells and text in detail pop up window */
 #calendarDiv  .popup_text {
      color:#001060;
      background-color:#EFEFEF;
      }


  /* Fett gedruckter Text im Detail-PopUp-Fenster*/
  /* Bold text inside the detail pop up window */
  #calendarDiv .popup_bold {
      font-weight: bold;
      color:#001060;
      background-color:#EFEFEF;
      }


  /* Tabellenzellen und Text in der Terminliste */
  /* Table cells and text in appointment list */
  #calendarDiv .eventlist_text {
      color: #000000;
      }


  #calendarDiv .eventlist_text a {
      color: #000000;
      }


  #calendarDiv .eventlist_text a:link {
      color: #000000;
      }


  #calendarDiv .eventlist_text a:visited {
      color: #000000;
      }


  #calendarDiv .eventlist_text a:hover {
      color: #ffffff;
      }


  #calendarDiv .eventlist_text a:active {
      color: #000000;
      }


  /* Textformatierung des E-Mail-Formulars */
  /* Text of the e-mail form */
  #calendarDiv .mailform {
      font-weight:bold;
      }



  /* Auswahlfelder oberhalb der Kalenderansicht im Userbereich*/
  /* Select fields above the calendar view */
  #calendarDiv .selectiontableoutside {
      background-color:#001060;
      }


  #calendarDiv .selectiontableinside {
      background-color:#EAEDFF;
      }
      
      
      
  #calendarDiv .numberoptions {
      text-align:right;
  }


  	/* Navigation oberhalb des Auswahlmenues */
  	/* Navigation bar on top of the page */
  #calendarDiv 	.navibar {
  		margin:0px 0px 10px 0px;
    	font-weight:bold;
		border:1px solid #000000;
		padding:3px;
		background-color:#EAEDFF;
  	}

	#calendarDiv .navibar a {
		text-decoration:none;
	}

	#calendarDiv .navibar a:hover {
		text-decoration:underline;
	}


	#calendarDiv .navibarcontainer {
		width:650;
	}


#calendarDiv .topmenu a:link {
 font-weight: bold;
 color: #6F6F6F;
 }

#calendarDiv .topmenu a:visited {
 font-weight: bold;
 color: #6F6F6F;
 }

#calendarDiv .topmenu a:hover {
 font-weight: bold;
 color: #000000;
 }



	#calendarDiv .timerange {
		font-weight:bold;
		line-height:23px;
		border:1px solid #000000;
		margin-top:5px;
		padding:5px;
		background-color:#EAEDFF;
	}

	#calendarDiv .timerange input {
		text-align:right;
		padding:1px 10px 1px 10px;
	}



	/* Abgesagte Termine */
	/* Canceled appointments*/
  #calendarDiv 	.canceled {
		text-decoration:line-through
	}

	/* Active appointments */
	#calendarDiv .active {
	}

	
	/* Liste Termingruende */
	/* Reason list below appointment overview*/
	#calendarDiv .reasons {
        margin-top:30px;
		border:1px solid #000000;
		padding:3px;
		border:1px solid #000000;
		background-color:#EAEDFF;
		width:100%;
	}


	/* Details PopUp, Profile */
	#calendarDiv .details td {
		background-color:#EAEDFF;
	}


/* 	Kalenderansicht
	Calendar view */
#calendarDiv .calendar {
    border:1px solid #000000;
    padding:3px;
    background-color:#EAEDFF;
	width:270px;
	height:265px;
}

#calendarDiv .calendar caption{
    font-weight:bold;
	font-size:14px;
	padding:5px 0px 5px 0px;
	text-align:center;
}


#calendarDiv .formtable input[type="text"],
#calendarDiv .formtable input[type="submit"],
#calendarDiv .formtable input[type="password"],
#calendarDiv .formtable select,
#calendarDiv .formtable textarea {
	margin-left:10px;
}

#calendarDiv .formtable input[type="radio"],
#calendarDiv .formtable input[type="checkbox"] {
	margin-left:10px;
 	text-align:left;
}

/* Hilfetexte, die im Popup erscheinen */
/* Help texts appearing in popup windows */
#calendarDiv .helptext li {
	margin-bottom:15px;
}

#calendarDiv .print_row {
	background-color:#1200C0;
  	color:#ffffff;
	text-align:center;
}

#calendarDiv .print_row a {
    color:#FFFFFF;
}

#calendarDiv .install_label {
	width:250px;
	font-weight:bold;
	vertical-align:top;
	text-align:right;
	padding-right:10px;
}


/* Farbe Terminhintergruende bassierend auf dem Termingrund */
#calendarDiv .reason1 {
    background-color:#000000;
	color:#FFFFFF;
	text-align:center;
}

#calendarDiv .reason1 a {
	color:#FFFFFF;
}


#calendarDiv .grid_tooltip td {
	font-size:11px;
}
#calendarDiv .reservationbutton {
    font-weight:bold;
	padding:5px;
}

#calendarDiv .error_message_item {
    font-weight:bold;
	color:#FF0000;
}


#calendarDiv .myappointments_table_head {
	background-color:#EAEDFF;
}

#calendarDiv .myappointments_table_light_row {
	background-color:#F1F3FF;
}

#calendarDiv .myappointments_table_dark_row {
	background-color:#EAEDFF;
}

#s6e_body {
    margin:0 0 0 0;
    padding:0 0 0 0;
    text-align:center;
}

#s6e_body_content {
    margin: 0 auto;
	width:750px;
    text-align:left;
}
/* End Calendar CSS */