/*******************************************************************************

                         \\\\|////
                         \\ _ _ //
                          ( o - )
       +---------------oOOo-(_)-oOOo---------------+
       |            www.mein-office.com            |
       |(c) Jochen Flaskamp anfrage@mein-office.com|
       |         http://www.mein-office.com        |
       +----------------oooO---Oooo----------------+
                        (  )| |(  )
                         \ \| |/ /
                          \_) (_/                          

*******************************************************************************/
* { padding: 0; margin: 0; }

a img {
border:none;
}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;	
}
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #FFFFFF url('hg_body.png') repeat-x top;
}
#wrapper { 
 margin: 0 auto;
 width: 980px;
 background: url('hg_wrap.png'); 
}
#topheader {
 color: #333;
 width: 970px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 120px;
 margin: 0px 5px 0px 5px;
 background: url('header2.png');
/* background: url('hg_header.png');*/
}

#header {
 color: #333;
 width: 970px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 152px;
 margin: 0px 0px 0px 5px;
 background: url('hg_header_2.png');
}
#headerleft { 
 color: #000;
 border-right: 0px solid #ccc;
 margin: 10px 0px 0px 5px;
 padding: 0px;
 height: 130px;
 width: 540px;
 float: left;
}
#headerleft h1 { 
 padding: 0px 0px 5px 10px;
 color: #000000;
 font-family: Arial, Verdana, "Times New Roman", sans-serif;
 font-size: 2.4em;
 font-weight: bold;
 letter-spacing: 0.02em;
}
#headerleft h2 { 
 padding: 0px 0px 20px 10px;
 color: #000000;
 font-family: "Meta-Normal", Arial, Verdana, "Times New Roman", sans-serif;
 font-size: 1.4em;
 font-weight: normal;
 letter-spacing: 0.02em;
}
#headerleft p { 
 padding: 0px 0 10px 10px;
 color: #000;
}
#search {
 padding:10px 0px 0px 10px;
 margin: 0px 0px 10px 0px;  
 width: 170px;
 text-align: right;
 height: 30px;
 border-bottom: 1px dashed #E8E8E8;
}
#headerright { 
 color: #333;
 margin: 9px 5px 0px 4px;
 padding: 0px 50px 0px 0px;
 height: 120px;
 width: 245px;
 float: right;
 background: url('sprechblase.png'); 
}
#headerright h1 { 
 font-family: "Meta-Normal", Arial, Verdana, "Times New Roman", sans-serif;
 font-size: 1.2em;
 color: #ED008C;
 font-weight:bold;
 letter-spacing: 0.02em;
}
#headerright h2 { 
 font-family: "Meta-Normal", Arial, Verdana, "Times New Roman", sans-serif;
 font-size: 1.3em;
 color: #000;
 padding: 0px 0px 5px 0px;
 font-weight:bold;
 letter-spacing: 0.02em;
}
.frau{
float:right;
position:relative;
width: 234px;
height:165px;
margin: 103px 205px 0px 5px;
z-index:100;
background: url('frau3.png');
}
.frau2{
float:right;
position:relative;
width: 234px;
height:165px;
margin: 103px 205px 0px 5px;
z-index:100;
background: url('frau3.png');
}
#navigation {
float: left;
 width: 770px;
 color: #333;
 padding: 0px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: url('hg_top_menu.png');
}
.neu{
float:left;
position:relative;
width: 60px;
height: 36px;
margin: 140px 70px 0px -250px;
z-index:101;
background: url('neu.png');
}
#leftcolumn { 
 color: #333;
 border-right: 0px solid #ccc;
 margin: 0px 0px 0px 5px;
 padding: 0px;
 min-height: 350px;   
 height: auto !important;   
 height: 350px;
 width: 200px;
 float: left;
}
#content { 
 float: left;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 15px 20px 10px 25px;
 min-height: 350px;   
 height: auto !important;   
 height: 350px;
 width: 520px;
 display: inline;
}
#rightcolumn { 
 color: #333;
 border-left: 0px solid #ccc;
 margin: 0px 5px 0px 4px;
 padding: 0px;
 min-height: 350px;   
 height: auto !important;   
 height: 350px;
 width: 200px;
 float: right;
/* background-color:#000;*/
}
#footer { 
 width: 960px;
 height: 80px;
 clear: both;
 color: #333;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 background: url('hg_footer.png'); 
}
#content p { 
  padding-bottom: 10px;
}

a {
	color: #000000;
}
#copy {
font-size: 10px;
color: #2e2e2e;
width:900px;
margin: 0px 0 10px 0;
padding: 0px 0 0px 0;
}
#copy a{
 text-decoration: none;
 color: #2e2e2e;
}
#copy a:hover {
 text-decoration: underline;
 color: #2e2e2e;
}
#info  {
font-size: 10px;
padding: 10px;
width: 980px;
margin: 0 auto;
color: #ffffff;
}
#info  h1{
	color: #FFFccc;
	font-family: Arial, Verdana, "Times New Roman", sans-serif;
	font-size: 0.7em;
}

/* ---------------------------- Überschriften ------------------------- */

#kopf h1 {
	margin-bottom: 10px;
	color: #ED008C;
	font-family: Arial, Verdana, "Times New Roman", sans-serif;
	font-size: 1.3em;
	font-weight: bold;
}

#kopf h2 {
	margin-bottom: 10px;
	color: #000000;
	font-family: Arial, Verdana, "Times New Roman", sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}


#kopf h3 {
	margin-bottom: 5px;
	color: #ED008C;
	font-family: "Meta-Normal", Arial, Verdana, "Times New Roman", sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}

#kopf h4 {
	margin-bottom: 5px;
	color: #000000;
	font-family: "Meta-Normal", Arial, Verdana, "Times New Roman", sans-serif;
	font-size: 1em;
	font-weight: bold;
}

#kopf h5 {
	margin-bottom: 5px;
	color: #ED008C;
	font-family: "Meta-Normal", Arial, Verdana, "Times New Roman", sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}

#kopf h6 {
	margin-bottom: 5px;
	color: #000000;
	font-family: "Meta-Normal", Arial, Verdana, "Times New Roman", sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}

/* ----------------------- Überschriften --------------------------------- */

.wysiwygimgtext h1 {
	margin-bottom: 2px;
	color: #ED008C;
	font-family: Arial, Verdana, "Times New Roman", sans-serif;
	font-size: 1.3em;
	font-weight: bold;
}

.wysiwygimgtext h2 {
	margin-bottom: 2px;
	color: #000000;
	font-family: Arial, Verdana, "Times New Roman", sans-serif;
	font-size: 1.15em;
	font-weight: bold;
}

.wysiwygimgtext h3 {
	margin-bottom: 2px;
	color: #ED008C;
	font-family: "Meta-Normal", Arial, Verdana, "Times New Roman", sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}

.wysiwygimgtext h4 {
	margin-bottom: 2px;
	color: #000000;
	font-family: "Meta-Normal", Arial, Verdana, "Times New Roman", sans-serif;
	font-size: 1em;
	font-weight: bold;
}

.wysiwygimgtext h5 {
	margin-bottom: 2px;
	color: #ED008C;
	font-family: "Meta-Normal", Arial, Verdana, "Times New Roman", sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}

.wysiwygimgtext h6 {
	margin-bottom: 2px;
	color: #000000;
	font-family: "Meta-Normal", Arial, Verdana, "Times New Roman", sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}

/* ######################### Magazin_Layout ########################### */

	/* Beispiel-CSS für magazin_Layout */
	.magazine-layout {
		margin-top:25px;
		 float: left;
		position: relative;
		width: 100%;
	}
	.magazine-container {
		background: #f6f6f6;
	}

	/* magazin_Layout mit verlinkten Einzelbildern */
	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {
		color: #000;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	.magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {
		color: #000;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}

	/* komplett verlinktes magazin_Layout */
	a.magazine-link, a:link.magazine-link, a:visited.magazine-link {
		cursor: pointer;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {
		cursor: pointer;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}