@charset "utf-8";

/*
Theme Name: Happy Wolf Default
Theme URI: none
Description: Der Standard Theme für www.happy-wolf.de.
Version: 1.1

Tags: red, orange, grey, dig. illustrations, custom template, fixed width, two columns
*/

@import url( "css/reset.css" );
@import url( "css/global.css" );


body {
	height: 100%;
	font-size: 62.5%;
	font-family: "Lucida Sans Unicode","Lucida Sans",Verdana,Helvetica,Arial,sans-serif;
	
	line-height: 1.8em;
	font-style: normal;
	text-transform: none;
}


/* 
 * Seitenlayout und Hintergrundbild
 */

#site-wrapper {
	width: 100%;
	
	background-image: url(images/site-top-gradient-bg.png);
	background-repeat: repeat-x;
}

#site {
	width: 960px;
	
	position: relative;
	left: 50%;
	
	margin: 0 0 0 -500px;
	padding: 0 20px 19px 20px;
	position: relative;
	
	border-width: 0 1px 1px 1px;
	border-color: #e2e2e2;
	border-style: solid;
	
	background-color: #ffffff;
}

#header-wrapper {
	width: 960px;
	height: 185px;
	
	position: relative;
	
	margin: 0 0 2px 0;
	overflow: hidden;
}

#container {
	width: 960px;
	
	position: relative;
	
	float: left;
}

#menu-wrapper {
	width: 198px;

	position: relative;		
	float: left;
	
	z-index: 1; /* Fix IE: Needs a explicit z-index because of position: relative; */
}

#content-wrapper {
	width: 490px; /* 760 - 220 (right padding) and - 50 (left padding) */

	position: relative;	
	float: right;
		
	padding: 24px 220px 32px 0;
	margin: 0 0 0 2px;
	/*	
	background-color: #FF66CC;
	border: 1px solid #CC33FF;
	*/
}


#footer-wrapper {
	width: 1000px;
	height: 90px;

	display: block;
	
	position: absolute;
	left: 0;
	bottom: -104px;
}

#header #theme {
	width: 760px;
	height: 168px;
	
	position: absolute;
	top: 0;
	left: 198px;
	
	margin: 0 0 0 2px;
	
	background-image: url(images/header-themes/site-theme-standard02.jpg);
}

#header #colors {
	width: 760px;
	height: 15px;
	
	position: absolute;
	top: 170px;
	left: 198px;
	
	background-image: url(images/header-colors-bg.png);
	background-repeat: no-repeat;
	
	margin: 0 0 0 2px;
}

#content {
	width: 100%;
	/*
	background-color: #FF99FF;
	border: 1px solid #CC33FF;
	*/
}

#footer {
	width: 1000px;
}


.contact-box { background-color: #cccccc; }
.psychology-box { background-color: #990000; }
.mobile-surgery-box { background-color: #cd6803; }
.training-box { background-color: #ff9933; }

/*
#header .contact-box,
#header .psychology-box,
#header .mobile-surgery-box,
#header .training-box {
	width: 198px;
	height: 15px;
	
	position: relative;
	
	margin: 2px 2px 0 0;
}	
*/





/* 
 * Text -> Bild
 */
 
#header h1#logo span,
#header h2#description {
	display: none;
}

#header h1#logo a {
	width: 198px;
	height: 185px;
	
	display: block;
	
	position: absolute;
	top: 0;
	left: 0;
		
	background-image: url(images/happy-wolf-logo.png);
	background-repeat: no-repeat;
	background-position: center 68px;
	background-color: #ffffff;
}

#footer #logos li.happy-wolf span {
	display: none;
}

#footer #logos li.happy-wolf a {
	width: 73px;
	height: 50px;
	
	display: block;
	
	background-image: url(images/buttons/happywolf-logo-button.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#footer #logos li.happy-wolf a:hover {
	background-image: url(images/buttons/happywolf-logo-button.gif);
	background-position: right top;
}

#footer #logos li.datux span {
	display: none;
}

#footer #logos li.datux a {
	width: 80px;
	height: 50px;
	
	display: block;
	
	background-image: url(images/buttons/datux-logo-button.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#footer #logos li.datux a:hover {
	background-image: url(images/buttons/datux-logo-button.gif);
	background-position: right top;
}

#footer #logos li.wordpress span {
	display: none;
}

#footer #logos li.wordpress a {
	width: 104px;
	height: 50px;
	
	display: block;
	
	background-image: url(images/buttons/wordpress-logo-button.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#footer #logos li.wordpress a:hover {
	background-image: url(images/buttons/wordpress-logo-button.gif);
	background-position: right top;
}

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

#footer #copyright,
#footer #logos {
	float: right;
}

#footer li.happy-wolf,
#footer li.datux,
#footer li.wordpress {
	float: left;
	margin: 0 0 0 12px;
}


/* 
 * Start: #content
 */
 
body {
	color: #444444;
	background-color: #f1f1f1;
}

#content h1 {
	display: none;
}

h2 {
	color: #888888;
	font-size: 2.1em;
	line-height: 1.2em;
	font-weight: normal;

	margin: 1.8em 0 1.0em -0.05em;
}

h3 {
	color: #888888;
	font-size: 1.6em;

	font-weight: normal;

	margin: 1.8em 0 0.6em -0.02em;
}

h4 {
	color: #888888;
	font-size: 1.3em;
	font-weight: normal;

	margin: 1.8em 0 0.6em 0;
}

h5 {
	color: #444444;
	font-size: 1.3em;
	font-weight: bold;

	margin: 1.8em 0 0.6em 0;
}

h6 {
	color: #444444;
	font-size: 1.3em;
	font-weight: normal;

	margin: 1.8em 0 0.6em 0;
}

h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	font-size: 1.3em;
	line-height: 1.5em;
	
	margin: 0 0 0.8em 0;
	color: #444444;
}

a {
	color: #888888;
}

a:hover {
	color: #444444;
}

strong {
	font-weight: 600;
}

html>body .entry ul {
	font-size: 1.3em;
	line-height: 1.5em;

	margin: 1.0em 0 2.0em 1.0em;
	
	text-indent: -1.0em;
	
	list-style-position: inside;
	list-style-type: square;
}

html>body .entry ol {
	font-size: 1.3em;
	line-height: 1.5em;

	margin: 2.5em 0 2.0em 1.0em;
	
	text-indent: 0;
}

html>body .entry li {
	margin: 0 0 0.8em 1.0em;
}

html>body table {
	font-size: 1.3em;
	line-height: 1.5em;
}

/* Advanced coloring */
.psychology h2,
.psychology h3 { color: #990000; }
.mobile-surgery h2,
.mobile-surgery h3 { color: #cd6803; }
.training h2,
.training h3 { color: #ff9933; }


h2,
h2 a,
h2 a:hover,
h3,
h3 a,
h3 a:hover, 
cite {
	text-decoration: none;
}

#content blockquote p {
	font-size: 1.3em;
	line-height: 1.6em;
	font-style: italic;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #777777;
}

#content blockquote {
	width: 360px;
	margin: 2.5em 0 2.0em 0;
	padding: 3px 0 0 56px;

	background-image: url(images/pullquote.png);
	background-repeat: no-repeat;
	background-position: left top;
	
	/*
	background-color: #FF99FF;
	border: 1px solid #CC33FF;
	*/
}

#content blockquote {
	padding: 1px 0 0 42px;

	background-image: url(images/pullquote-small.png);
}

blockquote cite {
	margin: 0.8em 0 0;
	display: block;
	
	text-align: right;
}

/*
 * End: #content
 */



/*
 * Start: .link-list | .linkcat
 */

.link-list a {
	font-size: 1.3em;
	line-height: 1.5em;
	
	margin: 0 0 0.8em 0;

	

}

/*
 * End: .link-list | .linkcat
 */



/*
 * Start: Footer
 */
 
#footer p, #footer a {
	color: #a0a0a0;
	
	font-size: 1.1em;
	line-height: 1.3em;
	
	color: #a0a0a0;
	
	text-align: right;
	margin: 0;
}

#footer a {
	color: #aaaaaa;
}

#footer a:hover {
	color: #888888;
}


/*
 *Begin: Images
 */
#content img {
	border-width: 1px;
	border-color: #888888;
	border-style: solid;
}

#content p img {
	padding: 0;
	max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */



img.centered,
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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

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

.alignright {
	float: right;
}

.alignleft {
	float: left
}
	
/*
 * End: Images
 */

.post {
	margin: 0 0 2.4em 0;
}

/*
 * Start: Post metadata
 */

p.postmetadata {
	color: #aaaaaa ! important;
	
	font-size: 1.1em;
	line-height: 1.3em;
	
	margin: 0 0 0.4em 0;
}

.postmetadata a {
	color: #aaaaaa ! important;
}

.postmetadata a:hover {
	color: #888888 ! important;
}

/*
 * End: Post meta data
 */

/*
 * Start: .navigation
 */	
 
.navigation p {
	font-size: 1.1em;
	line-height: 1.3em;
	
	display: block;
	text-align: center;
	margin-top: 20px;
}

/*
 * End: .navigation
 */


#extra-div-2 {
	display: none;
	/*
	background-color: #FF66CC;
	border: 1px solid #CC33FF;
	*/
}

/*
 *Stundenplan
 */
.rahmen {
	border : 1px solid #DCDCDC;
}
.petran{
color: violet;
}
.petra{
color: Orange;
}
.stefanie{
color: blue;
}
.pa{
color: green;
}
.astrid{
	color: Red;
}
.kurs {
	border: 1px solid #DCDCDC;
         color: green;
         padding-left: 10px;
	font: bold;
}
.beginner {
	background-image: url(http://happy-wolf.de/wp-content/uploads/2009/06/anfaenger_klein_70.png);
	background-repeat: repeat-y;
	background-position: left;
	border: 1px solid #DCDCDC;
	padding-left: 70px;
         height: 70px;
}
.trainee {
	background-image: url(http://happy-wolf.de/wp-content/uploads/2009/06/fortge_klein_70.png);
	background-repeat: repeat-y;
	background-position: left;
	border: 1px solid #DCDCDC;
	padding-left: 70px;
         height: 70px;
}
.maxi {
	background-image: url(http://happy-wolf.de/wp-content/uploads/2009/06/maxi_klein_70.png);
	background-repeat: repeat-y;
	background-position: left;
	border: 1px solid #DCDCDC;
	padding-left: 70px;
         height: 70px;

}
.mini {
	background-image: url(http://happy-wolf.de/wp-content/uploads/2009/06/mini_klein_70.png);
	background-repeat: repeat-y;
	background-position: left;
	border: 1px solid #DCDCDC;
	padding-left: 70px;
         height: 70px;
}
.longier {
	background-image: url(http://happy-wolf.de/wp-content/uploads/2009/06/longiertraining_klein_70.png);
	background-repeat: repeat-y;
	background-position: left;
	border: 1px solid #DCDCDC;
	padding-left: 70px;
         height: 70px;
}
.outdoor {
	background-image: url(http://happy-wolf.de/wp-content/uploads/2009/06/outdoor_klein_70.png);
	background-repeat: repeat-y;
	background-position: left;
	border: 1px solid #DCDCDC;
	padding-left: 70px;
         height: 70px;
}
.welpe {
	background-image: url(http://happy-wolf.de/wp-content/uploads/2009/06/spielhund.png);
	background-repeat: repeat-y;
	background-position: left;
	border: 1px solid #DCDCDC;
	padding-left: 70px;
         height: 70px;
}
/*
 *End: Stundenplan
 */
/*
 *Formular
 */
input, textarea {
background-color: #999999;
}
/*
 *End: Formular
 */