
*{ margin: 0; padding: 0; }*
body { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10pt; background: #E1E6EC url(images/logo-bg.jpg) repeat-x; color: #696969; }

a { color: #317486; border-bottom:1px dotted #696969; background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
p { margin: 0 0 15px 0; }
h1 { font-size: 10pt; font-weight: bold; font-family: Verdana, Helvetica, Arial, sans-serif; margin: 0px 0 0 0; }
h1 a { color: #FFFFFF; background: inherit; }
h1 a:hover { color: #4682B4; background: inherit; }
h2 { font-size: 12pt; font-weight: bold; font-family: Verdana, Helvetica, Arial, sans-serif; margin: 0 0 0px; }
h4 { color: #808080; background: inherit; font-weight: normal; font-size: 10pt; }

#content { width: 800px; margin: 0 auto; background: #EEEEEE; }

#logo { margin: 0 0 0 0; height: 200px; width: 800px; float: left; background: url(images/Logo_animasana.jpg) no-repeat bottom; background-position: left; text-align: left; font-size: 11pt; }

#referenz { font-size: 10pt; font-family: Times, Verdana, Helvetica, Arial, sans-serif; font-style: italic; margin: 0px 0 0 0; }

#blog { font-size: 10pt; font-family: Times, Verdana, Helvetica, Arial, sans-serif; margin: 0px 0 0 0; }

#menu { float: right; padding: 40px 0 0 0; margin: 0 0 18px 0; }
#menu li { font-size: 10pt; font-weight: bold; display: inline; }
#menu li a { padding: 30px 10px 0px 0; margin: 0 0 0 20px; color: #FFFFFF; background: #666666 url(images/tab.gif) no-repeat right bottom; }
#menu li a:hover { background: #505050 url(images/tabhover.gif) no-repeat right bottom; color: #4682B4; }

#nav { list-style-type:none; float: right; width: 790px; line-height:20px; padding: 0 10px 0 0; background: #EEEEEE; }
#nav li { float: right; font-weight:normal; width:100px; }
#nav li a { text-decoration: none; display: block; text-align: center; color: #696969; border: 0; background: #EEEEEE url(images/navright.gif) no-repeat right bottom; }
#nav li a:hover { background: #EEEEEE url(images/loginhover.gif) no-repeat left bottom; color: #696969; }

#sidebar { float: left; margin: 0; padding: 0 0 0 0; width: 200px; }
#sidebar h2 { color: #B22222; font-size: 11px; font-weight: bold; letter-spacing: 1px; margin: 0; padding: 0 0 0 20px; text-transform: uppercase; }
#sidebar ul { font-size: 12px; line-height: 14px; list-style: none; margin: 0; padding: 5px 0 0 0; }
#sidebar ul li { margin: 0; padding: 0; }
#sidebar ul li ul { margin: 0; padding: 5px 0 15px 0; }
#sidebar ul li ul li { margin: 0; padding: 0; }
#sidebar a { background: url(images/Adlerfeder-02.gif) no-repeat 20px 50%; border: none; color: #696969; display: block; height: 24px; line-height: 24px; padding: 0 0 0 60px; text-decoration: none; width: 160px; }
#sidebar a:hover { background: #FFFAF0 url(images/Adlerfeder-01.gif) no-repeat 20px 50%; border-bottom: 1px solid #DCDCDC; border-top: 1px solid #DCDCDC; color: #B22222; display: block; height: 22px; line-height: 22px; text-decoration: none; width: 160px; }
.sidebar-bottom { background: url(images/bg_leftmenu_bottom_broun2.jpg) no-repeat 0% 100%; display: block; height: 23px; margin: 0 0 35px 0; padding: 0; }

#bgaktiv { background: #FFFAF0; }

#intro { border:0px solid #A52A2A; clear: both; background: #EEEEEE url(images/percha_vogelperspektive3.jpg) no-repeat; color: #000000;
        height: 60px; margin: 0 0 10px 0; padding: 20px 10px 0px 250px; text-align: center; }
#intro h1 { margin: 0; }
#intro p { margin: 0; }

#login { font-size: .9em; margin: 20px 0 0; }
#login a { color: #2F4F4F; background: #CCCCCC; padding: 4px 20px 6px; }
#login a:hover { color: #2F4F4F; background: #CCCCCC url(images/loginhover_grau-gelb_neu.gif) no-repeat; }

#left { clear: left; float: left; width: 240px; padding: 0 34px 0 15px; font-size: .9em; margin: 0 0 15px; }
#leftmenu { list-style: none; margin: 0 0 20px 0; }
#leftmenu li { padding: 0 0 0 12px; background: #fff url(images/bullet.gif) no-repeat center left; color: #46852F; }
#leftmenu li a { background: #EAFFE3; color: #46852F; }

#right { clear: both; margin: 0 15px 20px 0; padding: 0 0 0 35px; border-left: 1px solid #CCCCCC; float: right; width: 560px; text-align: justify; }
#notice { padding: 12px 14px 1px; background: #F5F5F5 url(images/noticebg.gif) no-repeat bottom right; color: #808080; }
#left a, #right a { background: #F0F8FF; color: #4682B4; }

#left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
#right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }

#footer { clear: both; height: 160px; border-top: 1px solid #696969; padding: 0px 0; margin: 0 0 0 0; font-size: 10px; color: #000000; background: #967F77; }
#footer a { color: #CCCCCC; border: 0; }
#footer a:hover { color: #0066FF; background: #FFCC66; }
#col1 { float: left; text-align: right; width: 500px; height: 150px; padding: 10px 20px 0px 0px; margin: 0 0 0 0; background: #967F77 url(images/see.jpg) no-repeat left top; color: #000000; }
#col2 { float: right; width: 250px; height: 100px; border-left: 1px dotted #CCCCCC; padding: 10px 0 0 20px; background: #967F77; }