/*-----------------------------------------------

TYPOGRAPHY

INHALT:

1. BASICS
2. HEADLINES
3. ABSAETZE
4. LINKS
5. LISTEN
6. FORMULARE


-----------------------------------------------*/

/* 1. BASICS */

body {font: normal 100.01% Arial, sans-serif; color: black;}

h1 {font-size: 150%; line-height: 150%; margin: 0 0 20px 0;}
h2 {font-size: 112.5%; line-height: 150%; margin: 0 0 15px 0; font-weight: normal;}
h3 {font-size: 100%; line-height: 140%; margin: 0 0 10px 0; font-weight: normal;}
h4 {font-size: 87.5%; line-height: 140%; margin: 0; font-weight: bold;}
strong {font-weight: bold;}

p {font-size: 87.5%; margin: 0 0 15px 0; line-height: 130%; padding: 0; font-style: normal;}
address {font-size: 87.5%; margin: 0; line-height: 130%; padding: 0; font-style: normal;}
sup {margin: 0; padding: 0; font-size: 70%; vertical-align: top;}
em {font-style: italic;}
small {font-size: 70%; margin: 0 0 10px 0;}

blockquote {margin-left: 0; padding: 0 20px; border-left: 0 solid black; color: black; font-size: 18px; font-style: none; line-height: 20px;}
blockquote p {color: black; font-style: italic; font-size: 18px; line-height: 20px;}

a {color: #b51e3b; text-decoration: none;}
a:visited {color: #b51e3b; text-decoration: none;}
a:active {color: #b51e3b; text-decoration: none;}
a:hover {color: black; text-decoration: none;}
a:focus {outline: none}

ul {font-size: 100%; line-height: 140%; list-style-type: none; margin: 0 0 15px 0; padding: 0; background: transparent;}
ol {margin: 0 0 15px 0; padding: 0; background: transparent; list-style-position: inside;}

blockquote p {margin: 0; padding: 0;}
blockquote {margin: 0 0 10px 0; font-style: italic; padding: 0 0 15px 25px;}

/* 2. HEADLINES */

h1.logo	{font-size: 70%; font-weight: normal; color: #006ab3;}

.infobox h1, 
.infobox h2,
.unterstuetzung h2 {text-transform: uppercase; line-height: 125%; margin: 0 0 10px 0; color: #86837c}
.infobox h1 {font-size: 100%;}
.infobox h2,
.unterstuetzung h2 {font-size: 87.5%; font-weight: bold;}
.unterstuetzung h2 {color: white;}
.infobox a {font-weight: bold;}

.header h2 {font-size: 75%; color: #a93b50; font-weight: bold; margin: 0 0 5px 0}
#content-home h2 {font-size: 112.5%; font-weight: normal;}

.header h3, .footer h3 {font-size: 100%; font-weight: bold; text-transform: uppercase; color: #8a8780}
.header .mainnav h3 {color: white}
body.page-id-4 .header .mainnav li.haus-widey h3, body.page-id-6 .header .mainnav li.beratungsdienste h3 {color: black}
body.page-id-4 .header .mainnav li.beratungsdienste h3, body.page-id-6 .header .mainnav li.haus-widey h3 {color: #95948e}
#content-home h3 {font-size: 100%; font-weight: bold; text-transform: uppercase; color: white; margin: 0 0 8px 0; text-shadow: black 1px 1px 0;}
#beratungsdienste h3 {padding: 0 0 0 10px;}


/* 3. ABSAETZE */

#helfen p {color: #7a7771; font-size: 87.5%;}

.wp-caption-text	{
	font-size: 75%;
	margin: 0 0 10px 0;
	text-align: center;
}

p.sondertext,
.sondertext	{
	font-weight: bold;
	color: #20a5da;
}

div.sidebar p	{
	font-size: 75%;
}

.footer p {width: auto; margin: 0; padding: 0; font-size: 62.5%; color: black; display: inline;}


/* 4. LINKS */

h1.logo a,
h1.logo a:link	{
	width: 127px; 
	height: 106px;
	z-index: 3;
	margin: 0;
	display: block;
	padding: 0;
	font-size: 70%;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	color: #bc6508;
}

#carousel a h1 {color: #bb2c46;}

div.text a:link,
div.text a:visited	{
	/* background: transparent url(../../images/pfeil.png) no-repeat scroll 0 4px;
	padding: 0 0 0 14px; */
}

a.button {width: 149px !important; height: 30px !important; margin: 0 0 5px 35px; display: block !important; background: transparent url(../../images/sprites.png) no-repeat scroll -771px -609px; float: none; text-align: center; padding-top: 10px; font-size: 112.5%; text-transform: uppercase; color: white}
a.button:hover {background: transparent url(../../images/sprites.png) no-repeat scroll -771px -550px; margin-right: 0;}

.breadcrumb a {color: #bb2c46; padding: 0 5px; margin: 0;}
.breadcrumb a:hover {color: black;}
.breadcrumb a.active {font-weight: bold;}

div.content p a[href $='.pdf']	{ 
   line-height: 180%;
   padding: 5px 0 5px 25px;
   background: transparent url(../../images/pdf.gif) no-repeat center left;
}

div.content p a[href $='.doc']	{ 
   line-height: 180%;
   padding: 5px 0 5px 25px;
   background: transparent url(../../images/utilities/doc.gif) no-repeat center left;
}

div.content a[href $='.doc'] { 
   padding: 0 0 15px 35px;
   background: transparent url(../../images/utilities/download.gif) no-repeat center left;
}

/*----------------------------------------------------------------------------------------------*/
/*
/* 5. LISTEN */
/*
/*----------------------------------------------------------------------------------------------*/

#beratungsdienste ul {width: 237px; height: auto; margin: 0; border-bottom: 1px solid #dedddb; border-top: 1px solid #76736c; list-style-type: none;}
#beratungsdienste li {width: 237px; margin: 0; float: none; border-top: 1px solid #dedddb; border-bottom: 1px solid #76736c; display: block;}
#beratungsdienste a {width: 222px; color: white; line-height: 112.5%; padding: 4px 5px 4px 10px; display: block}
#beratungsdienste a:hover {background: #dedddb;}

.main .content ul, ol	{
	padding: 10px;
	overflow: hidden;
	font-size: 80%;
	background: #dfdfdf;
}

.main .content ul li	{
	list-style-type: none;
	background: url(../../images/bullet.png) no-repeat 0 6px;
	padding: 0 0 0 15px;
	margin: 0 0 3px 0;
}

.main .content li ul	{
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 100%;
}

.main .content li ul li	{
	list-style-type: circle !important;
	list-style-position: outside;
	padding: 0 !important;
	background: none !important;
	margin: 0 0 0 14px !important;
}

.main .content ol li	{
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: decimal;
	background: transparent;
}

ul.mcol, ul.mcol li {list-style-type: none;}
ul.mcol.li_cont1, ul.mcol.li_cont2 {width: 222px; margin: 0 30px 0 0;}
ul.mcol.li_cont3 {width: 222px; margin: 0;}

/*----------------------------------------------------------------------------------------------*/
/*
/* 6. ANDERE */
/*
/*----------------------------------------------------------------------------------------------*/

input.search	{	
	font-size: 75%;
	color: #969696;
}