/*
Theme Name: myStylesheet (style.css)
Theme URI: 
Description: my
Author: fs und rwa für ZEIT IS Verkäuferschmiede Ltd. & Co. KG
Author URI: http://www.zeit-is.de
Tags: my v0.1


    = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = 
    resetters, basic tag styles etc. 
    = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

	html{}


	body 
{
					font-size: 62.5%; /* Resets 1em to 10px */
					font-family: 'Lucida Grande', Verdana, Sans-Serif;
					color: #333;
					text-align: center; /* ie6 */
}

	*
{
					padding: 0;
					margin: 0;
}



	a,
	a:visited
{
					color: #555;
					text-decoration: none;
					outline: none;
}
	a:hover
{
					color: #111;
					text-decoration: underline;
}
	a img
{
					border: none;
}


	ul,
	li
{
					list-style: none;
					list-style-type: none;
}


	acronym, 
	abbr
{					cursor: help;
					border-bottom: 1px dashed #999;
}



	blockquote
{
					padding:5px 0;
					margin: 15px 30px 0 10px;
					border-left: 5px solid #ddd;
}


	blockquote cite
{
					margin: 5px 0 0;
					display: block;
}




	code
{
					font-family: 'Verdana', Fixed;
					font-size: 1.1em;
}


	.small
{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 0.9em;
					line-height: 1.5em;
					color: #777;
}


	.center
{
					text-align: center;
}

	.hidden
{
					display: none;
}



	/* these 2 are from Wordpress (eg for next/previous links in single.php) */
	.alignright
{
					float: right;
}
	.alignleft
{
					float: left;
}




/* images - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	img.alignright
{
					padding: 4px;
					margin: 0 0 2px 7px;
					display: inline;
}

	img.alignleft
{
					padding: 4px;
					margin: 0 7px 2px 0;
					display: inline;
}









/*  = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
    page 
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

	/* everything within the body tag, incl. header & footer 
	   set in 'header.php'-template */

	div#page
{
					width: 954px;
					text-align: left; /* reset body-text-align:center for ie6 */
					margin: 40px auto;
					background-image: url(images/bg_3col.gif);
					background-repeat: repeat-y;
}





/*  = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
    header 
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

	#header
{
					width: 954px;
					height: 128px;
					background-color: #fff;
					border-style: solid; 
					border-color: #fff; 
					border-width: 0 0 1px 0;
}




	div#headerimg
{
					width: 954px;
					height: 88px;
					background-image: url(images/bg_header.gif);
					background-repeat: no-repeat;
}

/* wp default theme feature not used in this theme ('my') 
	div#headerimg .description
{
					display: none;
					font-size: 1.2em;
					text-align: center;
					color: white;
					margin-left: 90px;
}
*/


	#headercolorbar
{
					width: 954px;
					height: 40px;
					text-align: center;
}


	.main0-headercolorbar,
	.main1-headercolorbar,
	.main4-headercolorbar,
	.main5-headercolorbar,
	.main6-headercolorbar,
	.main7-headercolorbar,
	.main8-headercolorbar,
	.main9-headercolorbar
{
					background-color: #0f2455; /* Home, Training, Coaching, Training & Coaching, Referenzen, Karriere, Firmenphilosophie, Kontakt, Handwerker-Trainings, Impressum */
}
	.main2-headercolorbar
{
					background-color: #33cccc; /* Typberatung */
}
	.main3-headercolorbar
{
					background-color: #c1c1c2; /* Web- und Print-Design */
}

/* currently not in use: */
	.mainX-headercolorbar {background-color: #718b8e; /* PR */}
	.mainX-headercolorbar {background-color: #8ea5b9; /* Firmenorganisation */}






	#headercolorbar p
{
					font-size: 1.1em;
					font-weight: bold;
					color: #fff;
					padding: 13px 0 0 0;
}







/*  = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
    leftcol 
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

	div#leftcol
{
					width: 200px;
					min-height: 400px;
					float: left;
}


	div#leftcol img#main0_hover,
	div#leftcol img#main1_hover,
	div#leftcol img#main2_hover,
	div#leftcol img#main3_hover,
	div#leftcol img#main4_hover,
	div#leftcol img#main5_hover,
	div#leftcol img#main6_hover,
	div#leftcol img#main7_hover,
	div#leftcol img#main8_hover,
	div#leftcol img#main9_hover

{
					display: none;
}




	/* leftcol lists */
	div#leftcol ul
{
					width: 192px;
					padding: 3px 4px;
					margin: 0 0 7px 0;
}
	div#leftcol ul li
{
					margin: 0 0 6px 0;
}

	div#leftcol ul li a,
	div#leftcol ul li a:hover,
	div#leftcol ul li a:visited
{
					color: #444;
}


	div#leftcol div.widget-snippet ul
{
					width: 190px;
					padding: 3px 4px 3px 6px;
}


	div#leftcol div.widget-snippet ul li
{
					padding: 0 0 0 10px;
					background-image: url(images/bullet_leftcol_li.jpg);
					background-repeat: no-repeat;
					background-position: 0 2px;
}






	/* leftcol Snippets-Widget */
	div#leftcol div.widget-snippet h2
{
					width: 186px;
					padding: 3px 4px 3px 10px;
}


	div#leftcol div.widget-snippet p
{
					width: 186px;
					padding: 3px 4px 3px 10px;
}



	div#leftcol h3.widget-title
{
					width: 192px;
					padding: 5px 4px;
					margin: 0 0 3px 0;
					background-color: #eaeaea;
}


	div#leftcol div.widget_categories,
	div#leftcol div.widget_recent_entries,
	div#leftcol div.widget_archive
{}





	div#leftcol div.widget-snippet a,
	div#leftcol div.widget-snippet a:active
{
					float: left;
					width: 192px;
					font-weight: bold;
					padding: 5px 4px;
					margin: 0 0 15px 0;
					border-style: solid;
					border-width: 0 0 1px 0;
					border-color: #eee;
}


	div#leftcol div.widget-snippet a:hover
{
					text-decoration: none;
					background-color: #eaeaea;
}


















/*  = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
    content (center col) 
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */


	div#page div#content
{
					font-size: 1.2em;
					line-height: 160%;
					float: left;
					width: 516px;;
					padding: 20px 18px 0 20px;
}








/* Content-Bereich headlines 
   -------------------------------------------------------------------- */
	/* h1 only in #header */


	div#page div#content h2
{
					font-family: 'Lucida Grande', Verdana, Sans-Serif;
					font-size: 1.2em;
					margin-top: 0;
					margin-bottom: 3px;
}



	div#page div#content h2#homepage_ticker_headline
{
					color: #c00;
					margin-bottom: 20px;
}



	/* h2 colours */
	.main0-3col div#content h2,
	.main1-3col div#content h2,
	.main2-3col div#content h2,
	.main4-3col div#content h2,
	.main5-3col div#content h2,
	.main6-3col div#content h2,
	.main7-3col div#content h2,
	.main8-3col div#content h2,
	.main9-3col div#content h2
{
					color: #0f2455;
}
	.main3-3col div#content h2
{
					color: #c1c1c2;
}




/* in der single.php */
   

	/* das sind die wp-default-Namen der headline-Klassennamen/Ids */
	h2#comments {}
	h2#postcomment
{
					padding: 13px 0 7px 0;
}


	h2#h2single
{
					float: left;
					width: 100%;
					margin: 0;
					padding: 0 0 13px 0;
}

	div.navigation
{
					width: 100%;
}

	div.navigation div.onepostback
{
					float: left;
}

	div.navigation div.onepostforward
{
					clear: left;
					float: right;
}




	div#content h3
{
					font-family: 'Lucida Grande', Verdana, Sans-Serif;
					font-weight: bold;
					font-size: 1.2em;
					margin: 0 0 8px 0;
					color: #c00;
}

	/* ??? kommt vom wp */
	div#content h3.comments
{
					margin: 40px auto 20px auto;
}

	div#content h4
{
					font-family: 'Lucida Grande', Verdana, Sans-Serif;
					font-weight: bold;
					font-size: 1em;
					margin: 0 0 8px 0;
}







/* lists 
   -------------------------------------------------------------------- */

	div#content ul
{
					margin-bottom: 20px;
}
	div#content ul li
{
					padding: 2px 0 2px 12px;
					background-image: url(images/bullet_content_li.jpg);
					background-repeat: no-repeat;
					background-position: 0 7px;
}


	div#content ol
{
					margin-bottom: 20px;
}
	div#content ol li
{
					padding: 4px;
					list-style: decimal outside;
					margin-left: 19px;
}



	/* Ausgabe der Kommentare unter Posts */
	div#content ol#commentlist
{
					margin-left: 19px;
}

	div#content ol#commentlist li.comment
{
					margin: 0 0 20px 0;
					background-color: #eee;
}











	div#content h2 a, 
	div#content h2 a:visited, 
	div#content h3 a, 
	div#content h3 a:visited {}


	div#content h2 a:hover, 
	div#content h3 a:hover {}

	div#content a
{
					color: #555;
					font-weight: bold;
}








/* content: individual parts
   -------------------------------------------------------------------- */

	div#page div#content div#righttopbox
{
					float: right;
					width: 200px;
					height: 200px;
					padding: 0 0 20px 10px;
					margin: 0 0 20px 20px;
}

/* all other righttopboxes may not be of the same layout, add a 
   class and overwrite here, add !important if a value was 
   already given in div#righttopbox definitions (one above) */

	div#page div#content div.righttopbox-schnupper-trainings
{
					width: 240px !important;
					border-style: solid;
					border-width: 0 0 0 1px;
					border-color: #dedede;
}





	div#content div.entry p
{
					/* this slightly interferes with the form-tags generated 
					   by 'Contact Form 7' as they are outputted inside in a 
					   div.entry - the bottom margin is lowered there */
					margin: 0 0 20px 0;
}



	div#content div.first
{
					clear: both;
					margin: 15px 0 0 0;
}

	div#content div.tipp h3
{
					float: left;
					margin-bottom: 3px;
}



	div#content a.more-img-link
{
					display: block;
					float: right;
					width: 47px;
					padding: 5px 0 5px 5px;
}




	div#content a.more-img-link span
{
					display: block;
					width: 47px;
					float: left;
					padding: 4px 0 0 0;
}






	/* Text unter jedem Post */
	div#content .postmetadata
{
					margin-bottom: 16px;
					font-size: 10px;
}


	div#content .navigation
{
					float: left;
					margin-top: 3px;
					margin-bottom: 20px;
					border-style: solid;
					border-color: #d6d6d6;
					border-width: 1px 0;
}





	/* Bilder-Seiten 1-spaltig, links Bild rechts Text */
	div#content div.entry div.pic1col
{
					clear: left;
					width: 98%;
					float: left;
					margin: 20px 0;
}

	div#content div.entry div.pic1col img
{
					float: left;
					padding: 0 20px 0 0;
}






	/* Bilder-Seiten 2-spaltig, links und rechts jew Bild mit Text darunter */
	div#content div.entry div.pic2cols
{
					float: left;
					width: 49%;
					height: 160px;
					margin: 20px 0;
}

	div#content div.entry div.pic2cols img
{
					padding: 0 20px 0 0;
}







	/* Seite Buecher */
	div#content div.entry div.book
{
					clear: left;
					float: left;
					margin: 20px 0;
}

	div#content div.entry div.book img
{
					float: left;
					padding: 0 20px 0 0;
}


	/* Seite Pressemeldungen */
	div#content div.entry div.pressemeldung
{
					float: left;
					width: 49%;
					height: 360px;
					margin: 20px 0;
}

	div#content div.entry div.pressemeldung img
{
					padding: 0 20px 0 0;
}


/* die externe Seite fuer Pressemeldungs-Scans (pressemeldungen.php): */


	div#singleimagepage-imagecontainer
{
					background-color: #d6d6d6;
}

	div#singleimagepage-imagecontainer a
{
					display: block;
					font-size: 12px;
					font-weight: bold;
					width: 100%;
					height: 20px;
					padding: 10px 0;
}


/* -----------------------------------------------------------------------
   FORMULARE
   -----------------------------------------------------------------------
   ausser 'Suche' oben rechts in der Sidebar, die kommt aus der Datei 
   'wp-includes/general-template.php', function get_search_form()       */



/* Formular fuer Kommentare
   -------------------------------------------------------------------- */

	form#commentform {}
	form#commentform input {}

	form#commentform p input,
	form#commentform p textarea
{
					margin: 0 0 7px 0;
}




/* Contact Form 7 
   -------------------------------------------------------------------- */

	div.main6-3col div#content div.entry p
{
					margin: 0 0 10px 0;
}


	form.wpcf7-form{}
	form.wpcf7-form div#wpcf7-f1-p381-o1{}
	form.wpcf7-form div#wpcf7-f1-p381-o1 .wpcf7-form-control-wrap{}


	form.wpcf7-form p
{
					font-size: 90%;
					line-height: 100%;
}




/* fuer alle Formularfelder
   -------------------------------------------------------------------- */

	input,
	textarea
{
					padding: 2px;
					border-style: solid;
					border-color: #d6d6d6;
					border-width: 1px;
}


	input.full,
	textarea.full
{
					width: 100%;
}
	input.half
{
					width: 50%;
}

	/* beide nur im Contact Form 7 Kontaktformular */
	input.length10
{
					width: 70px;
}
	input.length5
{
					width: 40px;
}



/* einzelne Seite fuer die Anzeige der Pressemeldungen-Scans 
   -------------------------------------------------------------------- */

	div.singleimagepage-imagecontainer
{
					background-color: #e6e6e6;
}


	div.singleimagepage-imagecontainer a
{
					
}


	div.singleimagepage-imagecontainer div.image
{
					
}


	div.singleimagepage-imagecontainer div.image img
{
					
}


 
/*  = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
    div#sidebar 
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

	div#sidebar
{
					float: left;
					width: 200px;
					font-size: 1em;
					font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}



/* div#sidebar form#searchform (Suche)
   -------------------------------------------------------------------- */

	div#sidebar form#searchform{}

	div#sidebar form#searchform input#s
{
					float: left;
					width: 133px;
					font-size: 1.1em;
					padding: 4px 2px 3px 4px;
					border-style: solid;
					border-color: #d6d6d6;
					border-width: 1px 0 1px 1px;
}

	div#sidebar form#searchform input#searchsubmit
{
					float: left;
					cursor: pointer;
					font-size: 1.1em;
					width: 60px;
					padding: 3px 1px 2px 1px;
					border-style: solid;
					border-color: #d6d6d6;
					border-width: 1px 1px 1px 1px;
					background-color: #eee;
}

	div#sidebar form#searchform .screen-reader-text
{
					display: none;
}






/* div#sidebar ul#mynav (Site-navigation)
   -------------------------------------------------------------------- */

	div#sidebar ul#mynav 
{
					clear: left;
					float: left;
					overflow: auto;
					width: 200px;
}





	div#sidebar ul#mynav li {}
	div#sidebar ul#mynav li a,
	div#sidebar ul#mynav li a:visited 
{
					display: block;
					width: 187px;
					height: 16px;
					font-size: 13px;
					padding: 12px 1px 11px 12px;
					/*
					background-image: url(images/bg_li_page_item.png);
					background-repeat: no-repeat;
					background-position: 2px 14px;
					*/
					border-width: 1px 0 0 0;
					border-style: solid;
					border-color: #fff;
}

	div#sidebar ul#mynav li ul li {}
	div#sidebar ul#mynav li ul li a,
	div#sidebar ul#mynav li ul li a:visited 
{
					width: 181px;
					height: 16px;
					font-size: 11px;
					padding: 3px 1px 2px 18px;
					/* background-position: 2px 3px; */
}

	div#sidebar ul#mynav li ul li ul li {}
	div#sidebar ul#mynav li ul li ul li a,
	div#sidebar ul#mynav li ul li ul li a:visited 
{
					width: 171px;
					height: 15px;
					font-size: 10px;
					padding: 4px 1px 1px 28px;
					/* background-position: 12px 1px; */
}





/* Note: i mangled the whole pages-list-output through a, 
   well, plugin i wrote to supply the li-tags with id's, 
   to have them at hand here for individual styling without 
   having to refer to page-id's (which may change through 
   time while 'main1' remains 'main1' etc). The plugin itself, 
   though, is doing its job but can definitely be improved 
   (and it might break if the list_pages output changes) !!! 
   also see 'read_me_Besonderheiten_Bearbeitungen.txt' */

	div#sidebar ul#mynav li a:hover,
	div#sidebar ul#mynav li.current_page_item > a
{
					text-decoration: none;
					/* will be overwritten for all pages except homepage: */
					background-color: #eaeaea;
}

	div#sidebar ul#mynav li#main1 a:hover,
	div#sidebar ul#mynav li#main1.current_page_item > a,
	div#sidebar ul#mynav li#main1.current_page_ancestor > a,
	div#sidebar ul#mynav li#main1 ul li.current_page_item > a,
	div#sidebar ul#mynav li#main1 ul li.current_page_ancestor > a
{
					background-color: #eaeaea;
}

	div#sidebar ul#mynav li#main2 a:hover,
	div#sidebar ul#mynav li#main2.current_page_item > a,
	div#sidebar ul#mynav li#main2.current_page_ancestor > a,
	div#sidebar ul#mynav li#main2 ul li.current_page_item > a,
	div#sidebar ul#mynav li#main2 ul li.current_page_ancestor > a
{
					background-color: #33cccc;
}

	div#sidebar ul#mynav li#main3 a:hover,
	div#sidebar ul#mynav li#main3.current_page_item > a,
	div#sidebar ul#mynav li#main3.current_page_ancestor > a,
	div#sidebar ul#mynav li#main3 ul li.current_page_item > a,
	div#sidebar ul#mynav li#main3 ul li.current_page_ancestor > a
{
					background-color: #c1c1c2;
}

	div#sidebar ul#mynav li#main4 a:hover,
	div#sidebar ul#mynav li#main4.current_page_item > a,
	div#sidebar ul#mynav li#main4.current_page_ancestor > a,
	div#sidebar ul#mynav li#main4 ul li.current_page_item > a,
	div#sidebar ul#mynav li#main4 ul li.current_page_ancestor > a
{
					background-color: #eaeaea;
}

	div#sidebar ul#mynav li#main5 a:hover,
	div#sidebar ul#mynav li#main5.current_page_item > a,
	div#sidebar ul#mynav li#main5.current_page_ancestor > a,
	div#sidebar ul#mynav li#main5 ul li.current_page_item > a,
	div#sidebar ul#mynav li#main5 ul li.current_page_ancestor > a
{
					background-color: #eaeaea;
}

	div#sidebar ul#mynav li#main6 a:hover,
	div#sidebar ul#mynav li#main6.current_page_item > a,
	div#sidebar ul#mynav li#main6.current_page_ancestor > a,
	div#sidebar ul#mynav li#main6 ul li.current_page_item > a,
	div#sidebar ul#mynav li#main6 ul li.current_page_ancestor > a
{
					background-color: #eaeaea;
}

	div#sidebar ul#mynav li#main7 a:hover,
	div#sidebar ul#mynav li#main7.current_page_item > a,
	div#sidebar ul#mynav li#main7.current_page_ancestor > a,
	div#sidebar ul#mynav li#main7 ul li.current_page_item > a,
	div#sidebar ul#mynav li#main7 ul li.current_page_ancestor > a
{
					background-color: #eaeaea;
}

	div#sidebar ul#mynav li#main8 a:hover,
	div#sidebar ul#mynav li#main8.current_page_item > a,
	div#sidebar ul#mynav li#main8.current_page_ancestor > a,
	div#sidebar ul#mynav li#main8 ul li.current_page_item > a,
	div#sidebar ul#mynav li#main8 ul li.current_page_ancestor > a
{
					background-color: #eaeaea;
}

	div#sidebar ul#mynav li#main9 a:hover,
	div#sidebar ul#mynav li#main9.current_page_item > a,
	div#sidebar ul#mynav li#main9.current_page_ancestor > a,
	div#sidebar ul#mynav li#main9 ul li.current_page_item > a,
	div#sidebar ul#mynav li#main9 ul li.current_page_ancestor > a
{
					background-color: #eaeaea;
}




	/* ie6 only - die Farbnavigation ist mit ie6 bei der derzeitigen Ausgabe 
	   des HTML von Wordpress nicht umsetzbar, daher nur hover-Effekt, keine 
	   Anzeige von aktiven Seiten oder deren Eltern (! @todo ?) */

	* html div#sidebar ul#mynav li a:hover
{
					text-decoration: none;
					background-color: #eaeaea;
}




/*  = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
    footer 
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

	#footer
{
					clear: both;
					width: 954px;
					height: 40px;
					margin: 0 auto;
					border-width: 1px 0 0 0;;
					border-style: solid;
					border-color: #fff;
}


                                                  
	.main0-3col #footer
{
					background-color: #dadada;
}
	.main1-3col #footer,
	.main2-3col #footer,
	.main3-3col #footer,
	.main4-3col #footer,
	.main5-3col #footer,
	.main6-3col #footer,
	.main7-3col #footer,
	.main8-3col #footer,
	.main9-3col #footer

{
					background-color: #dadada;
}


	#footer p {}
	#footer a#linkimpressum
{
					float: left;
					padding: 14px 0 0 8px;
}