/* ++++++++++++++++++++++++++++++   Browser Reset +++++++++++++++++++++++++++++++++++++++++++++ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, span, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;  vertical-align: middle; }

/* ++++++++++++++++++++++   HTML5 display-role reset for older browsers    ++++++++++++++++++++ */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table { border-collapse: collapse; border-spacing: 0; }
body { width: 100%; height: 100%; margin: 0; padding: 0; }





/* ++++++++++++++++++++++++++++++++++++++++++    IPP-Münster   ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ____________________________________________STAND_241111_______________________________________________ */

/*
Farben:
Logo
blau-hell:		#627987 - 202,27,52
blau-dunkel: 	#352183 - 53,33,131
*/

/* ++++++++++++++++++++++++++++++++++++++ BASIC ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
 

.cf:before, 
.cf:after 		{ content: ""; display: table; }
.cf:after		{ clear: both; }

.hidephone		{ display:inherit !important; }
.hidescreen		{ display:none !important; } 

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
 
body 				{ width: 100%; background-color: #ffffff; margin: 0; padding: 0; }

*::-moz-selection 	{ background: none repeat scroll 0 0 #689240; color: #FFFFFF; text-shadow: none; }
 
section 			{ width: 100%; }

#content-big	{ position: relative; padding: 60px 0px 120px 0px; }
#content-small	{ position: relative; padding: 60px 0px 60px 0px; }
#content-top	{ position: relative; padding: 60px 0px 0px 0px; }
#content-bottom	{ position: relative; padding: 20px 0px 60px 0px; }

article			{ width: 84%; max-width: 1280px; margin: 0px auto; }
article div		{ position: relative; float: left;  }

iframe			{ display: inline; width: 80%; height: 250px; margin: 10px 10% 0px 10%;   }
.inner			{ display: inline; width: 80%; margin: 0px 10% 0px 10%;  }

.halfplace		{ padding-top: 40px; padding-bottom: 40px}
.halfplacehalf	{ padding-top: 40px; padding-bottom: 10px}
.place			{ padding-top: 20px;}
.top			{ padding: 30px 0px 20px 0px; }
.top-place		{ padding-top: 50px;}


.one			{ width: 100%; }
.threefour		{ width: 75%; }
.two			{ width: 50%; }
.four			{ width: 25%; }

.doublethree	{ width: 66.66%; }
.three			{ width: 33.33%; }

.grow			{ min-height: 90px; }


.dark	{ background: #f2f2f2; }
.white	{ background: rgba(255,255,255,0.9);}


	
/* ++++++++++++++++++++++++++++++++++++++ TYPO ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* latin */


html { font-family: Arial, Helvetica, sans-serif; font-weight: 100; color: #888888; }

h1, h4, h5, h6	 				{ margin: 0.8em 0 0.8em 0; }
a, p							{ font-family: "Arial"; margin: 0em; }
h1, h2, h3, h4, h5, h6, a, li, p	{ color: #333333; }

h1			{ font-size: 1.15em; line-height: 1.4em;  }
h2			{ font-size: 1.2em; line-height: 1.4em;  }
h2.style	{ font-size: 1.4em; font-weight: 300; padding: 10px 0px 10px 45px; margin: 0px 0xp 20px 0px; text-align: left; background: url('../img/logo/iconipp_c.png') left no-repeat; }	
h2.deko		{ font-size: 1.2em; padding: 10px 20px 10px 20px; margin-top: 15px;  text-align: left; color: rgba(255,255,255,1); background: #103d6c; text-transform: uppercase;   }
h2.deko span		{ font-size: 0.7em; } 
h3			{ font-size: 1.2em; line-height: 1.4em; color: #103d6c; font-weight: 300; padding: 50px 0px 50px 45px; margin: 50px 0xp 50px 0px;    }
h4			{ font-size: 1.2em; line-height: 1.4em; }
h5			{ font-size: 0.95em; line-height: 1.1em; font-family: Open Sans; font-weight: 400;  } 
h6			{ font-size: 1.1em; line-height: 1.4em; }

p					{ font-size: 0.95em; line-height: 1.5em; padding: 10px 0px 10px 0px; color: #111111;   }
p.break 			{ hyphens: auto; -webkit-hyphens: auto;	-moz-hyphens: auto;}
p span				{ font-size: 0.95em; line-height: 1.4em; font-family: Open Sans; font-weight: bold; padding: 0px 2px 3px 2px; }
p strong			{ font-weight: bold;}
p strong.higher		{ padding: 0px 0px 5px 0px;}
p strong.pullquote 	{ font-family: Open Sans; width: 50%; float: left; font-weight: bold; margin: 5px; padding: 0px 20px 5px 0px; font: italic; color: rgba(0,38,77,1);  }

 
.grossabstand {letter-spacing: 0.01em; word-spacing: 0.2em;}
.kleinabstand {letter-spacing: 0.01em;}


.bold		{ font-size: 1.0em; font-weight: bold; } 
.bolder		{ font-size: 2.0em; font-weight: bold; } 
.blue    	{ color: #103d6c; }
.lightblue	{ color: rgba(144,140,204,0.9); }
.light		{ color: #333333;  }


.center 	{ text-align: center; } 
.right		{ text-align: right; padding: 30px 0px 0px 40px; font-family: Open Sans; font-size: 0.96em; line-height: 1.6em; }
.left		{ text-align: left; }


.bordertop	{ border-top: 1px solid #333f48; }
.borderbottom	{ border-bottom: 1px solid #333f48; }





/* ++++++++++++++++++++++++++++++++++++++ LINK ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a 					{ text-decoration: none; }
a:hover				{ text-decoration: underline; }

a.email				{ font-size: 0.9em; text-decoration: none;  padding: 10px 0px 50px 10px; text-decoration: underline;   }
a.email:hover		{ text-decoration: underline; color: rgba(27,29,45,1);}

a.exlink			{ display: block; text-align: center; padding: 20px; margin: 20px 0px 0px 0px; color: #103d6c; border: 1px solid #555555; }
a.exlink:hover 		{ text-decoration: none; background: rgba(144,140,204,0.1); box-shadow: 0 0 2px #000; }

a.fragebogen			{ display: block; text-align: center; padding: 20px; margin: 20px 0px 0px 0px; color: #103d6c; border: 1px solid #555555; }
a.fragebogen:hover 		{ text-decoration: none; background: rgba(144,140,204,0.1); box-shadow: 0 0 2px #000; }

a.link				{ display: block; text-align: center; padding: 20px; margin: 20px 0px 0px 0px; color: #ffffff; background: rgba(144,140,204,1); border: 1px solid #555555; box-shadow: 0 0 px #4d4d4d; 
						border-top-left-radius: 0px;
						border-top-right-radius: 10px;
						border-bottom-right-radius: 0px;
						border-bottom-left-radius: 10px; }
a.link:hover 		{ text-decoration: none; background: rgba(53,33,131,1); box-shadow: 0 0 2px #000; }
a.link:hover p		{ color: #ffffff; }
a.link:hover li		{ color: #ffffff; }





/* ++++++++++++++++++++++++++++++++++++++ LISTEN ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

ul					{ list-style: none; }
li					{ color: #111111; }
li a				{ text-decoration: underline; color: #111111;}
li span				{ font-size: 1.0em; line-height: 1.4em; font-weight: bold; margin-bottom: 15px;}
li strong			{ font-size: 0.8em; font-style: oblique; color: #555555; padding-left: 5px; }

ul.square			{ list-style: square; padding: 0px 0px 0px 20px; }
ul.square li		{ list-style: square; font-size: 0.95em; line-height: 1.5em;  padding-left: 5px;   }

ul.nummer			{ list-style: decimal; padding: 0px 0px 0px 20px; }
ul.nummer li		{ list-style: decimal; ont-size: 0.95em; line-height: 1.5em;  padding-left: 5px;   }

ul.notdienst		{ list-style: square; padding: 0px 0px 0px 20px; }
ul.notdienst li		{ list-style: square; font-size: 0.95em; line-height: 1.5em;  padding-left: 5px; padding-top: 30px  }




/* ++++++++++++++++++++++++++++++++++++++ IMAGES  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

img.full		{ display: block; margin: 0px; padding: 0px; width: 100%; height: 100%; }
img.fullm		{ display: block; margin: 0px; padding: 0px; width: 100%; height: auto; }
img.height		{ display: inline; margin: 20px 0px 0px 0px; padding: 0px; width: auto; height: 100%; }
img.max			{ display: block; margin: 0px; padding: 0px; width: 100%; height: 100px; }
img.displayed 	{ display: block; margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto; background-color: #ffffff; }
img.text		{ width: 33%; height: auto; padding: 0px; float: left; margin: 0px;  }
img.textborder	{ width: 33%; height: auto; padding: 0px 20px 10px 0px; float: left; margin: 0px;  }



/* +++++++++++++++++++++++++++++++++++++  MITARBEITER  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.mitarbeiter 			{ position: relative; width: 85%; margin: 30px 0% 30px 0%; float: left; background: rgba(255,255,255,1);overflow: hidden; }
.mitarbeiter  img 		{ display: block; position: relative; padding: 10px 10px 10px 10px;  } 
.mitarbeiter  p 		{ position: relative; line-height: 1.8em; text-align: left; }







 
/* ++++++++++++++++++++++++++++++++++++++  MAIN  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#top	 		{ margin-top: 10px; z-index: 0;}

.logo			{ float: left; width: 300px;  padding-top: 15px   }

#header

#willkommen		{  }
.willkommentext { padding-top: 10px; height: 60px; }
.willkommentext  h1 { font-family: "Arial"; color: #000000; text-transform: uppercase; }

#topnav			{ position: absolut;height: 80px; z-index: 1000; border-top: 4px solid #333333;     }
nav 			{ top: 40px; height: auto; }
nav ul 			{ height: 100px; }
nav li 			{ display: inline; float: left;  padding: 20px 7px 10px 0px; }
nav a 			{ font-size: 0.9em; letter-spacing: 0.05em; display: inline-block; text-transform: uppercase; padding: 3px 8px 3px 8px;  color: rgba(255,255,255,1); background: #103d6c; width: 100%; text-align: center;  text-decoration: none;  }
nav li a 		{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
nav a.content 	{ color: #352183; font-weight: bolder; cursor: default;}
nav a:hover, 
nav a:active 	{ background: #908CD0; color: rgba(255,255,255,1); text-decoration: none; }
nav a#pull		{ display: none;}
	
a.totop			{ position: fixed; color: #ffffff; padding: 5px; margin: 10px; height: 50px; width: 50px; top: 0px; right:0px;  z-index: 999; border: 1px solid #d4d4d4; background: url(../img/icon/top.jpg) #ffffff no-repeat center center;}
a.totop:hover	{ border: 1px solid #352183;  }


#Psychotherapie	{ margin-top: 0px; z-index: 0; }

.teasertext		{ padding: 0px 0px 0px 10px; margin: 0% 0% 0% 5%; width: 90%; z-index: 2;  }
.teasertext p	{ color: #111111;  padding: 0px 10px }




/* ++++ FOOTER +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#footer	 		{ margin-top: 0px; padding-bottom: 0px; text-align: left; background: #333f48; color: rgba(255,255,255,1);  }

#footer h2		{ padding: 20px 300px 5px 20px; color: rgba(255,255,255,1); text-transform: uppercase; font-size: 1.4em; line-height: 2.0em; font-weight: bold ; border-bottom: 1px solid rgba(255,255,255,1); }
#footer ul		{ padding: 20px 0px 20px 20px; list-style: none; }
#footer li		{ color: rgba(255,255,255,1); font-size: 0.95em; line-height: 1.2em; text-decoration: none;}


.footernav 		{ top: 0px; height: auto; }
.footernav ul 	{}
.footernav li 		{ display: inline; float: left; padding: 10px 20px 5px 0px; }
.footernav a 	{ font-size: 0.75em; display: inline-block; text-transform: uppercase; color: #555555; width: 100%; padding-right: 10px; text-decoration: none;  }


.copy 			{ float: right;  }
.copy p			{ font-size: 0.75em;text-transform: uppercase; color: #555555;   }		










/* ++++ MEDIA QUERY ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Pads */
@media only screen and (min-width: 770px) and (max-width: 1025px) 

{

.hidephone		{ display:none !important; }
.hidescreen		{ display:inherit !important; }

#top	 	{ margin-top: 100px; padding: 0px 0px 0px 0px; z-index: 0;}

.logo			{ float: none; width: 250px; height: auto; padding: 20px 0px 0px 10px; }

.willkommentext { padding-top: 20px; height: 0px; }
.willkommentext  h1 { display: none;  }

#topnav			{ position: absolut; height: 20px; z-index: 1000; border-top: 4px solid #333333;     }
nav 			{ width: 100%; margin: 0px; height: auto; background: rgba(255,255,255,1 );  }
nav ul 			{ display: none; width: 100%; margin: 0; height: auto; }
nav li 			{ display: block; float: none; width: 100%;  }
nav a 			{ padding: 0px 0px 0px 0px; text-align: left; width: 100%; font-size: 1.2em; text-indent: 25px; line-height: 40px;  }
nav a.content 	{ color: #352183;  }
nav a:hover, 
nav a:active 		{ background-color: #352183; color: #ffffff; text-decoration: none; }
nav a#pull 			{ display: block; color: rgba(0,38,77,1); background-color: rgba(255,255,255,1); width: 100%; position: relative; }
nav a#pull:after 	{ content:""; background: url('../img/icon/menu.png') center no-repeat; width: 40px; height: 40px; display: inline-block; position: absolute; right: 10px; top: 5px; }

.teasertext		{ padding: 20px 0px 0px 0px; margin: 0% 0% 0% 0%; width: 100%; z-index: 2;  }

article			{ width: 90%; margin: 0px 5% 0px 5%; }
iframe			{ display: inline; width: 98%; height: 250px; margin: 30px 1% 0px 1%;   }
.inner			{ display: inline; width: 98%; margin: 10px 1% 0px 1%;  }
.place			{ padding-top: 0px;}
.top-place		{ padding-top: 10px;}
.bordertop		{ border-top: 0px solid #333f48; }

#content-small	{ position: relative; padding: 30px 0px 30px 0px; }
.one			{ width: 100%; }
.threefour		{ width: 100%; }
.two			{ width: 100%; }
.four			{ width: 100%; }
.doublethree	{ width: 100%; }
.three			{ width: 100%; }
.grow			{ min-height: 90px; }
.grow-start		{ min-height: auto; }

h2.style	{ font-size: 1.4em; padding: 10px 0px 10px 45px; margin: 0px 0xp 20px 0px; text-align: left; background: url('../img/logo/iconipp_c.png') left no-repeat; }	
h2.deko		{ font-size: 1.4em; padding: 10px 20px 30px 0px; margin-top: 15px; line-height: 25px; text-align: right;  }
h3			{ color: #103d6c; font-size: 1.4em; text-align: left; padding: 30px 0px 30px 0px; margin: 0px 0xp 0px 30px;    }

.right		{ text-align: left; padding: 10px 0px 0px 0px; font-family: Calibri; font-size: 1.1em; }


 }
 
 
 
 
 /* Smartphones  */
@media only screen and (min-width: 480px) and (max-width: 769px) 

{
	
.hidephone		{ display:none !important; }
.hidescreen		{ display:inherit !important; }

#top	 	{ margin-top: 100px; padding: 0px 0px 0px 0px; z-index: 0;}

.logo			{ float: none; width: 250px; height: auto; padding: 20px 0px 0px 10px; }

.willkommentext { padding-top: 20px; height: 0px; }
.willkommentext  h1 { display: none;  }

#topnav			{ position: absolut; height: 20px; z-index: 1000; border-top: 0px solid #333333;     }
nav 			{ width: 100%; margin: 0px; height: auto; background: rgba(255,255,255,1 );  }
nav ul 			{ display: none; width: 100%; margin: 0; height: auto; }
nav li 			{ display: block; float: none; width: 100%;  }
nav a 			{ padding: 0px 0px 0px 0px; text-align: left; width: 100%; font-size: 1.2em; text-indent: 25px; line-height: 40px;  }
nav a.content 	{ color: #352183;  }
nav a:hover, 
nav a:active 		{ background-color: #352183; color: #ffffff; text-decoration: none; }
nav a#pull 		{ display: block; color: rgba(0,38,77,1); background-color: rgba(255,255,255,1); width: 100%; position: relative; }
nav a#pull:after 	{ content:""; background: url('../img/icon/menu.png') center no-repeat; width: 40px; height: 40px; display: inline-block; position: absolute; right: 10px; top: 5px; }

.teasertext		{ padding: 20px 0px 0px 0px; margin: 0% 0% 0% 0%; width: 100%; z-index: 2;  }

article			{ width: 90%; margin: 0px 5% 0px 5%; }
iframe			{ display: inline; width: 98%; height: 250px; margin: 30px 1% 0px 1%;   }
.inner			{ display: inline; width: 98%; margin: 10px 1% 0px 1%;  }
.place			{ padding-top: 0px;}
.top-place		{ padding-top: 10px;}
.bordertop		{ border-top: 0px solid #333f48; }

#content-small	{ position: relative; padding: 30px 0px 30px 0px; }
.one			{ width: 100%; }
.threefour		{ width: 100%; }
.two			{ width: 100%; }
.four			{ width: 100%; }
.doublethree	{ width: 100%; }
.three			{ width: 100%; }
.grow			{ min-height: 90px; }
.grow-start		{ min-height: auto; }

h2.style	{ font-size: 1.4em; padding: 10px 0px 10px 45px; margin: 0px 0xp 20px 0px; text-align: left; background: url('../img/logo/iconipp_c.png') left no-repeat; }	
h2.deko		{ font-size: 1.4em; padding: 10px 20px 30px 0px; margin-top: 15px; line-height: 25px; text-align: right; }
h3			{ color: #103d6c; font-size: 1.2em; text-align: left; padding: 30px 0px 30px 0px; margin: 0px 0xp 0px 30px;     }

.right		{ text-align: left; padding: 10px 0px 0px 0px;  font-size: 0.95em; }


 }
 
 

/* Smartphones  */
@media only screen and (max-width: 479px)


{
	
.hidephone		{ display:none !important; }
.hidescreen		{ display:inherit !important; }
	
#top	 	{ margin-top: 100px; padding: 0px 0px 0px 0px; z-index: 0;}

.logo			{ float: none; width: 250px; height: auto; padding: 20px 0px 0px 10px; }

.willkommentext { padding-top: 20px; height: 0px; }
.willkommentext  h1 { display: none;  }

#topnav			{ position: absolut; height: 40px; z-index: 1000; border-top: 0px solid #333333;     }
nav 				{ width: 100%; margin: 0px; height: auto; background: rgba(255,255,255,1 );  }
nav ul 			{ display: none; width: 100%; margin: 0; height: auto; }
nav li 			{ display: block; float: none; width: 100%;  }
nav a 			{ padding: 0px 0px 0px 0px; text-align: left; width: 100%; font-size: 1.2em; text-indent: 25px; line-height: 50px;  }
nav a.content 	{ color: #352183;  }
nav a:hover, 
nav a:active 		{ background-color: #352183; color: #ffffff; text-decoration: none; }
nav a#pull 		{ display: block; color: rgba(0,38,77,1); background-color: rgba(255,255,255,1); width: 100%; position: relative; }
nav a#pull:after 	{ content:""; background: url('../img/icon/menu.png') center no-repeat; width: 40px; height: 40px; display: inline-block; position: absolute; right: 10px; top: 5px; }

.teasertext		{ padding: 20px 0px 0px 0px; margin: 0% 0% 0% 0%; width: 100%; z-index: 2;  }

article			{ width: 90%; margin: 0px 5% 0px 5%; }
iframe			{ display: inline; width: 98%; height: 250px; margin: 30px 1% 0px 1%;   }
.inner			{ display: inline; width: 98%; margin: 10px 1% 0px 1%;  }
.place			{ padding-top: 0px;}
.top-place		{ padding-top: 10px;}
.bordertop		{ border-top: 0px solid #333f48; }

#content-small	{ position: relative; padding: 30px 0px 30px 0px; }
.one			{ width: 100%; }
.threefour		{ width: 100%; }
.two			{ width: 100%; }
.four			{ width: 100%; }
.doublethree	{ width: 100%; }
.three			{ width: 100%; }
.grow			{ min-height: 90px; }
.grow-start		{ min-height: auto; }

h2.style	{ font-size: 1.4em; padding: 10px 0px 10px 45px; margin: 0px 0xp 20px 0px; text-align: left; background: url('../img/logo/iconipp_c.png') left no-repeat; }	
h2.deko		{ font-size: 1.4em; padding: 10px 20px 30px 0px; margin-top: 15px; line-height: 25px; text-align: right; }
h3			{ color: #103d6c; font-size: 1.2em; text-align: left; padding: 30px 0px 30px 0px; margin: 0px 0xp 0px 30px;     }

.right		{ text-align: left; padding: 10px 0px 0px 0px; font-size: 0.95em; }



 }