@charset "utf-8";
/* CSS Document */

body {
font-size: 100.01%;
margin: 0 auto;
text-align: center;
background-color: #fff;
color: #222;
font-family: "Lucida Sans Unicode", Calibri, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 0;
font-family: Calibri, "Myriad Pro", Tahoma, Geneva, Helvetica, Arial, sans-serif;
}
p {
margin: 0 0 1.25em;
}
#header {
text-align: left;
background: #444e4d url(../imgs/message.gif) no-repeat 26em 35px;
border-bottom: 2px solid #fff;
text-align: left;
position: relative;
height: 75px;
}
#logo {
position: absolute;
left: 40px;
top: 5px;
height: 59px;
}
#topnav {
text-align: left;
background: #4b5c5a;
border-bottom: 2px solid #fff;
position: relative;
overflow: hidden;
height: 3em;
}
#topnav ul {
display: inline;
float: left;
padding: 5px 0;
margin-left: 38px;
}
#topnav ul li {
display: inline;
float: left;
list-style-type: none;
}
#topnav ul li a {
color: #202622;
display: block;
font-size: 1em;
font-weight: bold;
margin: 0;
padding: 1em 0.9em 0.7em;
text-decoration: none;
width: auto;
letter-spacing: 0.01em;
}
#topnav ul li a:hover {
color: #202622;
background-color: #7a9390;
}
#topnav ul li a#hic {
color: #8b9998;
background: #202622 url(../imgs/hic.gif) no-repeat center bottom;
}
#admin a {
background: #444e4d;
text-decoration: none;
display: block;
position: absolute;
width: 90px;
float: left;
padding: 5px 0 10px;
text-align: center;
right: 15px;
top: 10px;
border: 1px solid #bbb;
color: #c7d0ca;
}
#admin a:hover, #admin a#nunc {
background: #7a9390;
color:  #202622;
}
#wrapper, #wrapper1 {
background: #fff url(../imgs/wrap_bg1.gif) repeat-y 70% 0;
text-align: left;
max-width: 1400px;
min-width: 960px;
width: 100%;
position: relative;
}
#wrapper1 {
background-image: none;
background-color: #f4f4f4;
}
#main, #main1 {
float: left;
background-color: #fff;
width: 69.9%;
position: relative;
}
#main1 {
width: 100%;
background-color: #f4f4f4;
}
#raison {
margin-left: 30px;
}
.col {
display: inline;
float: left;
width: 220px;
background: #fff;
border: 1px solid #ccc;
margin: 40px 20px;
font-size: 85%;
}
.col h2, .col h2 a {
text-align: center;
color: #a60000 !important;
text-decoration: none;
letter-spacing: 1px;
padding: 5px;
font-size: 130%;
font-variant: small-caps;
/*text-shadow: #c0c0c0 2px 2px 4px;*/
}
.col p {
padding: 5px;
text-align: center;
line-height: 1.4;
font-size: 95%;
}
#teaser {
height: 250px;
background: #6892ce;
position: relative;
padding: 40px 10px 25px 35px;
}
#teaser .content {
float: left;
width: 300px;
position: relative;
margin: 0;
padding: 0;
}
#teaser h2 {
color: #fff;
font-size: 135%;
letter-spacing: 0.1em;
}
#teaser h2 span {
font-size: 80%;
}
#teaser ul {
margin: 0.75em 0 0 0.5em;
}
#teaser ul li {
color: #212b3f;
font-size: 80%;
padding: 5px 0 6px 32px;
background: transparent url(../imgs/yes.gif) no-repeat 0 0.3em;
}
#quote {
position: relative;
width: 152px;
top: 60px;
left: 50px;
}
#quote a {
background: transparent url(../imgs/quote.jpg) no-repeat 0 0;
height: 32px;
position: absolute;
text-indent: -9999px;
width: 152px;
bottom: 0;
left: 0;
}
#quote a:hover {
background: transparent url(../imgs/quote1.jpg) no-repeat 0 0;
}
#maincont {
padding: 40px;
line-height: 1.5;
}
#maincont a { 
color: #233d48;
text-decoration: underline;
padding: 0 1px;
}
#maincont a:hover {
color: #d94022;
background-color: #6892ce;
color: #fff;
}
#mission {
clear: left;
margin-top: 2.5em;
}

#mission a {
padding: 10px 8px;
background: #4b5c5a;
text-decoration: none !important;
color: #fff;
}

#mission a:hover {
background: #4bd000;
color: #333;
}
#maincont h2, #maincont h3 {
font-size: 165%;
color: #444e4d;
background: transparent url(../imgs/h2border.gif) no-repeat bottom left;
margin-bottom: 1.5em;
}
#maincont h3 {
font-size: 135%;
background-image: none;
margin-top: 1.5em;
margin-bottom: 0;
}
.example {
margin: 20px 30px 30px;
}
.example img {
padding: 8px;
border: 1px solid #e6eedd;
}
#maincont p, #maincont ul, #maincont dl, #formcontainer {
font-size: 90%;
}
.imgleft {
float: left;
margin: 0 25px 5px 0;
padding-top: 5px;
}
#maincont ul {
margin: 1.5em 30px 1.5em;
}
#maincont ul.leist {
margin: 0.75em 4em 2.5em 3.5em;
float: left;
padding-right: 2em;
}
#maincont ul.leist li {
list-style: none;
background: transparent url(../imgs/select.png) no-repeat top left;
padding-left: 25px;
line-height: 1.5;
}
#maincont ul.portfolio {
background-image: none;
}
#maincont ul.portfolio li { 
margin: 0 0.4em 1.5em 0; 
float: left; 
width: 250px;
font-size: 0.8em; 
text-align: center; 
list-style-type: none; 
list-style-image: none; 
list-style-position: outside; 
background-image: none;
}
#maincont ul.portfolio li a { 
border: 1px solid #ededed; 
padding: 105px 0 5px; 
background-position: 50% 15%; 
background-repeat: no-repeat; 
display: block; 
width: 95%; 
line-height: normal;
color: #212b3f;
text-decoration: none;
}
#maincont ul.portfolio li a:hover, #maincont ul.portfolio li a:active, #maincont ul.portfolio li a:focus { border: 1px solid #c9c9c9; background-color: #f3f3f3; color: #8e0e23; }
a#refqg { background-image: url('../ref/pics/qg.png'); }
a#refbc { background-image: url('../ref/pics/bc.gif'); }
a#refbg { background-image: url('../ref/pics/bg.gif'); }
a#reflu { background-image: url('../ref/pics/lu.gif'); }
a#reffl { background-image: url('../ref/pics/fl.gif'); }
a#reffk { background-image: url('../ref/pics/fk.png'); }
a#refgk { background-image: url('../ref/pics/gk.png'); }
a#refht { background-image: url('../ref/pics/ht.png'); }
a#reffo { background-image: url('../ref/pics/fo.gif'); }
a#refko { background-image: url('../ref/pics/ko.png'); }
a#refla { background-image: url('../ref/pics/la.png'); }
a#reflo { background-image: url('../ref/pics/lo.png'); }
a#refmc { background-image: url('../ref/pics/mc.png'); }
a#refmf { background-image: url('../ref/pics/mf.png'); }
a#refni { background-image: url('../ref/pics/ni.png'); }
a#refem { background-image: url('../ref/pics/em.png'); }
a#reftk { background-image: url('../ref/pics/tk.png'); }
a#refrh { background-image: url('../ref/pics/rh.png'); }
a#refsc { background-image: url('../ref/pics/sc.png'); }
a#refsp { background-image: url('../ref/pics/sp.png'); }
a#refsf { background-image: url('../ref/pics/sf.png'); }
a#refta { background-image: url('../ref/pics/ta.png'); }
a#refwm { background-image: url('../ref/pics/wm.png'); 
}
.tosite {
position: relative;
width: 121px;
height: 31px;
display: block;
margin: 25px 0;
}
.tosite a {
position: absolute;
width: 121px;
height: 31px;
background: url(../imgs/besuch.png) no-repeat 0 0;
text-indent: -9999px;
}
#maincont .tosite a:hover {
background-position: 0 -31px;
background-color: transparent;
}
#testimonial {
clear: both;
position: relative;
margin: 0 20px;
}
#testimonial blockquote {
background: #cbff90;
padding: 12px;
text-indent: 12px;
font-size: 80%;
line-height: 1.6;
font-style: oblique;
}
#quelle {
background: transparent url(../imgs/bubble.gif) no-repeat 60px 0;
}
#quelle p {
padding: 20px 35px;
font-size: 80%;
color: #595959;
}
#address {
padding: 0.6em 20px 0;
}
#address dt {
color: #111111;
font-weight: bold;
margin: 0.6em 0 0.2em;
}
#address dd {
margin-bottom:1.2em;
}
#sidebar {
float: left;
width: 30%;
position: relative;
}
#sidebar .content {
font-size: 85%;
padding: 40px 20px 20px;
line-height: 1.4;
}
#sidebar h2, #sidebar h3 {
font-size: 160%;
color: #202622;
padding-left: 35px;
background: transparent url(../imgs/drklogo1.png) no-repeat 0 5px;
line-height: 34px;
border-bottom: 1px dotted #202622;
margin-bottom: 0.75em;
}
#sidebar h3 {
font-size: 150%;
background: transparent url(../imgs/help.png) no-repeat 0 4px;
margin: 1.25em 0 0.75em;
}
#sidebar p {
font-size: 95%;
}
.helplist, .servlist {
margin-bottom: 20px;
}
.helplist li a {
font-size: 95%;
padding: 3px 0 3px 25px;
background: url(../imgs/arrow.gif) no-repeat 2px 7px;
color: #293837;
margin: 0 10px 0 0;
display: block;
text-decoration: none;
}
.helplist li a:hover, .helplist li a:active, .helplist li a:focus {
color: #000;
}
.servlist li {
font-size: 95%;
padding: 3px 0 3px 25px;
background: url(../imgs/arrow.gif) no-repeat 2px 7px;
color: #293837;
margin: 0 10px 0 0;
}
#reflist li a {
font-size: 95%;
padding: 5px 0 5px 25px;
background: url(../imgs/arrow.gif) no-repeat 2px 11px;
color: #293837;
display: block;
border-bottom: 1px dotted #81b5ff;
margin: 0 10px 0 0;
}
#reflist li a:link, #reflist li a:visited {
cursor: pointer;
color: #293837;
text-decoration: none;
}
#reflist li a:hover {
color: #000;
text-decoration: none;
}
#reflist li a:active {
cursor: pointer;
color: #000;
}
#reflist li.curr a {
color: #e6eedd !important;
}
#reflist li.curr a:hover {
color: #e6eedd;
}
#footer {
background: #212b3f url(../imgs/ribbon.gif) no-repeat 670px 220px;
color: #c7d0ca;
position: relative;
text-align: left;
width: 100%;
min-width: 900px;
clear: both;
}
#footer_content {
padding: 10px 40px;
position: relative;
font-size: 80%;
line-height: 1.3;
}
.tab1 {
float: left;
width: 230px;
padding: 0;
margin: 0 50px 0 0;
}
.tab2 {
float: left;
width: 300px;
margin: 0 60px 0 0;
}
.tab3 {
float: left;
width: 180px;
}
#footer_content h3 {
padding: 15px 0 5px 0;
margin: 0 0 0.75em;
font-size: 115%;
background: transparent url(../imgs/tabbord.gif) repeat-x bottom left;
}
.footer_info {
float: left;
padding: 5px 0 10px;
}
span.contact {
color: #c7d0ca;
float: left;
}
span.message {
font-style: italic;
color: #7d8786;
}
p.info {
float: left;
padding: 0 0 0 10px;
width: 190px;
}
p.info a {
color: #c7d0ca;
text-decoration: none;
padding: 2px;
}
p.info a:hover {
background: #6892ce;
color: #212b3f;
}
.causa_box {
float: left;
padding: 5px 0 10px;
}
span.causa_nr {
float: left;
height: 26px;
width: 26px;
}
p.causa {
float: left;
margin: 0;
padding: 0 0 0 10px;
width: 250px;
text-align: justify;
}
ul#botnav {
margin-left: 0;	   
}
ul#botnav li {
padding: 0.5em 0;
}
ul#botnav li a {
color: #c7d0ca;
text-decoration: none;
padding: 2px;
}
ul#botnav a:hover {
background: #6892ce;
color: #212b3f;
}
.clearfix:after {
clear:both;
content:".";
display:block;
font-size:0;
height:0;
visibility:hidden;
}
.clearfix {
 display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#ie_clearing {
display:none;
}
.clearboth {
clear: both;
}
#controller {
display: none;
}
#slideshow {
float: right;
padding: 0 50px;
position: relative;
width: 500px;
}
#slides {
height: 228px;
overflow: hidden;
}
.jFlowPrev {
background: url("../imgs/prev.jpg") no-repeat scroll right top transparent;
left: 0;
}

.jFlowNext {
background: url("../imgs/next.jpg") no-repeat scroll right top transparent;
right: 30px;
}
.jFlowPrev, .jFlowNext {
cursor: pointer;
display: block;
height: 48px;
position: absolute;
text-indent: -9999px;
top: 85px;
width: 48px;
}

#maincont dl.dinge {
float: left;
width: 520px;
margin: 0 0 1.5em 50px;
padding: 0;
}
#maincont dl.dinge dt {
clear: left;
float: left;
width: 40px;
margin: 0;
padding: 12px 5px 0;
font-weight: bold;
color: #a60000;
font-size: 150%;
font-style: oblique;
}
#maincont dl.dinge dd {
float: left;
width: 400px;
margin: 0;
padding: 5px 10px;
}
#maincont dl.dinge dd p {
padding: 8px;
border-left: 1px solid #eee;
color: #222;
}
#maincont dl.dinge dd p em {
font-style: italic;
display: block;
font-size: 115%;
color: #a60000;
}