@charset "UTF-8";
/* ################################################################
** # Extra Styles for LOGI-Methode (c) by tan3 GbR 
** ################################################################
**
**  Date     : 12.02.08
**  File     : myOwnStyles.css
**  Function : extra-styles fpr logi-methode.de
*/
@media all
{



/*
----------------------------------------------------------------------------------------------------

 Basics 

----------------------------------------------------------------------------------------------------
*/

body {
	background: #beecef url("../img/logi/bg-page.gif");
	background: #59a8e1 url("../img/logi/bg-page4.gif");
	padding: 10px 0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #666; 
	}
#page_margins {
	width: 950px;
	max-width: 950px;
	min-width: 950px;
	margin: 0 auto;
	border: 0;
	}
#page{
	background: #fff;
	border: 1px black solid;
	}
#header {
	height: 129px;
	padding: 0;
	margin: 0;
	}
#header img.headImg1 {
	position: absolute;
	top: 10px;
	left: 38px;
	}
#banner {
	overflow: hidden;
	background: red;
	}
#banner img.headImg2 {
	position: absolute;
	right: 0;
	top: 0;
	border-left: 1px solid black;
	}
#nav {
	display: none;
	}
#main {
	background: white url("../img/logi/bg-nav4.jpg") no-repeat;
	padding: 0;
	}
#footer { 
 	color: #666; 
	background: #eee;
	padding: 15px;
	border-top: 1px black solid;
	height: 1.5em;
	font-size: 80%;
	}
#nav_footer {
	float: left;
	}
#copyright {
	float: right;
	}
#copyright_center {
	text-align: center;
	}
#col1 {
	width: 223px;
	border-top: 1px solid black;
	}
#col1_content {
	padding: 0px;
	}
.textBelowMenu {
	position relative;
	}
#col3 {
	margin: 0 0 0 223px;
	border-left: 1px solid black;
	border-top: 1px solid black;
	background: white;
	}
#col3_content {
	padding: 0 30px 50px 50px;
	}

img.button-heilkraft-d {
position: absolute;
top: 315px;
left: 21px;
}


/* Anpassungen fuer die Startseite */
body#startseite #header {
	z-index: 10;
	}
body#startseite #banner img {
	border-bottom: 1px solid black;
	z-index: 10;
	}
body#startseite #col3_content {
	padding: 340px 30px 50px 50px !important;
	}


/*
----------------------------------------------------------------------------------------------------

 Content 

----------------------------------------------------------------------------------------------------
*/

h1 { font-size: 160%; margin-top: 0;  } 
h2 { font-size: 110%;}
h3 { font-size: 100%}
h4 { font-size: 90% }
h5 { font-size: 90%; font-style:italic }

p,ul,ol,table {
	font-size: 0.9em;
	line-height: 1.5em;
	}

ul, ol {
	line-height: 1.5em;
	margin: 1em 0 1em 10px;
	}
ul {
	list-style: url(../img/logi/ulist-arrow.gif);
	}
ul li {
	margin: 0 0 1em 10px;
	}

	
h1,h2,h3,h4,h5 { 
  	font-weight: bold; 
  	font-family: Verdana,Arial,Helvetica,sans-serif;
  	color:#333;
  	margin: 1.5em 0 0.25em 0; 
	}
p {
	line-height: 1.5em;
	margin: 0 0 1em 0;
	}

dl.csc-textpic-image {
	margin: 0;
	}
.csc-textpic-caption {
	font-size: 80%;
	}
.csc-textpic-text {
	padding: 0.5em 0 0 0;
	}
	
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	margin: 10px 0pt 0pt;
	}


/* Tabellen ----------------------------------------------------------------*/
table {
	padding: 5px;
	margin: 1em 0 1em 1px;
	width: 99%;
	border: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 4px solid #999;
	}
table td, table th {
  	padding: 5px 5px 1.5em 5px;
  	vertical-align:top;
  	border: 0px solid #fff;
	}
table th p, 
table td p {
	margin: 0 0 0.5em 0;
	}
table tr.tr-0,
table thead th,
table thead td {
	background-color: #ddd;
	font-weight: bold;
	color: #333;
	border-bottom: 4px solid #999;
	}

table tr.tr-even td {
	background-color: #eee;
	}


/* Tabellen Trainer --------------------------------------------------*/
table.trainer td.td-1 {
	width: 140px;
	}
table.trainer td.td-2 {
	width: 120px;
	}
table.trainer td.td-3 {
	width: 120px;
	}
	
/* Tabellen Fachliteratur, Presse --------------------------------------------------*/
table.fachliteratur td.td-1,
table.fachliteratur td.td-2,
table.presse td.td-1,
table.presse td.td-2 {
	width: 110px;
	}
table.fachliteratur td.td-3,
table.presse td.td-3 {
	width: 90px;
	}	

	
/*
----------------------------------------------------------------------------------------------------

 Links 

----------------------------------------------------------------------------------------------------
*/

a {color: #4D87C7; text-decoration:none;}
a:focus,
a:hover,
a:active {color:#182E7A; text-decoration:underline;}
  
#topnav a { color: #fff; font-weight: normal; background:transparent; text-decoration:none; }
#topnav a:focus, 
#topnav a:hover,
#topnav a:active { color: #fff; text-decoration:underline; background-color: transparent;}
  
#footer a { color: #666; background: transparent;}
#footer a:focus, 
#footer a:hover,
#footer a:active {color: #333; background-color: transparent; text-decoration:underline;}



/*
----------------------------------------------------------------------------------------------------

 Navigation 

----------------------------------------------------------------------------------------------------
*/
#submenu {
	margin: 0;
	border-top: 0px;
	}
#submenu li {
	float:left;
	width: 100%;
	margin:0;
	padding: 0;
	border-bottom: 1px solid black;
	}
#submenu li ul li {
	border-bottom: 0;
	border-top: 1px solid black;
	}
#submenu a,
#submenu strong {
	width: 100%;
	padding: 0;
	color: white;
	border-bottom: 0px;
	}
#submenu li span {
	width: 100%;
	padding: 0;
	font-weight: bold;
	border-bottom: 0px;
	}

/* Level 1 ----------------------------------------------------------------*/
#submenu li#active,
#submenu li strong {
	width: 100%;
	padding: 0;
	background-color: #333;
	font-weight: bold;
	color: white;
	border-bottom: 0;
	}
#submenu li#active {
	padding: 2px 30px 4px 40px;
	}
#submenu li a,
#submenu li strong a {
	width: 100%; 
	width: 174px;
	padding-left: 0;
	padding: 2px 10px 4px 40px;
	background-color: transparent;
	color: white;
	}
#submenu li a:focus,
#submenu li a:hover,
#submenu li a:active,
#submenu li.act {
	background-color: #333;
	color: #fff;
	}	
	
/* Level 2 ----------------------------------------------------------------*/
#submenu li ul li a,
#submenu li ul li#active,
#submenu li ul li strong,
#submenu li ul li span {
	width: 100%;
	width: 154px;
	padding-left: 0;
	padding: 2px 10px 4px 60px;
	}
#submenu li ul li strong {
	padding: 0;
	}
#submenu li ul li a {
	background-color: #777;
	color: #ccc;
	}
#submenu li ul li a:focus,
#submenu li ul li a:hover,
#submenu li ul li a:active {
	background-color: #555;
	color: #fff;
	/*text-decoration: underline;*/
	}
#submenu li ul li strong a,
#submenu li ul li.cur a {
	color: #fff;
	}




#submenu li ul li a.rgmspecial {
	background-color: #CFB53B;  /* Gold */
	color: #EAEAAE;             /* helles Gold! */
	color: #fff;
        }
#submenu li ul li a.rgmspecial:focus,
#submenu li ul li a.rgmspecial:hover,
#submenu li ul li a.rgmspecial:active {
	background-color: #C5AA32;
	color: #fff;
	/*text-decoration: underline;*/
	}

	
/*
----------------------------------------------------------------------------------------------------

 Formulare

----------------------------------------------------------------------------------------------------
*/

fieldset {
	border: 0;
	} 
.csc-mailform-field label { 
       float: left;
       /*text-align:right;*/
       display: block;
       width:180px; 
       padding-right: 1em; 
       margin-top:5px;
       font: 90% Verdana, Arial, Helvetica, Sans-Serif;
}
.csc-mailform-field input, textarea { margin:3px 0 3px 0;}
.csc-mailform-field .csc-mailform-check {margin: 2em 0 2em 0;}
.csc-mailform-field .csc-mailform-submit, input[type=submit] {
	text-align:center;
	color: #666;
	border: 1px #666 solid;
	cursor: pointer;
	}
input, textarea {
    	width: auto;
    	font: 90% Verdana, Arial, Helvetica, Sans-Serif;
    	border: 1px #ccc solid;
    	background: #fafafa;
    	padding: 3px;
    	color: #777;
	}
input[type=text]:focus, textarea:focus {
	background: #f0f0f0;
	color: #333;
	border-color: #666;
	}
table.csc-loginform {
	margin-bottom: 2em;
	}
	
	
/*
----------------------------------------------------------------------------------------------------

 Formular LOGI-Kochbuch 2 

----------------------------------------------------------------------------------------------------
*/
.tx-thmailformplus-pi1 {}

.formRequired {
	color: #c00;
	font-weight: bold;
	margin: 0 0.5em 0 0;
	}
.formError, .formErrorRadio, .formErrorCheckbox, .formErrorTextarea  {
	color: #c00;
	font-weight: bold;
	margin: 0 0 0 1em;
	}
.formErrorRadio, .formErrorCheckbox, .formErrorTextarea {
	margin: 0;
	}
fieldset {
	border: 0;
	margin: 2em 0 1em 0;
	} 

legend {
	color:#333333;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	margin: 0 0 1em 0;
	font-size: 1.3em;
	}
label.checkbox {
	margin: 0 0 0 0.5em;
	}
input.submit {
	margin: 2em 0 0 0;
	}

input#R1rezeptname,
inout#R2rezeptname,
input#R3rezeptname {
	width: 260px;
	}
input#telvorwahl,
input#mobilvorwahl {
	width: 65px;
	}


/*
----------------------------------------------------------------------------------------------------

 EXT: Sponsoren

----------------------------------------------------------------------------------------------------
*/
.tx-a2csponsoren-table {
	width: 99%;
	}
.tx-a2csponsoren-cell {
	border: 1px solid #eee;
	}
.tx-a2csponsoren-cell img {
	margin: 0 0 0.5em 0;
	}	


}




/*
----------------------------------------------------------------------------------------------------

 Print-Style

----------------------------------------------------------------------------------------------------
*/

@media print {

body {
	background: transparent;
	color: #000; 
	}
#page{
	background: transparent;
	border: 0px black solid;
	}
#banner {
	display: none;
	}
#main {
	background: transparent;
	}
#col3 {
	margin: 0;
	border-left: 0px solid black;
	border-top: 0px solid black;
	background: transparent;
	}

}