/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.highresolution.info/webdesign/yaml/) #
** ######################################################################################################
** 
**
*/



@import url(css/yaml.css);
@import url(example.css);


@media print
{
#klick {display:none;}
#logo {display:none;}
#header {display:none;}
}


@media screen
{
/* Rechte Spalte abschalten */
#col1 {width: 155px;}

#col2 { display:none; }
#col2_content { display:none; }

/* rechten Randabstand anpassen */
#col3 { margin-right:0; border-right:0; margin-left:164px;}

/* Spaltentrenner */
#col3 {border-left: 2px #ddd dotted;}

/* Footer  */
#footer { padding:0px; margin:0px; text-align: center;}

/* Der Bereich hinter dem Logo */
#header {height:92px;}

#header img {position:absolute; top: 2px; left: 2px; font-size:208%;}

#logo {float:left;}

/* der Bereich hinter dem Seitenlogo */
#ueberschrift {margin-left:10px; margin-top: 10px; padding:0; background-image:url('../bilder/kinos2.png'); background-repeat: repeat-x;}

#rundgang {position:absolute; right:5px; top:5px; line-height:200%; text-align:right; }
#rundgang a {color: white;}
#rundgang a {color:white; text-decoration:none; }
#rundgang a:hover{ text-decoration:underline; background-color: #660000;}


/* hier geht es los mit der Gestaltung */
#nav {background:red;}

#nav_main {text-align: center; color:white; height:30px;}
#nav_main a {color:white; text-decoration:none;}
#nav_main a:hover{color:red; text-decoration:blink; background-color:#02bc8b;}
#nav_main .oben_no {color: white;}
#nav_main .oben_ro {color: red;}
#nav_main .oben_act {color: #000000; background-color:#82bc8b;}

#col1 a {color:white; text-decoration:none; line-height:30px; }
#col1 a:hover{ text-decoration:none; background-color: #820707;}
#col1 .links_no  {color: white; background-color: transparent; width:200px;}
#col1 .links_ro  {color: white; background-color:#820707;}
#col1 .links_act {color: white; background-color:#820707; font-weight:bold;}

#col1 .links_no2 {color: white; margin-left:15px;}
#col1 .links_ro2 {color: red; margin-left:15px;}
#col1 .links_act2 {color: #000000; background-color:#ffcc66; margin-left:15px;}

/* Gestaltung des Klickpfades */
#klick_main {text-align: left; color:white; height:30px; padding-top:3px;}
#klick_main a {color:white; text-decoration:none;}
#klick_main a:hover{ text-decoration:underline; background-color: #660000;}

#footer {text-align: center; height:40px;}
#footer a {color:white; text-decoration:none;}
#footer a:hover{ text-decoration:underline; background-color: transparent;}


#main {padding-top: 0px; border-top:1px solid white; }


#wwmenu_oben {position: absolute; right: 0px; top: 40px;}

/* Farbeinstellungen */
#main {background-color: white; } 
#main {background-image:url('filmkachel.png'); background-repeat: repeat-y; margin-top:0; padding-top:0;}
#header {background-color: #cc0404; }
#ueberschrift {background-color:white;}
#klick {background:black;}
#col1 {background-color:transparent; height:auto;}
#col3 {background-color: white; vertical-align:top; padding-right:1em;}
#page {background-color: transparent; }
#footer {background-color:black; color:white;}

h2 {background: white; color: black;}

a.internal-link  {color: #0000c0;}
a:visited.internal-link  {color: #300070;}
a:hover.internal-link  {color: #ff0000;}

#ssuchfeld {background-color:black; border-style:solid; border-color:black; border-width:2px;}
#suchfeld input {background-color:white; border-style:solid; border-color:black; border-width:1px;}

#col1_content {margin-left:0px; padding-left:17px; margin-top:0px; padding-top:3px;}

.csc-tetxtpic-caption {color: green;}
#csc-tetxtpic-caption {color: green;}
.csc-tetxtpic-imagewrap {color: green;}
#csc-tetxtpic-imagewrap {color: green;}
dd {font-size:10px;}

}