/* Stylesheet für optik-knebel.de
 * @version $Id: style.css 19 2010-05-13 10:49:30Z Olaf Dryja $
 * Author: JOOM!WEB Webservice Olaf Dryja
 * Author Mail: info@joomweb.de
 * Author Web: https://joomweb.de/
 * Copyright: JOOM!WEB Webservice Olaf Dryja 2010 - Alle Rechte vorbehalten!
 * Lizenz: kommerziel - keine Weitergabe ohne schriftliche Genehmigung.
 * Entfernen des Copyright Vermerk ist untersagt!
 * 
 * =========================================================================
 * 
 * Allgemeine Browser Einstellungen
 * =========================================================================
*/

* 
{
	margin: 0;
	padding: 0;
}

html, body
{
	min-height: 100%;
}

body
{
	background-color: #FDF2F0;
	color: #333;
	font-size: 13px;
	font-family: Arial, Verdana, Geneva,  Helvetica, sans-serif;
	text-align: center;
}

img
{
	border: none;
}

h1, h2, h3, h4, h5, h6
{
	font-family: Arial, Verdana, Geneva,  Helvetica, sans-serif;
	color: #00a6db;
}

h1
{
	font-size: 24px;
	line-height: 22px;
	}

h2
{
	font-size: 14px;
	line-height: 20px;
}

h3, h4, h5, h6
{
	font-size: 14px;
	line-height: 20px;
	color: #333;
}

a, a:link
{
	color: #00a6db;
	text-decoration: none;
}

a:hover
{
	color: #00a6db;
	text-decoration: none;

}

a:active, a:focus, a.active
{
	color: #0066CC;
	text-decoration: none;
	font-style: italic;
}

a:visited
{
	color:#00a6db;
	text-decoration: none;
}

#GImg a:hover
{
	background: #FFF3BD;
	text-decoration: none;
}

p
{
	color: #00a6db;
	margin-left: 25px;
	line-height: 22px;
}

strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
}

em span
{
	font-size: 10px;
}

ol
{
	text-align:left;
	color: #00a6db;
	font-weight: bold;
}

ol li span
{
	color: #00a6db;
	font-weight: normal;
}


/* =============================================================================
 * Ende der allgemeinen Browsereinstellungen
 * =============================================================================
 * Website zentrale Stylesheets
 * =============================================================================
*/

/*  -- Zentrale Form Fehlerausgabe -- */
div#FehlerAusgabe
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -300px;
	margin-top: -275px;
	width: 600px;
	/*height: 110px;*/
	border: 3px ridge #900;
	background: #fcfcfc;
	z-index: 2;
}

div#FehlerAusgabe p
{
	line-height: 15px;
}

/*  -- zentraler Container -- */
#Wrapper
{
	margin-left: -425px;  
	margin-top: -275px;  
	width: 800px;  
	height: 570px;  
	position: absolute;  
	left: 50%;  
	margin-left: -425px;  
	top: 50%;  
	margin-top: -275px;
	background-color: #FFFFFF;
}

/* -- zentraler innerer Container -- */
#WrapperInner
{
	position: relative;
	min-height: 518px;
}

/* -- zentraler innerer Container -- */
#WrapperCont
{
	margin-left: -425px;  
	margin-top: -275px;  
	width: 850px;  
	height: 550px;  
	position: absolute;  
	left: 50%;  
	margin-left: -425px;  
	top: 50%;  
	margin-top: -275px;	
}

/* -- Header -- */
#Header
{
	background-color: #FFF3BD;
	height: 120px;
}

/* -- versteckter Adress Container - Ansicht ohne CSS -- */
#HeaderAddress
{
	position: absolute;
	top: -1000px;
	left: 0;
}

/* -- Inhaltsbereich allgemein --*/
#Main
{
	background-color: #FFFFCE;
	height: 440px;
}

#Navigation
{
	height: 22px;
	width: 850px;
	line-height: 22px;
	margin-left: -12px;
}

/* -- Footer Bereich allgemein --*/
#FooterMenu
{
	color: #333;
	text-align: right;
	padding: 2px 30px 0 0;
}

#FooterMenu a, #FooterMenu a:link
{
	color: #333;
	text-decoration: none;
}

#FooterMenu a:hover
{
	color: #fcfcfc;
	text-decoration: none;
	background-color:#999;
}

#FooterMenu a:visited
{
	color: #333;
	text-decoration: none;
}

#Besucherzaehler p
{
	text-align: left;
	font-size: 10px;
	line-height: 20px;
}

#Footer
{
	height: 30px;
	margin-top: 2px;
	background-color: #999;
}

#Source
{
	display: none;
}

/* =============================================================================
 * Ende - Website zentrale Stylesheets
 * =============================================================================
 * 
 * INDEX.HTM Werte
 * =============================================================================
*/

/* -- zentraler innerer Container für die Index -- */
#WrapperInnerIndex
{
	height: 465px;
}

/* -- Logo auf der Index -- */
#HeaderIndex
{
	position: relative;
}

#LogoIndex
{
	margin-top: 85px;
}

/* -- News auf der Index -- */
#News
{
	position: absolute;
	top: 0;
	right: 35px;
	width: 150px;
}

#LogoHeader
{
	position: absolute;
	top: 0;
	right: 5px;
}

/* -- Header Spruchband --*/
#Spruch
{
	position: absolute;
	top: 0;
	left: 0;
	width: 600px;
	text-align: left;
}

#Spruch img
{
	position: absolute;
	top: 15px;
	left: 30px;
}

#Spruch p
{
	position: absolute;
	top: 35px;
	left: 85px;
	color: #333;
}

/* -- Inhaltsbereich Index -- */
#MainIndex
{
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	margin: 25px 0;
}

#MainIndex:after
{
	display: block;
	clear: both;
	content: ''; 
}

/* -- Schriftzug auf der Index -- */
#SchriftzugImage
{
	float: left;
	margin-left: 210px;
	padding-right: 5px;
}

#SchriftzugText
{
	float: left;
}

#SchriftzugText span.infoRot
{
	color: #900;
}

#SchriftzugText a, #SchriftzugText a:link
{
	color: #333;
	text-decoration: none;
}

#SchriftzugText a:hover
{
	background-color: #EFD9A5;
	text-decoration: none;
}

#RoterPfeil
{
	float: left;
	margin-top: -5px;
	margin-left: 5px;
}

#FooterIndex
{
	position: absolute;
	left: 0;
	bottom: -3px;
}

/* =============================================================================
 * Ende INDEX.HTM Werte
 * =============================================================================
 * 
 * Seiten spezifische Werte
 * =============================================================================
*/

#MainContent:after
{
	display: block;
	clear: both;
	content: '';
	overflow: hidden;
}

h2.content
{
	margin-left: 25px;
}

#MainContentText
{
	width: 560px;
	float: left;
	text-align: left;
}

#MainContentTextVoll
{
	width: 850px;
	float: left;
	text-align: left;
}

#MainContentText h1
{
	margin: 25px;
}

#MainContentText h2
{
	margin: 25px;
	line-height: 14px;
}

#Scroll
 {
 	width: 770px;
	height: 243px;
	overflow: auto;
	margin-left: 30px;
 }

#ScrollInner:after
{
	display: block;
	clear: both;
	content:'';
	overflow: hidden;
	border-bottom: 1px ridge #ccc;
	margin: 0 5px 0 25px;
}

#ScrollInner h1
{
	border-bottom: 2px solid #900;
} 

#Absatz
{
	margin: 25px 0 25px 25px;
	text-align: left;
}

#Absatz p
{
	margin-left: 100px;
	margin-top: -21px;
}

#Absatz h1
{
	margin-left: 100px;
	margin-top: -20px;
}



#Scroll h1
{
	margin-left: 0;
} 


#MainContentImages
{
	width: 290px;
	float: left;
	padding-top: 80px;
}

h2 span.highlight1
{
	padding-left: 28px;
	color: #333;
}

h2 span.highlight2
{
	padding-left: 327px;
	color: #333;
}

#MainContentText60L
{
	width: 430px;
	float: left;
}

#MainContentText40R
{
	width: 400px;
	float: left;
}
.photo
{
	float: left;
	height: 225px;
	text-align: center; 
}

.photo img
{
	margin-left: 25px;
}

.photo p
{
	text-align: center;
}

#MainContentTextScrollL
{
	width: 490px;
	float: left;
	text-align: left;
}

#MainContentTextScrollR
{
	width: 250px;
	float: left;
	padding-top: 65px;
}

/* =============================================================================
 * Ende spezifische Werte
 * =============================================================================
 * 
 * COACHING.HTM
 * =============================================================================
*/

#MainContentText20L
{
	float: left;
	width: 166px;
	text-align: left;
	margin-left: 25px;
}

#MainContentText80R
{
	float: left;
	width: 639px;
	text-align: left;
	padding-right: 10px;
}

/* =============================================================================
 * Ende COACHING.HTM
 * =============================================================================
 * 
 * LEISTUNG.HTM / KONTAKT.HTM / EXISTENZGRUENDERSEMINARE.HTM
 * =============================================================================
*/

#MainContentText50L
{
	float: left;
	width: 420px;
	text-align: left;
}

#MainContentText50L p
{
	padding-right:0px;
}

#MainContentText50R
{
	float: left;
	width: 410px;
	text-align: left;
	padding-right: 10px;
}

#MainContentText50R img
{
	margin-left: 25px;
}

/* -- kontakt.html -- */
.img
{
	margin-left:25px;
}

iframe, small
{
	margin-left: 25px;
}

/* =============================================================================
 * Ende LEISTUNG.HTM / KONTAKT.HTM / EXISTENZGRUENDERSEMINARE.HTM
 * =============================================================================
 * 
 * IMPRESSUM.HTM / LINKS.HTM
 * =============================================================================
*/

.MainContentText30L
{
	float: left;
	width: 250px;
	text-align: left;
	margin-left: 25px;
}

.MainContentText70R
{
	float: left;
	width: 490px;
	text-align: left;
	padding-right: 10px;
}

#MainContentTextVollD
{
	width: 825px;
	float: left;
	text-align: left;
	margin-right:10px;
}

.disclaimer
{
	font-size: 10px;
	color: #333;
	line-height:12px;
	margin-top: 10px;
	text-align: justify; 
}

/* =============================================================================
 * Ende IMPRESSUM.HTM / LINKS.HTM
 * =============================================================================
 * 
 * NEWS.HTM
 * =============================================================================
*/



#MainContentTextV
{
	position: relative;
	width: 840px;
	float: left;
	text-align: left;
}

#MainContentTextV div
{
	position: absolute;
	top: 25px;
	left: 250px;
}

#MainContentTextV h1
{
	margin: 25px;
}

#MainContentTextV h2
{
	margin: 25px;
	line-height: 14px;
}

#MainContentTextV>p
{
	font-size: 12px;
}

span.news_bold
{
	font-weight: bold;
	color: #900;
}

p.news_normal
{
	color: #333;
}

div#NewsText
{
	position: relative;
	font-size: 18px;
	color: #900;
	font-weight: bold;
	line-height: 20px;
	margin-left: 25px;
}

div#NewsText div img
{
	position: absolute;
	top: 1px;
	left: 105px;
}

div#NewsText div span
{
	position: absolute;
	top: 0;
	left: 230px;
}

/* =============================================================================
 * Ende NEWS.HTM
 * =============================================================================
 * 
 * PARTNER.HTM
 * =============================================================================
*/

div#Partner
{
	border-bottom: 2px ridge #ccc;
}

div#Partner:after
{
	display: block;
	clear: both;
	content: '';
	overflow: hidden;
}

div.Abstandshalter
{
	float: left;
	min-height: 10px;
	width: 750px;
}

/* Scrollbereich Partner */
.MainContentTextScrollL50, .MainContentTextScrollR50
{
	width: 370px;
	float: left;
	text-align: center;
}

.MainContentTextScrollL50 #P1 a:hover, .MainContentTextScrollR50 #P2 a:hover,
.MainContentTextScrollL50 #P9 a:hover, .MainContentTextScrollR50 #P10 a:hover
{
	background-color: #FFFFCE;	
}

.MainContentTextScrollL50 div#P1 img.partnerImg, .MainContentTextScrollR50 div#P2 img.partnerImg,
.MainContentTextScrollL50 div#P3 img.partnerImg, .MainContentTextScrollR50 div#P4 img.partnerImg,
.MainContentTextScrollL50 div#P5 img.partnerImg, .MainContentTextScrollR50 div#P6 img.partnerImg,
.MainContentTextScrollL50 div#P7 img.partnerImg, .MainContentTextScrollR50 div#P8 img.partnerImg,
.MainContentTextScrollL50 div#P9 img.partnerImg, .MainContentTextScrollR50 div#P10 img.partnerImg,
.MainContentTextScrollL50 div#P11 img.partnerImg, .MainContentTextScrollR50 div#P12 img.partnerImg,
.MainContentTextScrollL50 div#P13 img.partnerImg, .MainContentTextScrollR50 div#P14 img.partnerImg
{
	border: 2px ridge #ccc;
	margin: 2px;
}

.MainContentTextScrollL50 div#P1 img.partnerImg, .MainContentTextScrollR50 div#P2 img.partnerImg,
.MainContentTextScrollL50 div#P9 img.partnerImg, .MainContentTextScrollR50 div#P10 img.partnerImg
{
	margin-left: 10px;
}

div#P3, div#P4, div#P5, div#P6, div#P7, div#P8, div#P12, div#P12, div#P13, div#P14
{
	width: 208px;
	border: 2px ridge #ccc;
	margin-left: 83px;
	background-color: #EFD9A5;
}


div#P11
{
	width: 208px;
	border: 2px ridge #ccc;
	margin-left: 83px;
	background-color: #FF6501;
}

div#P11 a:hover
{
	background-color: #FF6501;
}
.MainContentTextScrollL50 p
{
	margin: 5px;
}

.MainContentTextScrollR50 p
{
	margin: 5px;
}

/* =============================================================================
 * Ende PARTNER.HTM
 * =============================================================================
 * 
 * TEAM.HTM
 * =============================================================================
*/

#MainContentTextVoll img
{
	margin-left: 25px;
}

#MainContentTextVoll h1
{
	margin: 25px;
}

#MainContentTextVoll h2
{
	margin: 25px;
	line-height: 14px;
}

div#TeamSchrift
{
	position: relative;
	height: 20px;
	margin: 5px 0 0 25px;
}

div#TeamSchrift span.team_Schrift
{
	font-size: 14px;
	line-height: 20px;
}

div#TeamSchrift div span.team_Schrift
{
	position: absolute;
	top: 0;
	left: 473px;
	font-size: 14px;
	line-height: 20px;
}

div#TeamSchrift div img
{
	position: absolute;
	top: -5px;
	left: 372px;
	margin-left: 3px;
	margin-top: 6px;
}

#ScrollT
 {
 	position: absolute;
	top: 435px;
	left: 30px;
	width: 770px;
	height: 110px;
	overflow: auto;
 }
 
#TeamTable
{
	width: 740px;
}

#TeamTable tr
{
	height: 110px;
}

.team_image
{
	width: 120px;
	
}

.team_image img
{
	border: 2px ridge #ccc;
}

.team_text
{
	width: 620px;
}


/* =============================================================================
 * Ende TEAM.HTM
 * =============================================================================
 * 
 * TERMINE.HTM
 * =============================================================================
*/

div.Table
{
	margin-left: 50px;	
}

table
{
	width: 100%;
}

th.date
{
	width: 400px;
	text-align: left;
}

td.date
{
	width: 400px;
}

th.wt
{
	width: 150px;
	text-align: left;
}

th
{
	text-align: left;
}

td.wt
{
	width: 150px;
}

td.date span
{
	font-size: 10px;
}

p.termin
{
	margin-left: 0;
}

div.Antwort
{
	text-align: left;
}

div.Antwort h1
{
	margin-left: 25px;
	margin-top: 12px;
}
/* =============================================================================
 * Ende TEAM.HTM
 * =============================================================================
 * VITAE.HTM
 * =============================================================================
*/

div#MainContentVi
{
	position: relative;
}

div#VitaeContentL
{
	position: absolute;
	top: 80px;
	left: 25px;
	width: 200px;
}

div#VitaeContentL p
{
	margin-left: 0;
}

div#VitaeContentR
{
	position: relative;
	top: 0;
	left: 250px;
	width: 550px;
}

div#ScrollVi
{
	position: absolute;
	top: 80px;
	right: 0;
}

div#ScrollInnerVi
{
	overflow: auto;
	width: 550px;
	height: 330px;
	text-align: left;
}

div#ScrollInnerVi li
{
	margin-left: 45px;
	line-height: 25px;
}

div#ScrollInnerVi h1
{
	line-height: 40px;
}
/* =============================================================================
 * Ende VITAE.HTM
 * =============================================================================
 * GRUENDUNG.HTM
 * =============================================================================
*/

#GWrapper
{
	position: relative;
	margin: 0 auto;
	width: 450px;
	margin-top: 40px;
	margin-bottom: 40px;
	border: 2px ridge #ccc;
}

#GWrapperInner
{
	height: 136px;
	width: 450px;
	background-color: #FFF3BD;
}

#GImg
{
	
}

.gp
{
	padding: 40px 0 40px 0;
}

.gh
{
	padding: 10px 0 10px 25px;
	text-align: left;
	
}

.gh2
{
	padding: 0 0 5px 25px;
	text-align: left;
}

.gh3
{
	padding: 0 0 10px 0;
	text-align: left;
	line-height: 16px;
}

#TableContent
{
	width: 450px;
	background-color: #FFFFCE;
}

.tableText
{
	width: 275px;
	padding: 25px 25px 25px 0;
	text-align: left;
}

.tableText h2
{
	margin-left: 25px;
	text-align: left;
}

.tableImage
{
	width: 116px;
	padding: 15px;
}

.imgb
{
	border: 2px ridge #ccc;
}

#GFooter
{
	height: 111px;
	width: 450px;
	background-color: #999;
}

#GFImg
{
	text-align: right;
}

#GFImg img
{
	margin-top: 10px;
}

#GFImg a:hover 
{
	background-color: #999;
	text-decoration: none;
}