/* Cascading Stylesheet fuer Dorf macht Oper */
/* 3-point concepts: Jasmina Liessmann - 26.05.2010 */


/* ------------------------------
	Allgemeines
-------------------------------*/
*+html {overflow:hidden;}
.opera9 html {overflow:hidden;}
.opera10 html {overflow:hidden;}

body {color:#336633; font-family:Verdana, Arial, sans-serif; font-size:11px; line-height:17px; margin:0; padding:0; overflow:hidden !important; width:100%;}

table,tr,td,div,fieldset,form,input,select,span,img,ol,ul,li,a,h1,h2,h3,h4,h5,h6,big,small,abbr {border:0; font-weight:normal; margin:0; padding:0;}
td {vertical-align:top;}

div.clear {clear:both; font-size:0; height:0; line-height:0; margin:0; padding:0;}
br.clear {clear:both;}

p {margin:0 0 12px 0; padding:0;}

ul {list-style:none; margin:0 0 12px 0; padding:0;}
ul li {background:url(/bilder/listenpunkt.gif) 1px 6px no-repeat; margin:0; padding:0 0 0 14px;}

hr {border:0; border-top:1px solid #9a9a9a; height:1px; margin-top:10px; margin-bottom:25px;}

/* Bildvergoesserung */
#supersize img {height:100%; width:100%;}
   .ie7 body, .ie7 html {overflow:hidden;}
#centern {background:url(/bilder/bg_mainmenu.png) repeat-y 0 0; top:0; left:0; right:0; bottom:0; overflow-y:auto; overflow-x:hidden; position:absolute; z-index:1; width:100%;}
   .ie6 #centern {background:none;}


/* ------------------------------
	Menus
-------------------------------*/
#mainmenu {float:left; margin:0 58px 0 14px; padding:0 18px 0 0; width:216px;}
   .ie6 #mainmenu {background:#fff; opacity:0.95; filter:alpha(opacity=95); padding-bottom:30px; width:198px;}
#mainmenu .logo {height:197px; margin:0; padding:0; width:216px;}
#mainmenu .ebene2 {border:0; border-bottom:#96de96 1px solid; padding:3px 0 2px 0;}

#mainmenu a:link, #mainmenu a:visited {background:none; border:0; color:#336633; display:block; font-weight:normal; letter-spacing:0.05em; margin:0; text-decoration:none; text-transform:uppercase;}
#mainmenu a:focus, #mainmenu a:hover {display:block; font-weight:normal; margin:0; text-decoration:none; text-transform:uppercase;}
   .ie6 #mainmenu a {letter-spacing:0;}

#mainmenu a.e1:link, #mainmenu a.e1:visited {border-bottom:#96de96 1px solid; padding:16px 0 2px 19px; width:197px;}
#mainmenu a.e1:focus, #mainmenu a.e1:hover {background:#33cc00; color:#fff; border-bottom:#96de96 1px solid; padding:16px 0 2px 19px; width:197px;}
#mainmenu a.e1_on:link, #mainmenu a.e1_on:visited, #mainmenu a.e1_on:focus, #mainmenu a.e1_on:hover {background:#33cc00; border-bottom:#96de96 1px solid; color:#fff; padding:16px 0 2px 19px; width:197px;}

#mainmenu a.e2:link, #mainmenu a.e2:visited {padding:0 0 0 40px; width:161px;}
#mainmenu a.e2:focus, #mainmenu a.e2:hover {color:#33cc00; padding:0 0 0 40px; width:161px;}
#mainmenu a.e2_on:link, #mainmenu a.e2_on:visited, #mainmenu a.e2_on:focus, #mainmenu a.e2_on:hover {color:#33cc00; padding:0 0 0 40px; width:161px;}
   .ie6 #mainmenu a.e2:link, .ie6 #mainmenu a.e2:visited, .ie6 #mainmenu a.e2:focus, .ie6 #mainmenu a.e2:hover, .ie6 #mainmenu a.e2_on:link, .ie6 #mainmenu a.e2_on:visited, .ie6 #mainmenu a.e2_on:focus, .ie6 #mainmenu a.e2_on:hover  {width:176px;}


/* Submenu oben */
#submenu {color:#fff; margin:0; padding:9px 0 171px 0; text-align:right; width:100%;}
#submenu a:link, #submenu a:visited {background:none; color:#fff; font-size:10px; font-weight:normal; line-height:13px; margin:0; padding:0; text-decoration:none;}
#submenu a.on:link, #submenu a.on:visited, #submenu a.on:focus, #submenu a.on:hover, #submenu a:focus, #submenu a:hover {background:none; color:#33cc00; font-size:10px; font-weight:normal; line-height:13px; margin:0; padding:0; text-decoration:none;}


/* ------------------------------
	Layout
-------------------------------*/
#layout {margin:0; padding:0; width:1250px;}
   .ie6 #layout {overflow:hidden !important;}
   .ie7 #layout {overflow:visible;}

/* Inhaltsbereich Mitte */
.spalte_mitte {float:left; margin:0; padding:0; width:585px;}
#content {background:#fff; opacity:0.95; filter:alpha(opacity=95); margin:0; padding:13px 13px 18px 13px; width:559px;}

/* Fuss */
#footer {color:#fff; font-size:10px; line-height:13px; margin:0; padding:29px 0 56px 0; width:100%;}
#footer a:link, #footer a:visited {background:none; color:#fff; font-size:10px; font-weight:normal; line-height:13px; margin:0; padding:0; text-decoration:none;}
#footer a:focus, #footer a:hover {background:none; color:#33cc00; font-size:10px; font-weight:normal; line-height:13px; margin:0; padding:0; text-decoration:none;}

#footer .links {float:left; width:250px; }
#footer .rechts {float:right; text-align:right; width:200px;}



.ausrichtung_rechts {float:right;}



/* Bilder rechts */
#bilderbox {float:left; margin:185px 0 0 7px; padding:0; width:303px;}
#bilderbox table.galerie {background:#fff; opacity:0.95; filter:alpha(opacity=95); padding:12px 1px 1px 12px; width:288px;}
   .ie6 #bilderbox table.galerie {border-top:#fff 12px solid; border-left:#fff 12px solid; border-right:#fff 1px solid; border-bottom:#fff 1px solid;}
   .ie7 #bilderbox table.galerie {border-top:#fff 12px solid; border-left:#fff 12px solid; border-right:#fff 1px solid; border-bottom:#fff 1px solid;}
#bilderbox table.galerie td {height:85px; padding:0 11px 11px 0;}
#bilderbox a:link, #bilderbox a:visited {background:none; border:#fff 1px solid; display:block; height:85px; margin:0; padding:0; width:85px;}
#bilderbox a:focus, #bilderbox a:hover {background:none; border:#33cc00 1px solid; display:block; height:85px; margin:0; padding:0; width:85px;}


/* ------------------------------
	Schriften
-------------------------------*/
h1 {margin:0; padding:0 !important;}
h1 a {margin:0; padding:0 !important; text-decoration:none;}
h2 {color:#33cc00; font-family:Georgia; font-size:20px; line-height:28px; letter-spacing:0.05em; padding:4px 0 17px 0;}
h3 {color:#336633; font-size:11px; font-weight:bold; line-height:20px; padding:5px 0 0 0;}
h4 {color:#33cc00; font-weight:bold; margin:0; padding:0;}

span.rot {color:#ff6666;}


/* ------------------------------
	Links
-------------------------------*/
#content a:link, #content a:visited {background:url(/bilder/icon_link.gif) no-repeat 0 3px; color:#33cc00; margin:0; padding:0 0 0 9px; text-decoration:none;}
#content a:focus, #content a:hover {background:url(/bilder/icon_link.gif) no-repeat 0 3px; color:#33cc00; margin:0; padding:0 0 0 9px; text-decoration:underline;}

.mac.ff3 #content a {background:url(/bilder/icon_link.gif) no-repeat 0 4px;}


/* ------------------------------
	Formular
-------------------------------*/
form {color:#336633; font-size:10px;}
form a {font-size:11px;}
input {background:#fff !important; border:#ccc 1px solid; font-family:Verdana, Arial, sans-serif; font-size:10px; height:18px; margin:0; padding:0 3px; width:302px;}
input.klein {width:80px;}
input.fehler {background:#ff6666 !important; color:#fff;}
label {display:block; line-height:15px; margin:0 0 -12px 0; width:302px;}
textarea {background:#fff !important; border:#ccc 1px solid; font-family:Verdana, Arial, sans-serif; font-size:10px; height:133px; margin:0; padding:0 3px; width:302px;}