/* Allgemeine Einstellungen */
*
{
   margin:0;
   padding:0;
}

option
{
   padding-left:0.4em;
}

body {
   position:relative; font-family:Arial, Helvetica, sans-serif; font-size:90%; background-image:url(site_images/backgrounds/long_stripe.gif); background-repeat:repeat-y; background-position:top center; minimum-height:101%;}

/* Positionierung der großen Container */
#outer{
   position:absolute; left:50%; width:901px; margin-left:-450px; background-image:url(site_images/backgrounds/middle.gif); background-repeat:repeat-y; background-position:top center;}

#content .artikel
{
   margin-bottom:20px; padding-left:10px;
}

#content a:link {
    text-decoration:none;}
#content a:visited {
    color:#0000FF; text-decoration:none;}	
#content a:hover {
    text-decoration:underline; color:red;}


/* Schriftformatierungen */
/*Schriftgröße und -Farbe der üblichen Textelemente: */
p, li, td, h3, h4, address
{
   font-size:1em;
   color: #333;
}

p, ul, dl, address
{ 
   color:#333;
   padding:5px;
   line-height:1.4em;
}

li {
    line-height:1.3em;}

h1{
   font-size:1.5em; color:#0b50a9; margin-top:20px; margin-bottom:20px; text-align:center;}

h2 
{
   font-size:1.2em;
   margin-top:20px;
   padding:3px 0 0px 0px;
   line-height:1.5em;
   text-align:center;
}

h3 {
    color:#0b50a9;}

/* Kleine Helfer-Klassen: */
/* Diese Klasse positioniert das kleine Hilfs-Bild fr die linke Ecke in der berschrift */



.right
{
   text-align:right;
}

.left
{
   float:left;
}

.clear
{
   clear:both;
}

.number
{
   text-align:right;
}

.invisible
{
   visibility:hidden;
   height:0;
   margin:0;
   padding:0;
   line-height:0;
   background-color:#fff;
}

/* Der Seiten-Kopf: */
#banner
{
   height:135px;
   background-image:url(site_images/backgrounds/top.gif);
   background-position:center top;
}

#logo
{
  z-index:100;
}


/* Top-Nav */
#top_nav {
   position:absolute; top:100px; right:30px; color:#0b50a9;}


#top_nav  a:link, #top_nav a:visited {   
	color:#0b50a9; text-decoration:none;}
	
#top_nav a:hover
{
   color:#f00;
}


/* Die Hauptnavigation ###############################################  */
#main_nav {  
   position:relative; margin-top:25px; margin-left:0px; width:901px; height:25px; background-color:#caccce; font-weight:bold;
   z-index:1;
   background-image:url(site_images/backgrounds/light_btn.gif);
}

#main_nav a:link, #main_nav a:visited, #main_nav a:hover {
  position:absolute; display:block; height:20px; width:140px; margin-bottom:0; padding-top:5px; text-align:center; color:#393880; text-decoration:none; border-right:1px solid #fff;  
}

a#start
{
  bottom:0;
  left:0;
  height:25px;
  z-index:1;
}

a#praxisfernsehen
{
	position:absolute;
	bottom:0;
	left:141px;
	z-index:2;
}

a#dvd {
	position:absolute;
	bottom:0;
	left:282px;
	z-index:3;
}
   
a#videos {
	position:absolute;
	bottom:0;
	left:423px;
	z-index:4;
}

a#links {
	position:absolute;
	bottom:0;
	left:564px;
	z-index:6;
}

a#kontakt
{
	position:absolute;
	bottom:0;
	left:705px;
	z-index:6;
}

a.current
{
   background-color:#393880;
   background-image:url(site_images/backgrounds/dark_btn.gif);
   color:#fff;
}

a.top_link
{
   display:block;
   width:115px;
   text-align:center;
   text-decoration:none;
   height:1.5em;
}

a.top_link:link, a.top_link:visited
{
   color:rgb(150,50,170);
}

a.top_link:hover
{
   color:#FF0000;
}

#main_nav a:hover, #main_nav a:active
{
  background-color:#393880;
  background-image:url(site_images/backgrounds/dark_btn.gif);
  color:#fff;
}

/* Der Haupt-Inhaltsbereich ########################################################################## */
#content
{  
   padding: 10px 30px 10px 45px;
}

/* Der Fußbereich der Seite: */
#footer
{
  background-image:url(site_images/backgrounds/bottom.gif);
  background-position:bottom center;
  background-repeat:no-repeat;
  text-align:right;
  height:55px;
}

#footer p.copy
{
  text-align:right;
  font-size:12px;
  font-style:italic;
  padding-top:10px;
  padding-right:20px;
  margin-bottom:0;
  padding-bottom:0;
}

/* Formatierungen der individuellen Blöcke ############################################################# */
/* Formatierungen für alle Seiten */
.artikel, form
{
   position:relative;
   background:url(site_images/backgrounds/gradient.jpg) top left no-repeat;
}

.artikel h2
{
   margin-top:0px;
   color:#393880;  
}

/* 1. Startseite ####################################################################################### */
#trailer_soerensen {
    float:right;  padding:4px; border:1px solid #efefef;}

.start
{
   margin-right:380px;
}



/* 2. Praxisfernsehen: ####################################################################################*/


#praxisfernsehen_body ol {
  list-style:inside;}

#praxisfernsehen_body ol li{
   margin-left:5px;}

/* Shop-Index (DVD)                                ################################ */

#shop_index table {
    margin-left:0px; width:100%;}
	
/* Die Tabellenköpfe der Info-Tabelle determinieren die Breite */
.info {
    width:20%;}

.beitrag {
    width:60%;}

.empty {
    width:20%;}

#shop_index th {
   text-align:left; padding-left:5px; color:#393880;}
   
#shop_index td {
     vertical-align:top; padding:0;}

#shop_index #content img {
    padding:5px;}

table.sub{
    margin-right:40px;}
	
table.sub td {
   padding:2px 5px 2px 5px;}
 
/*ol.subtitle {
    margin-left:10px;}*/
	
ol li{
   list-style-position:outside; margin-left: 10px;}

#shop_index .subtitle {
   font-weight:normal;}

#shop_index ol {
  list-style:decimal; list-style-position:inside;  margin-left:20px;
}

#shop_index td.link {
   text-align:right; padding-bottom:10px;}

/*
5. Kontaktseite
*/
#anschrift {
   width:400px; float:left;}

#kontakt_body span {
   color:#FF0000;}

#kontakt_form{
   width:384px;  float:left;}

fieldset{
   border:none; padding:5px;}

legend{
   visibility:hidden;}

td{
   vertical-align:top;  padding-top:10px;}


.label
{
   text-align:right;
}

/* 4. Links ################################### */
#links_body #content img {
    border:none;}
	
#links_body #content p {
    text-align:center;}
dd
{
    margin-bottom:10px;
	text-align:center;
}

dl
{
   text-align:center;
}

/* 5. Kontakt ################################# */
#kontakt_body p
{
   text-align:center;
}



/* 6. Impressum ###############################*/
#impressum_body span
{
   color:red;
}

#impressum_body p
{
   text-align:center;
}

#impressum_body p#gf
{
   font-size:small;
}

#impressum_body p a
{
    text-decoration:none;
	color:#333399;
}

#impressum_body p a:hover
{
   color:red;
}

/* Die eMail, die verkehrtrum geschrieben ist, umdrehen, so dass sie wieder lesbar ist */
.email {
unicode-bidi:bidi-override; 
direction: rtl;
}

/* Die Spamfalle, die in dem Formularfeld "website" besteht, für echte Benutzer unsichtbar machen. */
tr.url {
display:none;
}