/*  
Theme Name: Wohlfahrtsmarken
Author URI: http://www.wohlfahrtsmarken.de
Version: 1
Author: Tost Relations
*/

html, body {
	/* Scrollbar im Firefox erzwingen - kein springen von zentrierten layouts mehr */
	height: 100%;
	min-height: 101%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 100.01%;
	background-color: #fef9ef;
/*	background-color: #CCC;*/
	color: #222;
	text-align:center;
}

a, a:visited{
	color: #3366ff;
	text-decoration: none;
	}

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

#container {
/*	background: #c10026 url(images/bg-r_sidebar.gif) repeat-y right;*/
	background: #003d8f url(images/bg-r_sidebar.gif) repeat-y right;
	width: 60em; 
	margin: 0 auto;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	text-align: left; 
/*	margin: 1.25em auto; */
	}

/* Logo Porto mit Herz */
.logo {
	float: left;
	margin: 1.25em 2.6em 0 1.7em;
}

/* Banner*/
.banner {
	float:left;
	margin: 1.05em 0 0 1.15em;
/*	margin: 1.05em 0 0 5.15em;*/
}

.banner img {
/*	width: 31.8em;
	height: 5.31em;*/
	border: 0px solid #666;
}

/* BAGFW */
.bagfw {
	float:left;
	margin: 1.0em 0 0 1.55em;
}

.bagfw img {
	width: 192px;
}


/* Suche WP 

#suchfeld {
	float: left;
	padding-top: 1.0em;
	width: 10.6em;
	margin-left: 1.7em;
}

#suchfeld #s {
	width: 15.3em;
	height: 1.35em;
	font-size: .75em;
	color: #333;
	border: 1px solid #ccc;
	margin-bottom: 1px;
	padding-left: 0.19em;
}

#suchfeld #searchsubmit {
	font-size: .75em;
	border: 1px solid #ccc;
	margin-top: 0.45em;
}*/


/* Suche WP WEM */

#suchfeld {
	float: left;
	padding-top: 4.0em;
	width: 10.6em;
	margin-left: 34.7em;
}

#suchfeld #s {
	width: 15.3em;
	height: 1.35em;
	font-size: .75em;
	color: #333;
	border: 1px solid #ccc;
	margin-bottom: 1px;
	padding-left: 0.19em;
}

#suchfeld #searchsubmit {
	font-size: .75em;
	border: 1px solid #ccc;
	margin-top: 0.45em;
}



/* Header */

#header {
	background: #FFF url(http://www.wohlfahrtsmarken.de/images/header-edelsteine.jpg) repeat-y right;
/*	background: #FFF;*/
	height: 8em;
	margin-left: 0;
	padding-left: 1em;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

#header a {
	font-size: 80%;
	color: #222;
	text-decoration: none;
/*	padding: 0.31em 0em 0.31em 0em;*/
	}

#header a:hover {
	font-size: 80%;
	color: #F37123;
	text-decoration: none;
/*	padding: 0.31em 0em 0.31em 0em;*/
	}


/* Content */

#meldungen_content { 
	background: #FFF;
	width: 31.8em; 
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 12.5em;
	margin-right: 0em;
	position:relative;
	padding: 0.6em 1.56em 0.6em 1.56em;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	text-align:center;	
	}

#meldungen_content a {
	font-size: 80%;
	color: #F37123;
	}

#meldungen_content a:hover {
	color: #666;
	text-decoration: none;
	}

#content { 
	background: #FFF;
	width: 31.8em; 
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 12.5em;
	margin-right: 0em;
	position:relative;
	padding: 0.19em 1.56em 0em 1.56em;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	height: 15.1em;
	}

#content p {
	font-size: 80%;
	margin: 0em;
	line-height: 1.4em;
	padding: 0em 0em 0.63em 0em;
	}
	
#content p img {
	border: none;
	margin-right: 0.31em;
	margin-bottom: 0.19em;
	}

#content a:link, #content a:visited {
	color: #F37123;
	}

#content a:hover, #content a:active, #content a:focus {
	color: #666;
	text-decoration: none;
	}

#content h1 {
	color: #222;
	font-size: 1.2em;
	font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;
	font-weight: normal;
/*	padding: 0.63em 0.63em 0.63em 0.63em;*/
	line-height: 150%;
	margin-bottom: 1em;
	}
	
#content h1 a  {
	color: #222;
	text-decoration: none;
	}

#content h1 a:hover {
	color: #000000;
	text-decoration: none;
	}

#content h2 {
/*	color: #3366ff;*/
	font-size: 0.95em;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-weight: bold;
	margin-bottom: 0.7em;
/*	line-height: 120%;*/
	}

#content ol {
	list-style-type: decimal;
	line-height: 18px;
	margin: 0em;
	padding: 0px 0px 10px 30px;
	}

#content ul {
	list-style: none;
	margin: 0em;
	padding: 0px 0px 20px 0px;
	}
	
#content li {
	margin: 0em;
	padding: 0px;
	}
	
#content ul li {
	list-style: square inside;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	}
	
#content ul li a {
	color: #3366ff;
	text-decoration: none;
	}

#content ul li a:hover {
	color: #000000;
	text-decoration: underline;
	}

blockquote{
	margin: 0px 0px 0px 25px;
	padding: 0px 25px 0px 10px;
	font-style: italic;
	color: #666666;
	border-left: 1px solid #cccccc;
	}
	
#content blockquote p{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}

.postspace {
	background: #FFFFFF;
	width: 31.19em;
	height: 1em;
	margin: 0em;
	padding: 0em;
	}

.postspace2 {
	background: #FFFFFF;
	width: 440px;
	height: 0px;
	margin: 0em;
	padding: 0px;
	}

.zeit_autor {
	font-size: 0.7em;
	font-style:italic;
	margin-bottom: 0.7em;
	}


/* Linke Navigation: Shop */

#l_sidebar {
/*	background: #446FA4;*/
	color: #FFF;
	width: 10.5em;
	float: left; 
	margin-top: 0px;
/*	margin-bottom: 20px; */
	padding: 0em 0.94em 0em 0.94em ;
	min-height: 15.1em;
	}

#l_sidebar ul {
	line-height: 1.15em;
	list-style: none;
	margin: 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	}
	
#l_sidebar ul li a {
	font-size: 80%;
	color: #FFF;
	text-decoration: none;
	padding: 0.31em 0em 0.31em 0;
	}

#l_sidebar ul li a:hover {
	color: #F37123;
	}

.navi_head1 {
	font-weight:bold;
}

.navi_head2 {
	font-size: 85%;
	font-weight:bold;
}

.navi_head3 a {
	font-size: 100%;
	font-weight:bold;
	color: #FFF;
	text-decoration:none;
	line-height: 1.45em;
}

.navi_head3 a:hover {
	font-size: 100%;
	font-weight:bold;
	color: #F37123;
}

.navi_head4 {
	font-size: 100%;
	font-weight:bold;
	margin-left: -1.6em;
}

.navi_head4 a {
	color: #FFF;
	font-weight:bold;
	text-decoration:none;
	line-height: 1.45em;
}

.navi_head4 a:hover {
	color: #F37123;
	font-weight:bold;
}

.navi_meldungen a {
	color: #FFF;
	font-size: 80%;
	text-decoration: none;
	margin-left:-1.94em;
}

#current {
	color: #F37123;
	background: url(images/plus.gif); background-repeat:no-repeat;
/*	background: #3366ff;*/
}



/* Rechte Sidebar: Navigation Content */

#r_sidebar {
	background: #9AA0CC;
/*	background: #fad06f;*/
	color: #222;
	width: 10.5em;
	float: right; 
	margin-top: 0px;
	padding: 0em 0.94em 0em 0.94em;
	min-height: 15.1em;
	}

/* html #r_sidebar {
	height: 39em;
        }*/

#r_sidebar ul {
	line-height: 1.15em;
	list-style: none;
	margin: 0em;
	padding: 1.4em 0em 0.7em 0.3em;
	}
	
#r_sidebar ul li a {
	font-size: 80%;
	color: #222;
	text-decoration: none;
	padding: 0.31em 0em 0.31em 1.94em;
	}

#r_sidebar ul li a:hover {
	color: #FFF;
	}

.navi_head1 {
	font-weight:bold;
}

.navi_head2 {
	font-size: 80%;
	font-weight:bold;
}

.navi_head3 {
	font-size: 80%;
	font-weight:bold;
	padding: 0.31em 0em 0.31em 0.3em;
}

#r_sidebar p a {
	font-size: 80%;
	color: #222;
	text-decoration: none;
	padding: 0.31em 0em 0.31em 0.3em;
	}

#r_sidebar p a:hover {
	font-size: 80%;
	color: #F37123;
	text-decoration: none;
	padding: 0.31em 0em 0.31em 0.3em;
	}


/* Footer */

#footer {
	background: #FFF;
/*	background: #fde79b;*/
	padding: 10px 0px 10px 0px;
	font-size: 11px;
	text-align: center;
	border-top: 1px solid #333333;
	clear: both;
	}

#footer a { 
	color: #F37123;
	}

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


/* Homepage */

#content_homepage { 
	background: #FFF;
	width: 34.939em; 
	min-height: 29.55em;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 12.5em;
	margin-right: 0em;
	position:relative;
	padding: 0 0 0 0em;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	}


/* startseite */

.startseite img {
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}


/* Teaser */

.teaser1 {
	float:left;
	margin: 0 0 0 0em;
/*	border-top: 1px solid #333333;
	border-right: 1px solid #333333;*/
	border-bottom: 1px solid #333333;
}

.teaser1 img {
	width: 34.939em;
/*	width: 34.939em;*/
	height: 19.689em;
}


.teaser2 {
	float:left;
	margin: 0 0 0 0em;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
}

.teaser2 img {
	width: 17.438em;
	height: 19.689em;
}

.teaser3 {
	float:left;
	margin: 0 0 0 0em;
	border-bottom: 1px solid #333333;
/*	border-right: 1px solid #333333;*/
}

.teaser3 img {
	width: 17.438em;
	height: 19.689em;
}

.teaser4 {
	float:left;
	margin: 0 0 0 0em;
	border-right: 1px solid #333333;
}

.teaser4 img {
	width: 17.438em;
	height: 9.813em;
}

.teaser5 {
	float:left;
	margin: 0 0 0 0em;
/*	border-right: 1px solid #333333;*/
}

.teaser5 img {
	width: auto;
/*	width: 17.438em;*/
	height: 9.813em;
}






/* Bilder */

img.alignleft, div.alignleft
{
float:left;
border: 0
margin:0 3px 3px 0;
}
img.alignright, div.alignright
{
float:right;
border: 0
margin:0 0 3px 3px;
}
img.aligncentered, div.aligncentered
{
text-align:center;
border: 0
margin:0 auto;
}