/**************************************************************
STANDARD-CSS BY JP-IDEE, Jens Plattfaut
-----------------------------------------------------------------------------
INHALT

1. Abstände auf "Null" setzen
2. Allgemeine Formatierungen
3. Header
4. Content
4.1 Hauptmenü
4.2 Untermenü
4.3 Skiplink-Menu
4.4 Rechte Spalte
5. Footer
6. Formulare
 
**************************************************************/

/* 
1. Abstände auf "Null" setzen
*/

html, body, div, p, h1, h2, h3, span, a, table, td, form, img, hr {
   margin: 0; 
   padding: 0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   border: 0;
}

/*
2. Allgemeine Formatierungen
*/


body { 	
 	background-color: #DB3B03;	
	color: #000000;
	}

h1 {
	color: #DB3B03;
	font-size: 20px;
	font-family: Arial;
	font-weight: bold;
	margin: 0 0 8px 0;
	/*border-bottom: 1px dotted #000;*/
}

h2 {
	color: #DB3B03;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
	margin: 20px 0 10px 0;
	border-bottom: 1px dotted #000;
}

h3 {
	color: #000;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 20px 0;
}

a {
	text-decoration: none;
	color: #AACA04;
	font-weight: bold;
}
	a:hover {
		text-decoration: underline;
		border: 0px;
	}

hr{
	height: 0;
	border-bottom: 1px solid #D5D5D5;
	margin: 10px 0 10px 0;	
}

ul, li {
	padding-bottom: 3px;
}

p, li, ol {
   	font-size: 12px;
}


p {
	margin-bottom: 10px;
}
	p.clear {
		clear: both;
		margin: 0;
		padding: 0;
	}
	p.zitat {
		color: #AACA04;
		font-weight: bold;
		font-size: 18px;
		font-style: italic;
		padding: 20px 0 20px 20px;
		float: right;
		text-align:right;
	}

img.right {
	float: right;
	padding: 5px;
	margin: 0 0 0 10px;
	border: 1px solid #D5D5D5;
	background-color: #FFFFFF;
	}
	
img.rightborderless {
  float: right;
  padding: 5px;
  }

img.left {
	float: left;
	padding: 5px;
	margin: 0 10px 0 0;
	border: 1px solid #D5D5D5;
	background-color: #FFFFFF;
	}

img.complete {
	padding: 5px;
	margin: 10px 0 10px 0;
	border: 1px solid #D5D5D5;
	background-color: #FFFFFF;
	}

.links {
	float: left;
	width: 120px;
}

.rechts {
	margin: 0 0 0 130px;
}


.block_grau .links {
	float: left;
	width: 70px;
}

.block_grau .rechts {
	margin: 0 0 0 75px;
}



.bull:before {
		content: url(../gfx/dot_icon.gif);
	}
	.block {
		clear: both;
	}
		.links img, .block img {
			float: left;
			left: 180px;
			margin: 0 10px 0 0;
			padding: 5px;
			border: 1px solid #D5D5D5;
			background-color: #FFFFFF;
		}
		.block .middle{
			float: left;
			margin: 0 8px 0 0;
			width: 250px;
		}
		.block .right{
			float: left;
			width: 120px;
			font-size: 11px;
			color: #666;
		}
		.block .neuigkeiten{
			float: left;
			margin: 0 8px 0 0;
			width: 370px;
		}
		.unten{
			margin: 0 0 0 102px;
			font-size: 11px;
			color: #666;
		}
		.unten a, .right a{
			font-size: 11px;
		}
		.block .ueberschrift, #termine .ueberschrift{
			font-size: 16px;
			font-weight: bold;
		}
		.block .ueberschrift_news{

			font-weight: bold;
		}
	.block_grau {
		clear: both;
		background-color: #EFEFEF;
		padding: 7px 7px 7px 7px;
	}
	.quadrat {
		float: left;
		width: 100px;
		font-size: 70px;
		color: #FFF;
		text-align: center;
		font-weight: bold;
		margin: 3px 10px 4px 0;
		background-color: #D5D5D5;
		clear: both;
	}
	.bold {
		font-weight: bold;
	}
	.center {
		text-align: center;
		font-weight: bold;
		background-color: #EFEFEF;
		padding: 5px;
	}
	.bigger {
		font-size: 13px;
		font-weight: bold;
	}

#content p.pagination {
	text-align: right;	
}
	#content p.pagination a {
		border: 1px solid #D5D5D5;
		padding: 2px 4px 2px 4px;
	}
	#content p.pagination a:hover, #content p.pagination span {
		border: 1px solid #AACA04;
		padding: 2px 4px 2px 4px;
		background-color: #AACA04;
		font-weight: bold;
		color: #FFF;
		text-decoration: none;
	}

.gruen {
	color: #AACA04;
}
.visitenkarte {
	font-size: 9pt;
}

table {
	width: 100%;
	border: 0;
	margin: 1px;
	background-color: #FFF;
}
	td {
		padding: 4px;
		background-color: #EFEFEF;
	}
	
  td.form {
    padding: 0;
  }


#termine table {
  width: 100%;
  border: 0;
  margin: 1px;
  background-color: #FFF;
}
  #termine td {
    padding: 4px;
    vertical-align: top;
    background-color: #FFF;
  }
  
  #termine td.datumgross {
    font-size: 9pt;
    font-weight: bold;
  }
  
  #termine img {
    margin: 0 5px 0 5px;
    padding: 5px;
    border: 1px solid #D5D5D5;
    background-color: #FFFFFF;
  }


/*
3. Header
*/

#header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 982px;
	height: 86px;
	background: url(../gfx/header.gif) no-repeat;
	z-index: 0;
}

#logo {
	position: relative;
	top: 0px;
	left: 0px;
	width: 890px;
	height: 106px;
	margin: 0 0 30px 0;
	background: url(../gfx/logo_heilpraktikerschule.png) no-repeat;
	clear: both;
	z-index: 5;
}
a#startseitenlink {
	display: block;
	height: 0;
	width: 80px;
	padding-top: 110px;
	float: left;
	color: #FFF;
	font-size: 1px;
}



/*
4. Content
*/

#frame {
	position: relative;
	top: 0px;
	margin: 0 auto 0 auto;
	width: 890px;
	padding: 10px 40px 0 40px;
	background:url(../gfx/bg_content.gif) repeat-y;
	clear: both;
}

#stripes {
	position: relative;
	width: 888px;
	height: 87px;
	background: url(../gfx/stripes.jpg) no-repeat; 
}

#content {
	position: relative;
	margin: 10px 18px 10px 18px;
	float: left;
	width: 480px;
}
	#content ul,li {
		list-style-image: url(../gfx/list_icon.gif);
	}

.neuigkeiten_galerie_bg {
	clear: both;
	background-color: #EFEFEF;
	padding: 5px 2px 5px 2px;
}
.img_neuigkeiten {
	margin: 1px;
	padding: 5px;
	border: 1px solid #D5D5D5;
	background-color: #FFFFFF;
}
.img_neuigkeiten:hover {
	border: 1px solid #DB3B03;;
}

/*
4.1 Hauptmenu
*/

#menu {
	position: relative;
	width: 888px;
	height: 30px;
	margin: 0;
	padding: 0;
}

	#menu .menuicon {	
		width: 148px;
		height: 18px;
		padding: 12px 0 0 0;
		margin: 0;
		text-align: center;
		font-weight: bold;
		background: url(../gfx/button_menu_white-gray3.gif) no-repeat;
		float: left;
	}
		#menu .menuicon a {
			color: #CCC;
			text-decoration: none;
			border: 0;
		}
	
	#menu .menuicon:hover {
		background: url(../gfx/button_menu_white-gray3.gif) no-repeat center -60px;
	}
		#menu .menuicon:hover a {
			color: #FFF;
		}

#menu .menuicon_active, .menuicon_active:hover {	
		width: 148px;
		height: 20px;
		padding: 7px 0 3px 0;
		margin: 0 0px 0 0;
		text-align: center;
		font-weight: bold;
		background: url(../gfx/button_menu_white-gray3.gif) no-repeat center -30px;
		float: left;
	}
		#menu .menuicon_active a {
			color: #FFF;
			text-decoration: none;
			border: 0;
		}
		#menu .menuicon_active:hover a {
			color: #efefef;
		}
		
/*
4.2 Untermenü
*/
		
#menu2 {
	position: relative;
	width: 180px;
	min-height: 200px;
	padding: 10px 0 0 0;
	margin: 0 0 20px 0;
	background: url(../gfx/bg_menu2_gray.gif) repeat-x;
	float: left;
}
	#menu2 a {
		color: #666;
		text-decoration: none;
		border: 0;
	}
	#menu2 .menuicon {	
		padding: 5px;
		border-bottom: 1px solid #FFF;
	}
	#menu2 .menuicon:hover {
		background-color: #AACA04;
		color: #FFF;
	}
	#menu2 .menuicon:hover a {
		color: #FFF;
	}
	#menu2 .menuicon_active2, #menu2 .menuicon_active2:hover {	
		padding: 5px;
		border-bottom: 1px solid #FFF;
		background-color: #AACA04;
		color: #FFF;
	}
	#menu2 .menuicon_active2 a {
		color: #FFF;
	}
	#menu2 .menuicon_active2:hover a {
		color: #EFEFEF;
	}
	
	/* Submenu-Icons*/
	#menu2 .submenuicon a {
		font-weight: normal;
		font-size: 11px;
	}
	#menu2 .submenuicon {	
		padding: 5px;
		font-size: 11px;
		border-bottom: 1px solid #FFF;
	}
	#menu2 .submenuicon:hover {
		background-color: #AACA04;
		color: #FFF;
	}
	#menu2 .submenuicon:hover a {
		color: #FFF;
		font-weight: normal;
	}
	
	#menu2 .submenuicon_active, #menu2 .submenuicon_active:hover {	
		font-size: 11px;
		padding: 5px;
		border-bottom: 1px solid #FFF;
		background-color: #AACA04;
		color: #FFF;
	}
	#menu2 .submenuicon_active a {
		font-size: 11px;
		color: #FFF;
	}
		#menu2 .submenuicon_active:hover a {
			color: #EFEFEF;
		}
	
	
/*
4.3 Skiplink-Menu
*/

.skip {
	position: absolute;
	left: -1000em; 
	width: 20em;
}
	
/*
4.4 Rechte Spalte
*/

#right {
	position: relative;
	width: 190px;
	margin: 15px 0 15px 0;
	float: left;
	/*border: 1px solid #5B5B5B;*/
}
	#right .top {
		background: #5B5B5B;
		clear: both;
		color: #FFF;
		font-size: 11px;
		font-weight: bold;
		margin: 3px 0 0 0;
		padding: 5px;
	}
	#right .text {
		font-size: 11px;
		padding: 0 4px 0 4px;
		border-right: 1px solid #D5D5D5;
		border-bottom: 1px solid #D5D5D5;
		border-left: 1px solid #D5D5D5;
		margin:  0;
		clear: both;
	}
	#right p, #right a, #right li {
		font-size: 11px;
		padding: 2px 0 0 0;
	}
	#right p {
		margin: 0 0 5px 0;
	}
	
	#right img {
		padding: 4px;
		border: 1px solid #D5D5D5;
		background-color: #FFFFFF;
		margin: 3px 0 0 0;
	}
	
	
	#right img.noborder {
    border: 0;
  }
	
	#right ul {
		padding: 0 0 0 25px;
		margin: 0;
	}
	
	#right .pdf {
		background: url(../gfx/bg_pdf.jpg) no-repeat bottom left;
		padding: 5px 5px 0 55px;
		min-height: 45px;
		font-size: 11px;
		border: 1px solid #D5D5D5;
		clear: both;
		margin: 3px 0 0 0;
	}
	
	#right .galerie {
		background: url(../gfx/bg_bildergalerie.jpg) no-repeat bottom left;
		padding: 5px 5px 0 55px;
		min-height: 45px;
		font-size: 11px;
		border: 1px solid #D5D5D5;
		clear: both;
		margin: 3px 0 0 0;
	}

	#right .pulldown1 {
		background: url(../gfx/collapsed.gif) top left no-repeat #5B5B5B;
		clear: both;
		color: #FFF;
		cursor: pointer;
		font-size: 11px;
		font-weight: bold;
		margin: 3px 0 0 0;
		padding: 5px 5px 5px 30px;
	}
	#right .pulldown2 {
		background: url(../gfx/expanded.gif) top left no-repeat #5B5B5B;
		clear: both;
		color: #FFF;
		cursor: pointer;
		font-size: 11px;
		font-weight: bold;
		margin: 3px 0 0 0;
		padding: 5px 5px 5px 30px;
	}

/*
5. Footer
*/	

#content_footer {
	position: relative;
	width: 890px;
	padding: 10px 0 10px 0;
	font-size: 11px;
	border-top: 1px dotted #5B5B5B;
	text-align: center;
	color: #666;
}
	#content_footer a {
		color: #666;
		font-size: 11px;
		font-weight: normal;
	}
	#content_footer .left {
		float: left;
	}
	#content_footer .right {
		
	}
	
#footer_ende {
	position: relative;
	margin-left: -40px;
	width: 970px;
	height: 23px;
	z-index: 10;
	background: url(../gfx/footer_ende.gif) no-repeat;
}

/* 
6. Formulare 
*/

.form.kontakt input, form.kontakt select, form.kontakt textarea {
	width: 350px;
	margin: 0 0 10px 0;
	border: 1px solid #848484;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
}
form.kontakt input {
	width: 350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
}
form.kontakt {
	margin: 0 auto 0 auto;
	padding: 15px;
	width: 350px;
	background: #EEE;
	color: #333;
}
form.kontakt .reply {
	padding: 15px;
	color: #333;
}
#content #positive {
	background-color: #AACA04;
}
#content #negative {
	background-color: #DB3B03;
	color: #FFF;
}