/*#####  All Styles of Alexander-Munke.de  #####*//*CSS by Ingo Blenke / http://www.ingoblenke.de *//*Credits for Navigation: Dynamic Drive CSS Library / http://www.dynamicdrive.com/style/ */



/*---------- Generic Styles ----------*/







html, body, div, h1, h2, h3, ul, ol, p, span, table, td, form, img, li {
        font-family: trebuchet ms,arial,tahoma,verdana,sans-serif;
         font-size: 99%;
}



td { vertical-align:top; text-align:left;}



body
                {
                font-family:trebuchet ms,arial,tahoma,verdana,sans-serif;
                background:#0f3f6f;
                margin:30px auto;
                text-align:center;
                }

div.blockquote {
                margin:auto;
                background:url(/images/haken.png) no-repeat 15px center;
                padding:6px 0 6px 15px;
                text-align:center;
                color:#e28f12;
                font-style:oblique;
                font-weight:bold;
                vertical-align:middle;
                font-size:0.95em;
                }

div.quoteborder {
                border-top:1px solid #e28e12;
                border-bottom:1px solid #e28e12;
                margin-top:50px;
                }


img                {
                border:0;
                }

div.blockquote span

                {

                font-weight:normal;
                font-style:oblique;
                font-size:0.85em;



                }



.button_sm, #hilfsnavi li a, #teaser_blau .button_sm, #teaser_orange .button_sm



                {

                width:110px;

                height:20px;

                display:block;

                font-weight:bold;

                text-decoration:none;

                text-align:left;

                text-indent:30px;

                color:#fff;

                font-size:75%;

                }

.button_sm span, #hilfsnavi li a span, #teaser_blau .button_sm span, #teaser_orange .button_sm span

                {

                position:relative;

                top:1px;

                }

.button_sm:hover, #sidebar .button_sm:hover, #btn_top:hover, #btn_book:hover, #btn_print:hover,

#teaser_blau .button_sm:hover, #teaser_orange .button_sm:hover

                {

                background-position:left top;

                }

strong

                {

                font-weight:bold;

                }

em

                {

                font-family:georgia, serif;

                font-weight:bold;

                font-style:normal;

                color:#999;

                }





/*---------- Site Structure ----------*/





#cage

                {

                width:960px;

                padding:5px;

                background:#fff;

                margin:0 auto 0 auto;

                text-align:left;

                }

#header

                {

                width:960px;

                height:190px;

                background:url(/images/blue.jpg);

                }

#navshadow

                {

                width:960px;
                height:23px;
                background:url(/images/navshadow.png) repeat-x left center;

                }

#content

                {

                width:686px;
                margin-left:15px;
                float:left;

                }

#sidebar

                {

                width:240px;

                margin-left:19px;

                float:left;

                background:#fcf4e7;

                }

#footer

                {

                width:960px;

                height:40px;

                margin-top:20px;

                background:url(/images/footerbg.png) repeat-x left top;

                float:left;

                }





/*---------- Header Styles ----------*/





#header a



                {



                width:116px;



                height:116px;



                float:left;



                margin:35px 0 0 15px;



                }



#logo



                {



                width:116px !important;

                height:116px !important;

                border:0;

                }



#header img



                {



                width:815px;



                height:190px;



                border:0;



                float:right;



                }











/*---------- Navigation ----------*/











.navi {
                width:955px;
                height:36px;
                margin:0;
                padding-left:5px;
                background:url(/images/navibg.png) repeat-x left center;
                margin:1px 0;
                position:absolute;
                z-index:1000;
                }



.navi a



                {



                color:#fff;



                text-decoration:none;



                display:block;



                }



.navi ul



                {



                padding:2px 0 0 0;



                list-style-type:none;



                display:inline;



                }



.navi ul li



                {



                position:relative;
                font-weight:bold;
                font-size:0.95em;

                float:left;



                padding:0 1px 0 0;



                height:36px;



                background:url(/images/naviline.png) no-repeat right center;



                }



.navi ul li a



                {



                float:left;



                height:36px;



                padding:0 0 0 3px;



                font-size:90%;



                background:url("/images/button_left.png") no-repeat left top;



                }



.navi ul li a:hover



                {



                background-position:0% -36px;



                }



.navi ul li a span



                {



                float:left;



                height:28px;



                display:block;



                padding:8px 12px 0 9px;



                cursor:hand;



                background:url("/images/button_right.png") no-repeat right top;



                }



.navi ul li a:hover span



                {



                background-position:100% -36px;



                }



.navi ul li ul {
                font-weight:normal;
                left:0;
                position:absolute;
                z-index:10;
                top:1em; /* no need to change, as true value set by script */
                display:block;
                visibility:hidden;
                margin-left:0; /* für IE */
                background:url(/images/grey.png);
                }



.navi ul li ul li {
                font-weight:normal;
                display:list-item;
                height:auto;
                float:none;
                margin:0px 1px 2px 2px;
                }


.navi ul li ul li a



                {



                width:225px;
                height:auto;
                padding:3px 0 3px 8px;
                float:none;
                background:url(/images/subnavi_bg.png) repeat-x left top;
                }



.navi ul li ul li a:hover



                {



                background:url(/images/subnavi_bghi.png) repeat-x left top;



                }


.navi .service li a { width:80px; }

.navi .seminare li a, .navi .service li a {
padding-right:20px;
                }



.active span



                {



                font-weight:bold;



                }











/*---------- Sidebar Navi ---------- // Subnavi in der Sidebar */











#sidenavi



                {



                list-style:none;

                margin:10px 0 20px 0;

                padding:0;

                border-top:1px solid #fff;

                }



#sidenavi li {
                border-bottom:1px solid #fff;
                padding:0.3em 0;
                }



#sidenavi li a, #sidenavi li span



                {

                font-size:75%;

                text-decoration:none;

                display:block;

                color:#5a8af6;

                font-weight:bold;

                padding:1px 0 1px 20px;



                }



#sidenavi li a:hover, #sidenavi li span



                {

                text-decoration:underline;

                color:#e28f12;

                }



#sidenavi li span { text-decoration:none; }



#sidenavi li a.active



                {



                background:#fff;



                color:#e28f12;



                }



#sidenavi li a:hover.active



                {



                text-decoration:none;



                }











/*---------- Meta Navi ---------- // Links im Footer */











#footer ul



                {



                width:400px;



                float:left;



                list-style:none;



                margin:0 0px 0 0;



                padding:8px 0 0 0;



                }



#footer ul li



                {



                float:right;



                padding:0;



                color:#aaa;



                }



#footer ul li a



                {



                margin:0 10px;



                text-decoration:none;



                color:#fff;



                font-size:75%;



                }



#footer ul li a:hover



                {



                text-decoration:underline;



                }







/*---------- Hilfsnavi ---------- // Buttons Top, Print und Bookmark, am Ende des Contentbereichs */











#hilfsnavi



                {



                list-style:none;



                width:686px;



                margin:20px 0 0 0;



                padding:10px 0 0 0;



                background:url(/images/hr_dots.gif) repeat-x left top;



                }



#hilfsnavi li



                {



                float:left;



                margin:0 10px 0 0;



                }



#btn_top



                {



                background:url(/images/button_top.png) no-repeat left bottom;



                }



#btn_book



                {



                background:url(/images/button_book.png) no-repeat left bottom;



                }



#btn_print



                {



                background:url(/images/button_print.png) no-repeat left bottom;



                }











/*---------- Content Styles ----------*/











#breadcrumb



                {



                width:686px;



                min-height:20px;



                margin:0;



                padding:0;



                font-size:80%;



                color:#555;



                list-style:none;



                background:url(/images/hr_dots.gif) repeat-x left bottom;



                }



#breadcrumb li



                {



                float:left;



                margin:0 5px;



                padding-left:25px;



                background:url(/images/arrow.png) no-repeat left center;



                }



#breadcrumb a



                {



                text-decoration:none;



                color:#5a8af6;



                }



#breadcrumb a:hover



                {



                color:#fff;



                background:#e28f12;



                }



#breadcrumb .first



                {



                margin-left:0;



                padding:0;



                background:#fff;



                }



h1
                {
                font-size:140%;
                color:#5a8af6;
                margin:0 0 1.4em 0;
                }

h2

                {
                color:#5a8af6;
                font-size:1em;
                margin:0 0 15px 0;
                }



.sem_headline



                {

                background:url(/images/hr_dots.gif) repeat-x left bottom;

                clear:left;

                padding-bottom:0.2em;

                font-size:0.9em;

                }



h2 a



                {



                color:#5a8af6;



                font-size:100%;



                text-decoration:none;



                }



h2 a:hover



                {



                color:#e28f12;



                }



#content .projekte h2 {
                margin:10px 0 20px 15px;
                color:#fff;
                padding-top:1px;
                }


#content p {
                font-size:0.8em;
                line-height:1.6em;
                color:#555;
                margin:0 0 15px 0;
                }



#content p span



                {



                color:#999;



                font-weight:bold;



                }



#content p span.marke, .marke { color:#5a8af6; }
#content p span.marke span.r, .marke .r { font-size:1.2em; font-weight:bold; color:#ff0000; font-family:verdana; }



#content p a
                {
                color:#5a8af6;
                border-bottom:1px dotted #5a8af6;
                text-decoration:none;
                }

#content * a
                {
                color:#5a8af6;
                }

#content p a img
                {
                border: none;
                }

#content p.newsdetail a img {
        float:left;
        padding: 0 14px 14px 0;
}



#content p a:hover



                {



                color:#e28f12;



                border-bottom:1px solid #e28f12;



                }





.textblock ul li a



                {
                color:#5a8af6;
                border-bottom:1px dotted #5a8af6;
                text-decoration:none;

                }



.textblock ul li a:hover

                {
                color:#e28f12;
                border-bottom:1px solid #e28f12;
                }



.textblock ul {
                list-style-image:none;
                list-style:none;
                list-style-position:outside;
                font-size:0.8em;
                color:#999;
                margin:15px 0 0 0;
                font-weight:bold;
                padding:0;
                }

.textblock ul li {
                padding:0.3em 0;
                background:url(/images/arrow.png) no-repeat left 0.85em;
                padding-left:30px;
                }

.textblock h3

                {

                font-size:90%;

                font-weight:bold;

                display:block;

                color:#5a8af6;

                }



#quote {
                background:#fcf4e7;
                border-top:1px solid #fff;
                border-bottom:1px solid #fff;
                }



#teaser_blau
                {
                height:260px;
                background:url(/images/teaser_blau.png) no-repeat center;
                }



#teaser_blau ul, #teaser_orange ul
                {
                margin:104px 0 0 5px;
                font-weight:bold;
                padding:0;
                list-style-position:outside;
                position:absolute;
                width:330px;
                list-style:none;
                }

#teaser_blau ul li, #teaser_orange ul li {
        background:url(/images/birne.gif) left 0.4em no-repeat;
        list-style-type:none;
        list-style-position:outside;
        padding:0.4em 0;
        padding-left:24px;
        margin-left:16px;
        line-height:1.4em;
        color:#5a8af6;
        font-size:0.75em;
list-style:none;
}

#teaser_orange ul li {
        color:#e28f12;
        background:url(/images/haken.gif) left 0.4em no-repeat;
}

#teaser_orange {
                height:260px;
                background:url(/images/teaser_orange.png) no-repeat center;
                }




#teaser_orange .button_sm, #teaser_blau .button_sm



                {



                position:absolute;



                margin:225px 0 0 210px;



                background:url(/images/button_teaser.gif) no-repeat left bottom;



                }



#teaser_blau h2, #teaser_orange h2 {
                position:absolute;
                width:295px;
                margin:15px 15px 0 25px;
                color:#fff;
                font-size:180%;
                line-height:1.2em;
                font-style:oblique;
                }



.image12, .image13, .image23, .image33

                {
                float:left;
                text-align:center;
                width:210px;
                margin:20px 0 0 16px;
                padding:4px;
                background:url(/images/img_bg_drittel.png) no-repeat left top;
                }

.image13 {
                padding-bottom:0;
                }

.image12

                {
                background:url(/images/img_bg_halb.png) no-repeat left top;
                }

.image23
                {
                width:444px;
                margin:0;
                background:url(/images/img_bg_2drittel.png) no-repeat left top;
                }

.image33
                {
                width:686px;
                background:url(/images/img_bg_voll.png) no-repeat left top;
                }



.img_kontakt, .img_left, .img_right
                {
                float:right;
                text-align:center;
                width:210px;
                margin:0 0 10px 16px;
                padding:14px 0 4px  0px;
                background:url(/images/img_bg_drittel.png) no-repeat left top;
                }

div#cage div#content div.textblock div.img_kontakt img { margin-bottom:10px; }

.img_left { float:left; margin:0 16px 10px 0; }

.imgshop {

        float:left; margin:0 20px 10px 0;

}



.caption

                {
                margin:4px 0 0 0;
                padding:5px 0;
                color:#555;
                border:solid #e28f12;
                border-width:1px 0;
                }



.caption dt

                {
                font-weight:bold;
                font-size:80%;
                }



.caption dd



                {



                font-size:70%;



                margin:0;



                }



.projekte



                {



                width:686px;



                height:130px;



                background:url(/images/projekte_bg.png) no-repeat;



                }







.projekte dl
                {
                float:left;
                display:inline;
                width:305px;
                padding:0 15px;
                margin:0 16px 0 0;
                line-height:120%;
        }



.projekte dd, #sidebar dd



                {



                font-size:80%;



                }



.projekte dd a, #sidebar dd a



                {



                font-size:100%;



                }



.contact



                {



                float:left;



                }



.contact dl



                {



                font-size:80%;



                color:#555;



                clear:left;



                }



.contact dt



                {



                font-weight:bold;



                }



.contact dd



                {



                margin:0;



                }



.contact p



                {



                width:452px;



                }











/*---------- Form Styles ----------*/











form

                {

                padding:10px 5px 5px 0;

                color:#555;

                border:0;

                margin-top:20px;

                background:#fcf4e7;

                display:block;

                }





form.warenkorb

                {

                width:auto;

                padding:0;

                margin:0;

                color:#000;

                font-size:1em;

                border:0;

                background:none;

                }







fieldset.daten {
                float:left;
                width:206px;
                padding:5px 10px 10px 10px;
                border:0;
                font-size:0.8em;
                }

fieldset.text {
                font-size:0.8em;
                width:442px;
                padding:5px 5px 10px 15px;
                border:0;
                border-left:1px solid silver;
                }



fieldset.text label {
                width:395px;
                }


label



                {



                width:216px;



                display:block;



                }



input, textarea



                {




                border:1px solid #999;



                padding:2px;



                }



input[type="text"], select



                {



                width:214px;

                margin-bottom:5px;



                }



input[type="submit"]

                {

                padding:4px 10px;

                background:#fff;

                cursor:pointer;

                font-weight:bold;

                color:#555;

                font-size:0.6em;

                }



input[type="submit"]:hover, input[type="submit"]:focus



                {

                border:1px solid #5a8af6;

                color:#5a8af6;

                }



textarea



                {



                width:400px;



                height:150px;



                margin:0 0 10px 0;



                }



input:focus, textarea:focus



                {



                border:1px solid #5a8af6;



                }



.pflicht, #content p span.pflicht



                {



                font-weight:bold;



                color:#5a8af6;



                }















/*---------- Sidebar Styles ----------*/











#sidebar p



                {



                width:200px;



                color:#555;



                margin:5px 20px;



                }



#sidebar dl



                {



                width:200px;



                color:#555;



                margin:15px 20px;



                }



#sidebar dt a, #sidebar dt.bild, .projekte dt a /* kleine Bilder in der Shop-Spalte */



                {



                float:left;



                margin-right:15px;



                }



#sidebar dt a img, #sidebar dt img, .projekte dt a img /* kleine Bilder in der Shop-Spalte */



                {



                padding:1px;



                border:3px solid #9bb4f0;



                }



.bluelink



                {



                color:#5a8af6;



                font-weight:bold;



                text-decoration:underline;



                font-size:.8em;



                }



.bluelink:hover



                {



                color:#e28f12;



                text-decoration:none;



                }



.preis



                {



                font-weight:bold;



                padding-top:10px;



                }



.date



                {



                margin:10px 20px 0 20px;



                font-size:80%;



                font-weight:bold;



                }



#sidebar h3



                {
                width:230px;
                height:30px;
                margin:20px 5px 0 5px;
                padding:4px 0 0 15px;
                font-size:1em;
                color:#fff;
                background:url(/images/sidebar_headline_bg.png) no-repeat left top;
                }



.divider



                {

                width:220px;

                height:2px;

                margin:15px 10px;

                background:url(/images/divider.png) no-repeat left top;

                }



.newstitle



                {



                margin:5px 20px 5px 20px;



                }



.newstext, .warenkorb



                {

                font-size:80%;

                margin:5px 20px 10px 20px;

                }



#sidebar .button_sm



                {



                margin:20px 0 25px 20px;

                background:url("/images/button_sm.png") no-repeat left bottom;



                }











#footer p



                {



                font-size:.7em;



                color:#bbb;



                }



#footer p a



                {

                text-decoration:none;

                color:#999;

                }



#footer p a:hover

                {

                text-decoration:underline;

                color:#fff;

                }

#pcx

                {

                width:215px;

                float:left;

                padding-left:25px;

                }

#copyright

                {

                width:220px;

                float:right;

                }





/*                        Inhaltscontainer                */





.full, .two_third_left, .two_third_right, .half_left, .half_right,

.third_left, .third_mid, .third_right, #teaser_blau, #teaser_orange, .projekte



                {



                float:left;



                }











.full



                {



                width:686px;



                margin:20px 0 0 0;



                }







.textblock {
                width:100%;
                float:left;
                margin:20px 0 0 0;
                line-height:1.4em;
                }







.two_third_right



                {



                width:452px;



                margin:20px 0px 20px 16px;



                }







.half_left, #teaser_blau



                {



                width:335px;



                margin:20px 16px 20px 0;



                }







.half_right, #teaser_orange



                {



                width:335px;



                margin:20px 0 20px 0px;



                }







.third_left



                {



                width:218px;



                margin:20px 16px 20px 0;



                }







.third_mid



                {



                width:218px;



                margin:20px 16px;



                }







.third_right



                {



                width:218px;



                margin:20px 0 20px 16px;



                }







/* --------------------------------- */







.clear



                {



                clear:both;



                }



div.textblock a.btn_warenkorb {

width:110px; height:20px; font-weight:bold; text-decoration:none; text-align:left; text-indent:30px; font-size:75%;margin:0; padding:0; color:#fff; float:right; background:url(/images/button_sm.png) no-repeat left bottom; ration:none;

border-bottom:none;

}

div.textblock a.btn_warenkorb:hover {



                background-position:left top;

                }





table.warenkorbliste td {

padding:8px;

margin:0;

}



div.horline {

width:100%;

height:1px;

background:url(/images/hr_dots.gif) repeat-x;

margin-top:16px;

}

#content p a.pdfdl {background:url(/images/bg_icon-pdf.gif) no-repeat 0 0.4em; padding: 0.4em 0 0.4em 24px; text-decoration:none; border-bottom:none; }

i {font-style:normal; }

div#cage div#content div.textblock p b { }

span.sommerpause { color:red; font-weight:bold; font-size:1.1em; }