/*  
Theme Name: 18042010_Theme
Theme URI: 
Description: based on Blank_default_de von Texto.de
Version: 1.0
Author: Steffi Winkler
Author URI: http://www.winklerin.de 
*/


/*--GRUNDEINSTELLUNGEN--------------------------------*/

body {
	margin: 0;
	padding: 0;
	background-image: url(images/HGbody.jpg);
	background-color: #e9e9e9;
	font-family: verdana, geneva, helvetica, trebuchet, arial, sans-serif;
	font-size: 62.5%;
	font-weight: normal; 
	color: #292929; /*grey16*/
	text-align: left;
}

/*zum zentrieren der website*/
#wrapper {
	background-color: #fff; /*white*/
	width: 700px;
	margin-top: 0;
	margin-left: 22px;
	border-left: 1px dotted #000; /*grey0*/
	border-right: 1px dotted #000; /*grey0*/
	border-bottom: 1px solid #fff; /*white*/
	border-top: 5px solid #fff; /*white*/
}

/*container fuer #header*/
#box1 {
	height: 350px;
	border-left: 5px solid #fff; /*white*/
	border-right: 5px solid #fff; /*white*/
}

/*header navigation*/
#hauptnavigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.1em;
	text-transform: uppercase;
}

#hauptnavigation li {
	display: inline;
}

#hauptnavigation {
	background-image: url(images/HGwortwolke.jpg);
	background-position: bottom left;
	height: 31px;
	margin-top: 0;
	padding-top: 10px; padding-left: 10px;
}

/*nur fuer ie7*/
*+html #hauptnavigation ul {
	padding-top: 5px;
}
/*nur fuer ie6*/
* html #hauptnavigation ul {
	padding-top: 5px;
}


#hauptnavigation li a:link {
	line-height: 2em;
	vertical-align: middle;
	color: #FF1493; /*deeppink*/
	text-decoration: none;
	padding: 4px;
	margin: 0;
	border: 1px solid #999;
	background-color: #fff; /*white*/
}

#hauptnavigation li a:visited {
	line-height: 2em;
	vertical-align: middle;
	color: #FF69B4; /*hotpink*/
	text-decoration: none;
	padding: 4px;
	margin: 0;
	border: 1px solid #999;
	background-color: #fff; /*white*/
}

#hauptnavigation li a:hover {
	line-height: 2em;
	vertical-align: middle;
	color: #333;
	text-decoration: none;
	padding: 4px;
	margin: 0;
	border: 1px solid #666;
	background-color: #fff; /*white*/
}

#hauptnavigation li a:visited:hover {
	line-height: 2em;
	vertical-align: middle;
	color: #666;
	text-decoration: none;
	padding: 4px;
	margin: 0;
	border: 1px solid #666;
	background-color: #fff; /*white*/
}

/*--headerbild-winklerin.de--*/

#headerbild {
	height: 237px;
	width: 690px;
	background-image: url(images/HGheaderbild.png);
	position: absolute;
	top: 50px;
}
#headerbild p {
	font-size: 1.1em;
	font-family: times, "times new roman", georgia, garamond, serif;
	color: #333; /*grey20*/
	float: left;
	margin-top: 150px;
	margin-left: 88px;
	padding: 10px;
}


/*--abstand zwischen header und erstem eintrag--*/
#inhalt { 
	margin-top: -80px;
}


p.nurtext { 
	margin-top: 15px;
	margin-left: 20px;
}


/*container fuer #footer, #footerbild und #wortwolke*/
#box4 {	width: 700px; clear: both; }

/*link-unterstreichung WEG*/
a { text-decoration: none; }

/*ueberschriften*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h2 { text-transform: lowercase; }/*--ueberschriften artikel und seiten--*/

/*--anzeige im header--*/
h4 {
	font-size: 1.7em;
	font-family: times, "times new roman", georgia, garamond, serif;
	text-transform: lowercase;
	color: #000; /*grey0*/
	background-image: url(images/h4transparent.png);
	padding: 5px 5px 4px 5px;
	border: 1px dotted #000;
	position: absolute;
	top: 207px;
	left: 550px;
}

/*nur fuer ie7*/
*+html h4 {
	top: 230px;
}
/*nur fuer ie6*/
* html h4 {
	top: 230px;
}





/*DIE DICKE FUSSZEILE*/

/*--Vor-Zurueck-Navigation-------------------------------*/

#footerbild {
	background-image: url(images/HGbubbel.png);
	background-position: top center;
	background-repeat: no-repeat;
	height: 95px;
	border-bottom: 2px solid #000; /*grey0*/
	border-left: 5px solid #fff; /*white*/
	border-right: 5px solid #fff; /*white*/
	clear: both;
}

.vorherige {
	float: left;
	padding-left: 40px;
	padding-top: 40px;
}

img.vorherige, img.naechste {
	border: none;
}

.naechste {
	float: right;
	padding-right: 7px;
	padding-top: 32px;
}


/*links im footer*/
#footer p {
	color: #333; /*grey20*/
	margin: 0;
margin-left: 5px;
margin-bottom: 5px;
}

#footer a {
	color: #333; /*grey20*/
}

#footer a:hover {
	color: #FF1493; /*deeppink*/
}



/*------------wortwolke-------------------*/
#wortwolke {
	background-image: url(images/HGwortwolke.jpg);
	font-weight: 300;
	background-color: #fff; /*white*/
	border: 5px solid #fff; /*white*/
}

#wortwolke h2.widgettitle  {
	display: none;
}

#wortwolke ul {
	margin: 10px;
	padding: 0;
	list-style-type: none;
	text-transform: lowercase;
}

#wortwolke li {
	display: inline;
}

#wortwolke li a:link {
	line-height: 2em;
	vertical-align: middle;
	color: #FF1493; /*deeppink*/
	text-decoration: none;
	padding: 4px;
	margin: 2px 4px 2px 4px;
	border: 1px solid #999;
	background-color: #fff; /*white*/
}

#wortwolke li a:visited {
	line-height: 2em;
	vertical-align: middle;
	color: #FF69B4; /*hotpink*/
	padding: 4px;
	margin: 2px 4px 2px 4px;
	border: 1px solid #999;
	background-color: #fff; /*white*/
}

#wortwolke li a:hover {
	line-height: 2em;
	vertical-align: middle;
	color: #333;
	padding: 4px;
	margin: 2px 4px 2px 4px;
	border: 1px solid #666;
	background-color: #fff; /*white*/
}

#wortwolke li a:visited:hover {
	line-height: 2em;
	vertical-align: middle;
	color: #666;
	padding: 4px;
	margin: 2px 4px 2px 4px;
	border: 1px solid #666;
	background-color: #fff; /*white*/
}



/*abstand ueberschrift und inhalt seiten*/
#seiten {
	margin-top: 15px;
}

/*--IMPRESSUM-------------------------------*/
#impressum {
	padding: 0 20px 0 20px;
}

#impressum p {
	font-size: 1.1em;
}

/*--KONTAKTFORMULAR-------------------------*/
#kontaktdaten {
	float: right;
	width: 170px;
	}

#kontaktdaten h5 {
  color: #000; /*grey0*/
  font-size: 1.4em;
  margin: 0;
  padding: 0;
}

#kontaktdaten a:link {
	color: #292929; /*grey16*/
  font-style: normal;
}
#kontaktdaten a:visited {
	color: #292929; /*grey16*/
  font-style: normal;
}
#kontaktdaten a:hover {
	color: #FF1493; /*deeppink*/
  font-style: normal;
}

#kontaktdaten p {
	font-size: 1.2em;
}

#kontaktdaten h5+p {
  margin-top: 10px;
}

#kontaktdaten p+p {
  margin-top: -5px;
}


/*--form--*/
#linkespalte h5 {
  color: #000; /*grey0*/
  font-size: 1.2em;
  margin: 0;
  padding: 0;  
}

#linkespalte p {
  font-size: 1em;
}

#linkespalte {
	width: 450px;
	padding-left: 20px;
}

#linkespalte em {
	color: #FF1493; /*deeppink*/
  font-style: normal;
}

form {
	margin: 0;
	padding: 0;
}
	
label, input, textarea {
	display: block;
}

input, textarea {
	margin-top: -8px;
	margin-bottom: 10px;
}


#formname, #formfirma {
/* abstand zwischen form und sternchen-text */
padding-top: 20px;
}



input {
width: 210px;
}

#formname, #formmail, #formbetreff, #formnachricht {
float: left;
}

#formfirma, #formadresse, #formtelefon {
float: right;
margin-left: 10px;
}

textarea {
	width: 450px;
}

#formsubmit input {
border: none;
color: #fff; /*white*/
background-color: #FF1493; /*deeppink*/
width: 120px;
clear: left;
}



/*--KOMMENTARE AUF SINGLE_PAGE-------------------------*/

/*--kommentare-formular--*/
#respond {
	background-color: #EEE5DE; /*seashell2*/
	border: 1px dotted #CDC5BF; /*seashell3*/
	margin-left: 20px;
	padding: 0 10px 5px 10px;
	width: 185px;
	color: #000;
	float: left;
}

/*--nur fuer ie7--*/
*+html #respond {
	padding: 10px;
}

/*--nur fuer ie6--*/
* html #respond {
	padding: 10px;
}

#respond h3 {
	font-family: times, "times new roman", georgia, garamond, serif;
	font-size: 2em;
	color: #FF1493; /*deeppink*/
}


#respond em {
	color: #FF1493; /*deeppink*/
}


#respond input {
width: 175px;
border: 1px solid #CDC5BF; /*seashell3*/
}

#respond textarea {
width: 175px;
border: 1px solid #CDC5BF; /*seashell3*/
}

#respond #submit {
color: #fff; /*white*/
background-color: #FF1493; /*deeppink*/
border: 1px solid #FF1493; /*deeppink*/
width: 140px;
}


/*--kommentare-liste--*/
#kommentare {
	float: right;
	width: 440px;
	margin-right: 20px;
}

#kommentare ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.commentlist li {
	border: 1px dotted #CDC5BF; /*seashell3*/
	list-style-type: none;
	padding: 10px;
	margin: 0 0 8px 0;
}

.commentlist a:link {
	color: #000;
	text-decoration: none;
}

.commentlist a:visited {
	color: #666;
}

.commentlist a:hover {
	color: #FF1493; /*deeppink*/
}

.commentlist a:visited:hover {
	color: #FF69B4; /*hotpink*/
}



/*---GRUNDGESRUEST CLASS hENTRY----------*/   
.hentry {
	margin-bottom: 20px;
	font-size: 1em;
}

.hentry img {
	border: none;
}

/*------- class entry-headline-------*/
.entry-headline h2 {
	color: #000;
	font-size: 2.6em;
	margin: 50px 10px 0px 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	border-bottom: 2px dotted #000; /*grey0*/
}

.entry-headline a:link {
	color: #000;
	text-decoration: none;
}

.entry-headline a:visited {
	color: #000;
}

.entry-headline a:hover {
	color: #FF1493; /*deeppink*/
}


img.pfeil {
	float: right;
	margin-right: 20px;
	position: relative;
	bottom: 35px;
	border: none;
}



/*------- class entry-meta---------------------------------------------------------------NEU----*/
.entry-meta, .entry-meta-single {
	font-size: 1.1em;
	font-family: times, "times new roman", georgia, garamond, serif;
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin: 20px 20px 20px 20px;
	clear: both;
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
}

.entry-meta a:link, .entry-meta a:visited, .entry-meta-blog a:link, .entry-meta-blog a:visited {
	color: #333;
}
.entry-meta a:hover, .entry-meta a:visited:hover, .entry-meta-blog a:hover, .entry-meta-blog a:visited:hover {
	color: #FF1493; /*deeppink*/
}


.entry-meta-single a:link, .entry-meta-single a:visited {
	color: #FF1493; /*deeppink*/

}
.entry-meta-single a:visited {
	color: #FF69B4; /*hotpink*/
}

.entry-meta-single a:hover, .entry-meta-single a:visited:hover {
	color: #333;
}


/*---KATEGORIE BLOG----------------------------------------------------------------------NEU--*/
.KategorieBlog {
	margin-left: 212px;
}


/*---HEADLINE-KATEGORIE BLOG----------------------------------------------------------------------NEU--*/

.entry-headline-blog h2 {
	color: #000;
	font-size: 2.6em;
	margin: 50px 15px 0px 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	border-bottom: 2px dotted #000; /*grey0*/
}

.entry-headline-blog a:link {
	color: #000;
	text-decoration: none;
}

.entry-headline-blog a:visited {
	color: #000;
}

.entry-headline-blog a:hover {
	color: #FF1493; /*deeppink*/
}


/*---KATEGORIE BLOG-EINTRAG----------------------------------------------------------------------NEU--*/
.blog {
	margin: 20px;
}

.blog a:link {
	color: #FF1493; /*deeppink*/
}

.blog a:visited {
	color: #FF69B4; /*hotpink*/
}

.blog a:hover {
	color: #333;
}

.blog a:visited:hover {
	color: #666;
}

.blog p {
	font-size: 1.1em;
}

.blogbilder {
	margin-top: 20px;
}

.blogbilder img {
	border: 1px solid #666;
	padding: 2px;
	background: #fff;
	margin: 0 6px 6px 0;
}

.blogbilder a:hover img {
  border: 1px solid #666;
  padding: 2px;
  background: #666;
}

/*-------KATEGORIE BLOG-EINTRAG-META---------------------------------------------------------------NEU----*/
.entry-meta-blog {
	font-size: 1.1em;
	font-family: times, "times new roman", georgia, garamond, serif;
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin: 20px 20px 20px 20px;
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
}


/*---DIE SEITENSEITE IN KATEGORIE BLOG---------------------------------------------------NEU--*/
#sidebar {
	width: 180px;
	float: left;
	padding: 0 0 10px 10px;
	margin: 0 0 10px 15px;
	background-color: #EEE5DE; /*seashell2*/
	border: 1px dotted #CDC5BF; /*seashell3*/
}

/*--nur fuer ie7--*/
*+html #sidebar {
	margin-top: 50px;
}

/*--nur fuer ie6--*/
* html #sidebar {
	margin-top: 50px;
}

#sidebar h6 {
	font-size: 1.3em;
	margin-top: 15px;
	margin-bottom: 0;
}

.bildlinks {
	margin-top: 5px;
	margin-left: -5px;
}

.bildlinks img {
	border: none;
}

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

.linkcat h2 {
	color: #FF1493; /*deeppink*/
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 1.5em;
}

#sidebar a:link {
	color: #333;
}

#sidebar a:visited {
	color: #666;
}

#sidebar a:hover {
	color: #FF1493; /*deeppink*/
}

#sidebar a:visited:hover {
	color: #FF69B4; /*hotpink*/
}



/*---EINSTELLUNGEN FUER DIE PORTFOLIOSEITEN -------------------------------------------------*/
.Projekte {
  width: 680px;
  margin-left: 10px;
  clear: both;
}


h3 {
	font-size: 1.2em;
	text-align: left;
 	font-weight: normal;
}


h3+p {
margin-top: -5px;
}


p+p {
margin-top: 20px;
}


.Bilder {
  padding-left: 10px;
}

.Bilder img {
  border: 0;
}


.ThumbsLinks {
  margin-left: 10px;
  margin-right: 10px;
  width: 170px;
  float: left;
}


.ThumbsErsteReihe {
  margin-left: 10px;
  margin-top: 30px;
  height: 69px;
}

.ThumbsZweiteReihe {
  margin-left: 10px;
  margin-top: 10px;
  height: 69px;
}

.ThumbsErsteReihe p, .ThumbsZweiteReihe p {
	padding-left: 10px;
}

.ThumbsLinks img {
  border: 1px solid #666;
  padding: 2px;
  background: #fff;
  margin: 0 4px 4px 0;
}

.ThumbsErsteReihe img, .ThumbsZweiteReihe img {
  float: left;
  border: 1px solid #666;
  padding: 2px;
  background: #fff;
  margin-right: 5px;
}

.ThumbsErsteReihe a:hover img, .ThumbsZweiteReihe a:hover img, .ThumbsLinks a:hover img {
  border: 1px solid #666;
  padding: 2px;
  background: #666;
}



.TexteRechts {
	float: right;
	width: 200px;
	margin: 0 10px 0 0;
}

.TexteRechts p {
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	text-align: left;
}

.TexteRechts p + p {
	padding-top: 10px;
}


.TexteRechts img {
/* fuer link-buttons */
	margin: 10px 0 10px 0;
	border: 0;
}


#dawanda {
/* hoehe pro reihe 73px */
  height: 74px;
}

#dawanda img {
  margin-bottom: 5px;
}

#heft {
/* hoehe pro reihe 73px */
  height: 219px;
}

#heft img {
  margin-bottom: 5px;
}

#sodapix {
/* hoehe pro reihe 73px */
  height: 219px;
}

#sodapix img {
  margin-bottom: 5px;
}

#TexteUnterThumbs {
/* betrifft nur geschichten vom kinderkriegen */
	margin: 0 0 0 10px;
	padding: 0;
clear: both;
}