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

body {
text-align: center; 
background-image:  url(http://www.mindzone.info/_gfx/bgk.jpg);
/* background-attachment: fixed; */
max-width: 1400px;
font-family: Arial, Helvetica, sans-serif;
font-size: 110%;
line-height: 1.5;
}
a {color: #000000; padding: 0 0px;}
a:hover, a:focus {background: #FFFFFF; color: #000;}

#center a {color: #333333;}
#center a:hover, #center a:focus {background: #CCCCCC; color: #000; text-decoration:none;}

h1 {
font-weight: bold;
font-size: 30px;
line-height: 40px;
font-family: Arial, Helvetica, sans-serif;
}
h2 {
font-weight: bold;
font-size: 20px;
/* line-height: 17px; */
color: #999;
font-family: Arial, Helvetica, sans-serif;
}
h3 {
font-weight: bold;
font-size: 14px;
text-align: left;
line-height: 16px;
color: #999999;
font-family: Arial, Helvetica, sans-serif;
}
h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
text-align: left;
color: #660000;
background: #FFFFFF; 
padding-bottom: -5px;
}
h6 {
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight: bold;
text-align: left;
color: #000000;
background: #FFFFFF; 
margin-bottom: -7px;
}

/*
h7 {
font-weight: normal;
font-size: 11px;
text-align: left;
line-height: 16px;
color: #000;
font-family: Arial, Helvetica, sans-serif;
}
*/
h2, h3, h4, p {margin: 0.5em 0;}
ul {margin: 0.5em 0;}

hr {
border: 0px solid #000;
color: #000;
background-color: #000;
height: 1px;
}

/***************************************************************/
/**************** Layout CSS begins ****************************/

#wrapper { /* also holds the left "sliding" tab */
text-align: left;
width: 90%; /* this can fixed or fluid */
margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
font-size: 80%;
}
#header {
clear: both; 
width: 170px;
height: 65px;
background: #ffffff; 
color: #fff; 
text-align: right;
padding: 0;
}
#contentfloatholder {/* also makes the right "sliding" tab */
background:  url(sidebar-r.gif) repeat-y 100% 0;
float: left;
width: 100%;
position: relative;
}
#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
}
#centerpad {
margin: 0 185px;
background: #ffffff;
}
#center {
  background-image:  url(http://www.mindzone.info/_gfx/bgk_center.gif);
  color: #000;
  float:left;
  width: 100%; 
  margin-right: -95%;
  min-height: 800px;
}

#cc ul {
background-image:  url(http://www.mindzone.info/_gfx/content_bgk.gif);

}


 p {
background-image:  url(http://www.mindzone.info/_gfx/content_bgk.gif);
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;
color: #000;
padding: 0 2px;
}
#beratung  {
/* background-color:  #FF008C; */
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;
color: #000;
padding: 0 2px;
}
#center li {
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;
margin-left: 23px;
list-style-type: square;
}
#breadcrump {
font-size: 80%;
font-weight: normal;
text-align: left;
color: #666666;
padding-top: 2px;
padding-left: 2px;
}
.content {
background-image:  url(http://www.mindzone.info/_gfx/content_bgk.gif);
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;
color: #000;
padding: 0 2px;
}
.black {
background: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;
color: #FFFFFF;
padding: 0 2px;
}
.contentSmall {
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
color: #666;
padding: 0 0px;
}

.contentliste {
background-color: #EBEBEB;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color: #000000;
padding: 0 2px;
list-style-type: none;
}
.inhalt { 
	width: 100%; 
	font-size: 95%;
	background-image: url(http://www.mindzone.info/_gfx/content_bgk.gif);
	margin: -4px 10px 20px 0px;
}
.inhalt_2 { 
	width: 100%; 
	float: left; 
	font-size: 95%;
	background-color: #fff;
	margin: -4px 10px 20px 0px;
	background-image:  url(http://www.mindzone.info/_gfx/content_bgk.gif);
	line-height: 1.3;

}
.inhalt_pillen { 
	width: 100%; 
	font-size: 95%;
	background-image: url(http://www.mindzone.info/_gfx/content_bgk.gif);
	margin: -4px 10px 20px 0px;s
	line-height: 1.3;
}


.inhalt_text_bild { 
text-align: left; 
position: relative; 
float: left; 
margin-right: 5px; 
margin-top: 0px; 
padding: 2px 2px 2px; 
border: 1px solid #999999;
}

.inhalt_text_bild_2 { 
text-align: left; 
position: relative; 
float: left;
margin-right: 5px; 
margin-top: 0px; 
padding: 2px 2px 2px; 
border: 1px solid #999999;
}

.bildrahmen { 
padding: 2px 2px 2px; 
border: 1px solid #999999;
}

.hinweis{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 100%;
color: #990000;
padding: 0px 0px 0px 0px; 
}
.hinweis_2{
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
background-color: #E4E2E2;
font-size: 100%;
color: #000000;
padding: 0px 0px 0px; 
}
.hinweis_bold{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 90%;
color: #990000;
padding: 0px 0px 0px; 
}

.wichtig, .hinweisback {
background-image:  url(http://www.mindzone.info/_gfx/hinweis_bgk.gif);
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 95%;
/* padding: 0 2px; */
}

.wichtig a.link, a.visited {
	color: white;
	}

.autor{
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size: 70%;
padding: 0 0px;
}
.form {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #666666;
background-color: #fff;
border: 1px solid #999999;
padding: 2px;
}
#left {
  background: #ffffff;
  float:left;
  width: 170px;
}
#left ul {
list-style-type: none;
}
#right {
  float:right;
  width: 174px;
  background: #ffffff;
}
#right a {
	color:#000000;
	text-decoration:underline;
	}
#right a:hover {
	color:#000000;
	background-color: #FFFFFF;
	text-decoration:none;
}
#footer {
clear: both; 
background-image:  url(http://www.mindzone.info/_gfx/bgk_footer.gif);
color: #FFFFFF; 
text-align: left;
margin-top: -13px;
margin-left: 170px;
padding-top: 1px;
padding-left: 14px;
}
#footer a {
	color:#FFFFFF;
	text-decoration:underline;
	}
#footer a:hover {
	color:#FFFFFF;
	background-color: #474748;
	text-decoration:none;
}
#footer p {
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: normal;
text-align: left;
color: #FFFFFF;
padding: 0 0px;
background-image: none;
}
/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}
}
#right p {
background: #ffffff; 
padding: 0 1px;
}
.p1{
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
color: #000;
background: #ffffff; 
padding: 0 0px;
}
.p2{
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
line-height: 1.5em;
font-weight: bold;
text-align: left;
color: #000;
background: #FFFFFF; 
padding-bottom: 7px;
border-bottom: 1px solid #ccc;
}
.p3{
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight: bold;
text-align: left;
color: #000000;
background: #FFFFFF; 
border-bottom: 1px solid #000;
padding: 0 0px;
padding-bottom: 5px;
}

#pagetop {
position: relative;
width: 100%;
padding-top: 2px;
height: 12px;
color: #000;
}
#wrapper {
position: relative;
z-index: 500;
}
.skip {
position: absolute;
left: -1000em;
width: 20em;
}
#submenu { 
width: 100%; 
overflow: hidden;
margin: 0; 
list-style-type: none; 
font-size: 0.9em;
border: 0;
background-image:  url(http://www.mindzone.info/_gfx/nav/nav_bgk.gif);
background: #333; 
}
#submenu a { display:block; text-decoration: none; }
#submenu li { float:left; width: 100%; margin:0; padding: 0; list-style-type: none;  }
#submenu li span { 
display:block; 
width: 90%; 
padding: 3px 0px 3px 10%; 
color: #fff;
background: #CCCCCC; 
font-weight: bold; 
border: 0;
background:  url(http://www.mindzone.info/_gfx/nav/aktiv_unten_14blk.gif) no-repeat 0.0em 0.0em;
}
	
#submenu li a { 
width: 90%; 
padding: 3px 0px 3px 10%; 
color: #fff; 
border: 0;
	}
	#submenu li a:hover, 
	#submenu li a:focus { 
		background-color:#C7E6EB; 
		color: #000; 
		border: 0; 
		text-decoration: none;
	}
	#submenu li a:active { 
		background-color:#99CCCC; 
		color: #fff; 
		border: 0; 
	}
	
	#submenu li ul { list-style-type: none; margin:0; padding: 0; }
	#submenu li ul li { float:left; width: 100%; margin:0; padding:0; }
	#submenu li ul li a { 
		width: 80%; 
		padding: 3px 0px 3px 20%; 
		background-color:#666666; 
		background-image: url(http://www.mindzone.info/_gfx/nav/bg_l2nav_aus.gif);
		background-repeat:repeat-y;
		background-position: left;
		color: #fff; 
		border: 0; 
	}

	#submenu li ul li a:hover, 
	#submenu li ul li a:focus { 
		background-color:#4AA8B5; 
		background-image: url(http://www.mindzone.info/_gfx/nav/bg_l2nav_hover.gif);
		background-repeat:repeat-y;
		background-position: left;
		color: #000; 
		border: 0; 
	}
	#submenu li ul li a:active { 
		background-color:#68939C; 
		color: #000; 
		background-image: url(http://www.mindzone.info/_gfx/nav/bg_l2nav_focus.gif);
		background-repeat:repeat-y;
		background-position: left top;
		border: 0; 
	}
	
	#submenu li#title { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		font-weight: bold; 
		color: #444; 
		background-color: #fff; 
		border: 0; 
	}
	
	#submenu li#active { 
		display:block; 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		color: #666;
		background: #fff; 
		font-weight: bold; 
		border: 0;
	}
	#submenu li a#active { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		color: #666;
		background: #fff; 
		font-weight: bold; 
		border: 0;
	}
	
	#submenu li ul li#active,
	
	#submenu li ul li span#active,
	#submenu li ul li span,

	#submenu li ul li a#active { 
		width: 80%; 
		padding: 3px 0px 3px 20%; 
		color: #000;
		background: #fff; 
		font-weight: bold; 
		border: 0;

/*		einfacher pfeil nach rechts fuer state:active ohne bgk-img
		background: url(_gfx/aktiv_rechts_14blk.gif) no-repeat 1.6em 0.8em #FFF;  */
		background-image: url(http://www.mindzone.info/_gfx/nav/bg_l2nav_active.gif);
		background-repeat:repeat-y;
		background-position: left top;
	}
#submenu li .hidden, #submenu li ul li .hidden { display:none; }

}

#submenu a.ebene
{
background-color:#68939C; 
		color: #000; 
		background-image: url(http://www.mindzone.info/_gfx/nav/bg_l2nav_focus.gif);
		background-repeat:repeat-y;
		background-position: left top;
		border: 0; 
	}

#submenu a.selected
{
display:block; 
		width: 90%; 
		padding: 3px 0px 3px 20%; 
		color: #fff;
		background: #4E4D4D; 
		font-weight: normal; 
		border: 0;
	}
.pagesub
{	font-size: 0.8em;
	/* background-color: #fff; */
	color: #000; 
	}

.pagesubp p {
background-color: #fff;
background-image: none;
}

acronym, abbr {
	border-bottom: 1px dotted #999;
	cursor: help;
}
input, textarea {
    width: auto;
	font: 1em Arial, Helvetica, Sans-Serif;
	border: 1px #ccc solid;
    background: #fafafa;
	padding: 3px;
	color: #333;
}

input[type=text]:focus, textarea:focus {
	background: #f0f0f0;
	color: #000;
	border-color: #000;
}


#pinkie-frame { color: #f0c; background: #fde; padding: 2px 15px; margin-bottom: 20px; }
.pinkie { color: #f0c; }
.blackie { color: #000; }

#teaser { background: #548683; padding: 4px 8px; }
#teaser h2 { color: #fff; line-height: 12px; }