/* 
Monika Birkner / teleseminar-erfolg.de 
Stand 08.05.09 
*/

html, body { 
   margin: 0;
   padding: 0;
   font-family: Verdana, Helvetica, sans-serif; 
   font-size: 12px; 
   line-height: 1.4em; 
   text-align: center;
}

body {
   line-height: 1.6em;
   background-color: #CCC;
}


p {
   margin: 0 0 1em 0;
   padding: 0;
}

table td {
   margin: 0;
   padding: 0;
}

img, a {
   border: none;
   margin: 0;
   padding: 0;
}

a, a:link, a:visited, a:hover, a:active {  
   text-decoration: underline;
   color: #141C6F;	
}

ul, ol {
   margin: 0;	
   padding: 0;
   list-style-position: outside;
}

h1, h2 {
   margin: 0 0 0.5em 0;
   padding: 0;
   line-height: 1.4em;	
   color: #9F0909;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   break: left;
}

h1 {
   font-size: 24px;
}

h2 {
   font-size: 18px;
   letter-spacing: 0.02em;
}

input.email { 
   display: none;
}

/* Layout */

#page {
   position: relative;
   margin-left: auto;
   margin-right: auto;
   width: 800px;
   padding-left: 20px;
   padding-right: 20px;
   background-color: #fff;
}

/* Hauptinhalt  */


#content {
   float: right;
   width: 500px;
   padding-right: 40px;
   text-align: left;
   z-index: 1;
}

#nav {
   position: absolute;
   top: 30px;
   left: 0;
   width: 200px;
   height: 600px;
   text-align: left;
}

#fixed {
   position: fixed;
   top: 30px;
   left: 50%;
   margin-left: -390px;
   height: 500px;
   width: 200px;
   z-index: 2;
}


/* Formatierung ----------------------------- */

#content h1, #content h2 {
   margin: 25px 0 5px 0;
}

#content ul {
   margin: -0.5em 0 1em 0;
}

#content ul li {
   margin: 0 0 0.5em 1.5em;
   padding: 0 0 0 20px;
   vertical-align: baseline;
   line-height: 1.4em;
   list-style-type: none;
   background: url(../bilder/strich_orange.gif) no-repeat 0 0;
}

#content ol {
   margin: 0 0 1em 0.5em;
}

#content ol li {
   margin: 0.7em 0 0.7em 1.5em;
   vertical-align: baseline;
   padding: 0;
   line-height: 1.4em;
   list-style-type: decimal;
}

#content img {
   margin: 0 10px 10px 0;
}


/* ------------- Navigation ------------- */


#nav ul {
	margin: 0;
	padding: 0;
	list-style-position: outside;
}

#nav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 2em;
	border-top: 1px dotted #BBB;
}

#nav a {
	display: block;
	padding: 0 0 0 2px;
	text-decoration: none;	
}

#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	color: #222;
}

#nav li a:hover, #nav li a:active  {
	background-color: #FEFF6F; 	
	color: #222;
}

#nav .lev1, .lev2, .lev3 {
	color: #222;
}

#nav li.lev2 {
	border: none;
	background: url(../bilder/mhook.gif) no-repeat 5px 0;
}

#nav li.lev3 {
	border: none;
	background: url(../bilder/mhook.gif) no-repeat 25px 0;
}

#nav li.lev2 a {
	padding-left: 22px;
}

#nav li.lev3 a {
	padding-left: 44px;
}


#nav .angebot, #content .angebot {
   clear: both;
   margin: 10px 0 10px 0;
}

#nav .angebot a, #content .angebot a {
   float: right;
   background: transparent url(../bilder/button.png) center center no-repeat;
   width: 180px;
   height: 45px;
   line-height: 45px;
   display: block;
   font-family: "Trebuchet MS", Helvetica, sans-serif;
   color: #4A1A1A;
   font-size: 16px;
   text-align: center;
   text-decoration: none;
}

#nav .angebot a:hover, #content .angebot a:hover {
   text-decoration: underline;
}

/* -------------------- Fusszeile --------------------- */

.footer {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
}

.footer a {
	color: #333;
	font-size: 0.8em;
	text-transform: uppercase;
	padding: 3px 0 0 20px;
	background: url(../bilder/nach_oben.gif) no-repeat;
}

/* --------------Allgemeine Definitionen -------------- */

.clear {
	clear: both;
	margin: 0;	
	padding: 0;
	height: 50px;
}

input, select, textarea { 
	margin: 0 0 6px 0; 
	padding: 2px; 
	border: 1px solid #666;
	font-family: Verdana, Helvetica, sans-serif; 
	font-style: normal; 
	font-size: 12px; 
	color: #003366; 
	line-height: 16px;  
}


/* Druckausgabe ------------------------------------------ */

@media print {
   #body, #page {
      width: 700px;
      position: relative;
      margin: 0;
   }
   #nav { 
      position: relative;
      float: left;
      width: 200px;
      margin: 0;
   }
   
   #nav ul, .navitems, .angebot {
      display: none;
   }
   
   #content {
      float: right;
      width: 500px;
      margin: 0;
   }
}