
/* basics */

body {
background: url(../images/design_bg.gif) #fff repeat-y; text-align: left }

body { 
scrollbar-face-color: #e1e1e1; scrollbar-highlight-color: #fafafa; scrollbar-shadow-color: #e1e1e1; scrollbar-3dlight-color: #d5d5d5; scrollbar-arrow-color: #333333; scrollbar-track-color: #f2f2f2; scrollbar-darkshadow-color: #c6c6c6 }

body, p, ol, li, ul, div, ppre, table, tr, td, th  {
padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #333333; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 16px; text-align: left }

td {
padding: 0px }

body  {
margin: 0px 0px 0px 0px }

.section {
border-bottom: 1px dashed #cc0000; font-size:12px; font-weight:bold; background-color:#ffffff; color:#cc0000; height:18px }

.headline, h1, h2, h3, h4, h5, .headline a, .headline a:link, .headline a:visited, .headline a:active, .headline a:hover {
font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #cc0000; text-transform: none; text-decoration: none }

.bold, .bold a:link, .bold a:visited, .bold a:active {
font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: bold; text-decoration: none }

.bold a:hover { 
color: #333333; font-weight: bold; text-decoration: underline }

.light, .light a:link, .light a:visited, .light a:active {
font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #999999; font-weight: normal; text-decoration: none }

.light a:hover { 
color: #333333; font-weight: bold; text-decoration: underline }

p, div { 
font-family: verdana, arial, helvetica, sans-serif;	font-size: 11px; color: #333333; font-style: normal; line-height: 14px; text-align: left }

hr { 
background-color: #cc0000; color: #cc0000; border: #cc0000; height: 1px  }

/* menu */

#topnav-1 {
width: 190px; padding: 0; margin: 0px 10px 0 0; background-color: #cc0000; color: #ffffff; }

#topnav-1 div {
font-weight: bold; text-transform: uppercase; font-size: 11px; padding: 0; padding-left: 8px; margin: 0; }

#topnav-1 div a {
display: block; padding: 0 0 0 0; border-left: 0px solid #cc0000; border-right: 0px solid #ffcccc; border-bottom: 0px dashed #ffcccc; background-color: #cc0000; color: #ffffff; text-decoration: none; width: 100%; }

html>body #topnav-1 div a { 
width: auto; }

#topnav-1 div a:hover {
background-color: #cc0000; color: #ffcccc; }

#topnav-1 div #active {
background-color: #ffcccc; color: #cc0000; }

#topnav-2 {
width: 200px; padding: 0 0 0 0; margin: 0 0 0 5px; background-color: #cc3333; border-top: 1px solid #ffcccc; color: #ffffff; }

#topnav-2 div {
margin: 0; }

#topnav-2 div a {
display: block; padding: 0 0 0 0; border-left: 5px solid #cc0000; border-right: 3px solid #ffcccc; border-bottom: 1px solid #ffcccc; background-color: #cc0000; color: #ffffff; text-decoration: none; width: 100%; }

html>body #topnav-2 div a { 
width: auto; }

#topnav-2 div a:hover {
border-left: 5px solid #ffcccc; border-right: 1px solid #ffcccc; background-color: #ffcccc; color: #cc0000; }

#topnav-2 div #active {
border-left: 5px solid #ffcccc; border-right: 1px solid #ffcccc; background-color: #ffcccc; color: #cc0000; }


/* tabellen */

.table-headline-line {
background-color: #ff9900 }

.table-formmail {
margin: 0px; background-color: #ffcccc; border-left: 5px solid #cc0000 }

.table-content {
width:100%; background-color: #eeeeee }

.table-content TD {
padding: 2px }

.table-headline-bg { 
background-color: #ffffff }

.tr-head { 
background-color: #dddddd }

.tr-light { 
background-color: #eeeeee }

/* regular links */

a,a:link, a:visited, a:active { 
color: #666666; text-decoration: underline; line-height: 16px }

a:hover { 
color: #666666; text-decoration: none; line-height: 16px }

/* listenvormatierung */

ul {
list-style-position: inside; list-style-type: disc; line-height: 16px; color: #cccccc; margin-bottom: 16px }
ol { 
list-style-position: inside; list-style-type: decimal; line-height: 16px; margin-bottom: 16px }
li { 
padding-left: 5px; margin-left: 5px; margin-top: 0px; margin-bottom: 0px }

/* eingabefelder */

select, textarea, input { 
font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #333333; background-color: #ffffff; border: 1px solid #999999 }
#submit { 
background-color: #cc0000; color: #ffffff; border: 0px solid #cc0000; height:20px }
.submit { 
background-color: #cc0000; color: #ffffff; border: 0px solid #cc0000; height:20px  }

/* texte */

.caption { 
font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color: #666666; text-align: right; background-color: #eeeeee; padding: 2px; margin-bottom: 5px }
.footer { 
font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #666666  }
a.footer:link, a.footer:visited, a.footer:active { 
color: #666666; text-decoration: none  }
a.footer:hover { 
color: #666666; text-decoration: underline }

/* boxen */

#area {
padding: 0px; margin: 10px 25px 10px 25px; width: 860px; height: auto; color: #333333; background-color: #ffffff }
#navigation {
padding: 0px; margin: 0px 0px 0px 0px; width: 200px; height: 155px; color: #333333; background-color: #cc0000; border-top: #cc0000 5px solid }
#emotion {
padding: 0px; margin: 10px 0px 10px 0px; width: 860px; height: 160px; color: #333333; border-top: #cc0000 3px double; border-bottom: #cc0000 3px double }
#content {
padding: 0px; margin: 10px 15px 0px 15px; width: 830px; height: auto; color: #333333; border-bottom: #ffffff 0px solid; background-color: #fff }
#meta {
padding: 0px; margin: 0px 0px 0px 0px; width: 860px; height: 24px; color: #333333; background-color: #cc0000; border-top: #cc0000 3px double; border-bottom: #cc0000 3px double }

/* menu */

.topnav1 {
padding: 0px; margin 0px; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 11px; margin-left: 8px; color: #ffffff; text-align: right } 
.topnav1 a:link, .topnav1 a:visited, .topnav1 a:active {
padding: 0px; margin 0px; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 11px; text-decoration: none; color: #ffffff; text-align: right }
.topnav1 a:hover {
padding: 0px; margin 0px; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 11px; text-decoration: none; color: #ffffff; text-align: right }

.topnav2 {
font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; text-transform: none; font-size: 11px; margin-left: 8px; color: #ffffff } 
.topnav2 a:link, .topnav2 a:visited, .topnav2 a:active {
font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; text-transform: none; font-size: 11px; text-decoration: none; color: #ffffff }
.topnav2 a:hover {
font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; text-transform: none; font-size: 11px; text-decoration: none; color: #ffffff }

.subnav {
font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; text-transform: none; font-weight: normal; color: #666666; text-decoration: none }   
.subnav a:link, .subnav a:visited, .subnav a:active {
font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; text-transform: none; font-weight: normal; color: #666666; text-decoration: none }
.subnav a:hover {
font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; text-transform: none; font-weight: normal; color: #ff6600; text-decoration: none }

/* fotogalerie */

.gallery-pic { 
background-color: #e2e2e2; text-align: center; padding-bottom: 5px; padding-top: 5px }
a.gallery-pic:hover { 
background-color: #666666; text-align: center; padding-bottom: 5px; padding-top: 5px }


/* O L D */

search input { 
font-family: verdana, arial, helvetica, sans-serif; color:#ffffff;  font-size: 11px; background-color: #333399; border: 1px solid #ffffff }
.langmenu { 
font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #ffffff; text-transform: uppercase }
a.langmenu:link, a.langmenu:visited, a.langmenu:active { 
color: #ffffff; text-decoration: none; text-transform: uppercase }
a.langmenu:hover { 
color: #ff9900; text-decoration: none; text-transform: uppercase }




