/* css fuer die Website www.compumed.de                 */
/* Copyright .TRIPLE.ORANGE - Thomas Schuermann         */

/* Allgemeine Stilvorgaben                              */

* html body * { overflow:visible }
* html iframe, * html frame { overflow:auto }
* html frameset { overflow:hidden } 


                                        /* alle werte und abstaende auf 0 setzen */

html, body, div, p, h1, h2, h3 ,h4 ,h5, h6, ul, ol,
span, a, table, td, form, img, li {
   margin: 0;
}

                                        /* globale schriftdefinitionen */

/* verdana */
html, body, div, p, h1, h2, h3 ,h4 ,h5, ul, ol,
span, a, table, td, form, img, li {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}



/* Ueberschriften                       */
/* ###########################          */

                                        /* h1 : Willkommenanrede und Rubrikenueberschriften */
h1      {
        font-size: 17px;
        color: #CC0000;
        font-family:Helvetica Neue,Arial, Verdana, Helvetica, sans-serif;
        font-weight: bold;
        margin-left: 11px;
        padding-top: 11px;
        margin-top: 15px;
        margin-bottom: 0px;
}
                                        /* h2 : Ueberschriften im Bereich Inhalt und Nachrichten */
h2      {
        font-size: 17px;
        color: #333333;
        font-family:Helvetica Neue,Arial, Verdana, Helvetica, sans-serif;
        font-weight: bold;
        padding-top: 11px;
        margin:0 0 11px 0;
}
                                        /* h3 : Ueberschriften fuer Infoboxen */
h3      {
        font-size: 11px;
        color: #CC0000;
        width: 268px;
        letter-spacing: 1px;
        border-bottom: 1px solid #7C7C7C;
        padding-left: 4px;
        padding-bottom: 4px;
        padding-top: 4px;
        background-color: #EEEEEE;
}
                                        /* h4 : Unter-Ueberschriften fuer Infoboxen */
h4      {
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0.05em;
        margin-left: 4px;
        margin-top: 11px;
        text-indent: 12px;
        background-image:  url("/img/tools/dot.gif");
        background-repeat: no-repeat;
        background-position: 0px 3px;
        line-height: 14px;
        color: #333333;

}
                                        /* h5 : Ueberschriften fuer Aktuelles neben Logo */
h5      {
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0.05em;
        margin-left: 4px;
        text-indent: 12px;
        background-image:  url("/img/tools/dot.gif");
        background-repeat: no-repeat;
        background-position: 0px 3px;
        line-height: 14px;
        color: #CC0000;
}
                                        /* h6 : Ueberschrift für Quicklinks */
h6 {
        font-size: 11px;
        color: #FFFFFF;
        width: 268px;
        letter-spacing: 1px;
        border-bottom: 1px solid #FFFFFF;
        padding-left: 4px;
        padding-bottom: 4px;
        padding-top: 4px;
        background-color:#CC0000;
}


/* html-tag definitionen                */
/* ###########################          */


/* - - - immer diese reihenfolge beachten */
/* Reihenfolge zu LVHFA (Link, Visited, Hover, Focus, Activ)  */


a:link {
                color: #CC0000;
        text-decoration: none;
        font-family: arial, helvetica, serif;
}
a:visited {
        color: #CC0000;
        text-decoration: none;
        font-family: arial, helvetica, serif;
}
a:focus {
        color: #CC0000;
        text-decoration: none;
        font-family: arial, helvetica, serif;
        }
a:hover {
        color: #CC0000;
        text-decoration: underline;
        font-family: arial, helvetica, serif;
        }
a:active {
        color: #CC0000;
        text-decoration: none;
        font-family: arial, helvetica, serif;
        }

/* weitere tags                         */
/* ###########################          */

                                        /* Linie zur Unterteilung der Ansicht ohne Stile */
hr      {
display: none
        }
                                        /* grundsaetzliche Formatierung der Seite */
body {
        background-color: #E5E5E5;
        font-family: arial, helvetica, serif;
        font-size: 12px;
}

/* bereichs definitionen                */
/* ###########################          */


/* Definition von Klassen               */

#servicenavigation a {
        color: #CC0000;
        }

#servicenavigation a:link, #servicenavigation a:visited, #servicenavigation a:focus {
        color: #CC0000;
        text-decoration: none;
        }
#servicenavigation a:hover {
        color: #CC0000;
        text-decoration: underline;
}
#servicenavigation a:active {
        color: #CC0000;
        text-decoration: none;
}
                                        /* positioniert das logo */
.m1logo {
        margin-top: 20px;
        margin-left: 16px;

}
                                        /* positioniert das Weihnachtsbild */
.m1bild {
        margin-top: 40px;
        margin-left: 0px;
}
                                        /* besonders kleine Schriftgroesse fuer Pfeile etc */
.small {
        font-size: 8px;
}

                                        /* Formatierung fuer die Schrift in der Box topnews rechts neben dem Logo */
#topnews  p {
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0.05em;
        margin-left: 4px;
        line-height: 14px;
        margin-bottom: 9px;
}
                                        /* Klasse fuer die Linkbox, oben in der rechten Spalte */
.quicklinkbox {

        width: 272px;
        background-color: #DCDCDC;
        border: 1px solid #7C7C7C;
        padding-bottom: 10px;
        margin-bottom: 9px;
}
                                        /* Klasse fuer die Überschriften in der Linkbox
. quicklinkbox h3 {
        font-size: 11px;
        color: #FFFFFF;
        width: 268px;
        letter-spacing: 1px;
        border-bottom: 1px solid #FFFFFF;
        padding-left: 4px;
        padding-bottom: 4px;
        padding-top: 4px;
        background-color: #DC4A4B;
}
                                        /* Formatierung fuer die Schrift in der Linkbox, oben in der rechten Spalte */
.quicklinkbox  p {
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0.05em;
        margin-left: 4px;
        line-height: 14px;
        margin-right: 2px;
        margin-top: 9px;
}

                                        /* Klasse fuer die Infoboxen in der rechten Spalte, Hintergrund und Rahmen */
.infobox {
        width: 272px;
        background-color: #DCDCDC;
        border: 1px solid #7C7C7C;
        padding-bottom: 10px;
        margin-bottom: 9px;
}
                                        /* Formatierung der Schriften in der Infobox */
.infobox  p {
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0.05em;
        margin-left: 4px;
        margin-right: 2px;
        line-height: 13px;
}
                                        /* Formatierung der Links in der Linkbox und der Infobox */
.infobox a, #aktuelles a, .quicklinkbox a {
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;

}


                                        /* Alle Formatierungen fuer die Introbildbox */
#introbildbox  p {
        font-size: 11px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin-left: 11px;
        margin-right: 11px;
        margin-top: 7px;
}
#introbildbox  b , #introbildbox strong {
        color: #666666;
}

.introbild {
        height: 131px;
        width: 146px;
        margin-left: 7px;
        float: left;
        margin-right: 11px;
}

.banner {
        height: 72px;
        width: 272px;
        margin-left: 7px;
        float: left;
        margin-right: 11px;
}

.introtext {
        height: 131px;
        width: 270px;
        float: left;
}
                                        /* Angepasste Darstellung der Pfade */
#pfad a:link, #pfad a:visited, #pfad a:focus {
        color: #CC0000;
        text-decoration: none;
        }
#pfad a:hover {
        color: #CC0000;
        text-decoration: underline;
}
#pfad a:active {
        color: #CC0000;
        text-decoration: none;
}
                                        /* Formatierung des der einzelnen Inhaltsblöcke */
.inhalt, .inhalt_noborder {
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #666666;
        margin-left: 11px;
        margin-right: 11px;
        padding-bottom: 21px;
}
.inhalt_noborder {
        border-bottom:none;
}

                                        /* Formatierung der Schrift im Bereich Inhalt */
.inhalt  p, .inhalt_noborder p {
        font-size: 11px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin-right: 11px;
        margin-top: 7px;
}
                                        /* Formatierung der Mehr Informationen Links mit Einrueckung und Hintergrundbild */

.mehrinfo {
        font-size: 11px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin-left: 4px;
        margin-top: 11px;
        text-indent: 12px;
        background-image:  url("/img/tools/dot.gif");
        background-repeat: no-repeat;
        background-position: 0px 4px;
        line-height: 14px;
        color: #333333;
}

                                        /* Formatierung der Nachrichten */

.nachricht {
        margin-right: 11px;
        padding-bottom: 21px;
        }
                                        /* Ueberschrift in Nachrichten */
#nachrichten h2 {
        font-size: 17px;
        color: #333333;
        font-family:Helvetica Neue,Arial, Verdana, Helvetica, sans-serif;
        font-style: bold;
        padding-top: 11px;
        margin-top: 11px;
        margin-bottom: 11px;
        }
                                        /* Absätze in Nachrichten */
.nachricht p {

        font-size: 11px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin-right: 11px;
        margin-top: 7px;
        }
                                        /* Fett in Nachrichten */
.nachricht b , .nachricht strong {
        color: #CC0000;
        }

.nachricht .mehrinfo {
        font-size: 11px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin-left: 4px;
        text-indent: 12px;
        background-image:  url("/img/tools/dot.gif");
        background-repeat: no-repeat;
        background-position: 0px 4px;
        line-height: 14px;
        color: #333333;
        margin-top: 0px;
}
                                        /* Trennlinie zwischen Inhalten und Nachrichten
.trennlinie {
        width: 447px;
        height: 1px;
        margin-left: 11px;
        border-top: 1px dotted #CCCCCC;
        padding-bottom: 11px;
        }
                                        /* unsichtbare seitenbestandteile */
.invisible {
                display: none;
}

.content_pic_right {
        float:right;
        margin-left:15px;
        margin-bottom:10px;
}

 div.nachricht a {
        font-size: 11px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin-top: 11px;
        background-image: url(/img/tools/dot.gif);
        background-repeat: no-repeat;
        background-position: 0px 4px;
        line-height: 14px;
        color: #333333;
        padding: 0 0 0 11px;
}
 .img.content_pic_right {
        border: 0px solid #666666;
         }
body {
 padding: 0px;
 margin: 0px;
 }
 

 
 td.formValue {
    width: 150px;
 }
 
  td.formButton {
    width: 100px;
 }
 
 /* Alles fuer die Filme			*/
/* ####################################	*/


div.film {
	width: 100%;
}

div.film h2 {
	margin: 0 0 11px 11px;
}

div.filmbox {
	background-image: url(/img/bg/filme/filmbox.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 90px;
	border: 1px solid #CC0000;
	width: 175px;
	color: #333333;
	float: left;
	margin: 0 11px 27px 5px;
}

div.filmbox h4 {
	background: none;
	padding: 0 0 0 29px;
	color: #CC0000;
	font-size: 14px;
	margin: 10px 0 0 0;
	text-indent: 0px;

}

div.filmbox p {
	padding: 0 0 0 29px;
	margin: 0;
	text-indent: 0px;
	font-weight: bold;

}

div.filmtext {
	float: left;
	font-size: 11px;
	padding-top: 11px;
	width: 240px;
}

.clear {
clear:left;
}

a.filmlink {
	margin-left: 4px;
	background-image:  url(/img/tools/dot.gif);
	background-position: 0px 3px;
	padding: 0 0 5px 0px;
	background-repeat: no-repeat;
	display: block;
	text-indent: 12px;
}


/* Alles fuer die Movies - Compumedial	*/
/* ####################################	*/

div#movie { padding: 0 11px 0 11px; padding-bottom: 21px;  width: auto; }
div#movie h2 { 	margin: 0 0 1em 0; clear: left; }


ul#movielist {
	margin: 1em 0 0 0;
	padding: 0;
	float: none;
	background-color: ff9090;
	list-style-type: none;
}

ul#movielist li {
	padding: 3px 0 3px 14px;
	margin: 0;
	background: url(/img/film/pfeil-rot.gif) no-repeat  0px 3px;
	float: left;
	width: 40%;
	position: static;
	clear: none;
}



    
div.moviebox { 	
	background: url(/img/film/podcast-gross.gif) no-repeat 5px 0px; 
	margin: 2em 0 1em 0;
	padding: 0 0 0 0;
	height: 1%;
	
}

div.moviebox h4 {
	background: none;
	padding: 0 0 0.05em 88px;
	color: #CC0000;
	font-size: 100%;
	margin: 10px 0 0 0;
	text-indent: 0px;
	font-weight: normal;
}

div.moviebox h5 {
	padding: 0 0 0.5em 88px;
	margin: 0;
	font-size: 120%;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0.05em;
	text-indent: 0px;
	background-image:  none;
	line-height: 1.2em;
        color: #666666;
}

div.moviebox p {
	font-size: 95%;
	padding: 0.5em 0.5em 0 88px;
	margin: 0;
	line-height: 1.3em;
}





.clear { clear:left; }

a.movielink {
	margin: 0 0 0 4px;
	background-image:  url(/img/tools/dot.gif);
	background-position: 0px 3px;
	padding: 0 0 5px 0px;
	background-repeat: no-repeat;
	display: block;
	text-indent: 12px;
}

a.movielink_pod {
	margin-left: 4px;
	background-image:  url(/img/tools/podcast.gif);
	background-position: 0px 3px;
	padding: 0 0 5px 0px;
	background-repeat: no-repeat;
	display: block;
	text-indent: 12px;
}