* {
	margin: 0;
    padding: 0;
    }

body {
    text-align: center;
    background-color: #caddf2;
    background:url(../Bilder/bodybg.jpg)  repeat-x top fixed;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: normal;
}

#container {
    width: 700px;
	margin: auto;
	padding:0;
	text-align:left;
}

#header {
	margin: 4px 0 0 0;
	padding: 0 0 0 0;
    width: 700px;
    height: 166px;
    /*background-image: url(../Bilder/HeaderV1.jpg);
    background-repeat: no-repeat;
    background-position: 0;
    background-color: #ccc;*/
    background: #ccc url(../Bilder/HeaderV1.jpg) left top no-repeat;
    font-size:12px;
    font-weight: bold;
}

a, a:link, a:visited{
    color:#5a5a5a;
}

a img{
    border:0;
}

	/*Navigationsleiste*/

#topNavi {
    margin:  0 0 0 4px;
    padding: 2px 0 0 0;
   /* border: 1px solid #635845;
   	 border-bottom: 1px solid #E6E6E6;
	background: #B1B1B1;
    color: #fff;
    font-size: 70%;
    width: 760px;
    height: 40px;*/
}

    #topNavi ul {
        margin:6px 0 0 0;
        padding: 0 0 14px 0;
        list-style-type: none;
        /*float: left;*/
        /*width: 650px;*/
    }

        #topNavi ul li {
            display: inline;
            float: left;
            padding: 0;
            margin: 0;
        }

            #topNavi ul li a,  #topNavi ul li a:link, #topNavi ul li a:visited {
                display: block;
                width: 116px; /*insbesondere für mac ie*/
                /*text-decoration: none;*/
                color:#5a5a5a;
                padding:0;
                text-align:center;
                text-decoration: none;
            }

            #topNavi ul li a:hover, #topNavi ul li a:active,#topNavi ul li a:focus {
                text-decoration: underline;
                color:#e28020;
            }

	/*Klappmenü*/

#auswahl_ang {
	text-align: center;
	margin: 0;
	padding: 0;
	width: 117px;
	position: relative;
	top: 9px;
	height: 78px;
	left: 121px;
	font: bold 95% Tahoma, Arial, Helvetica, sans-serif;
	visibility: hidden;
}

    #auswahl_ang ul {
        text-align:center;
        margin:0;
        padding: 0 0 3px 0;
        list-style-type: none;
        float: left;
        border-left: 1px solid #454545;
        border-right: 1px solid #454545;
        border-bottom: 1px solid #454545;
        background-color:#e8e8f0;
    }

            #auswahl_ang ul li a, #auswahl_ang ul li a:visited {
                margin: 3px 0 0 0;
                display: block;
                width: 111px; /*insbesondere für mac ie*/
                color:#5a5a5a;
                text-align:center;
                text-decoration: none;
            }

            #auswahl_ang ul li a:hover, #auswahl_ang ul li a:active, #auswahl_ang ul li a:focus {
                text-decoration: underline;
            }

   /*Mittlere Zeile*/

#mittlereZeile {
	margin:1px 4px 1px 4px;
	padding:0;
	border: 1px solid #494949;
	background-color:#e8e8f0;
}

	/*Linke Spalte...*/

#linkeSpalte {
    margin: 0;
    padding: 10px 0 10px 10px;
	float: left;
	width:445px;
	background-color:#e8e8f0;
}

    #linkeSpalte h1 {
        background: #e8e8f0 url(../Bilder/hlDeko.gif) left top no-repeat;
        text-align: left;
        margin: 24px 30px 12px 20px;
        padding: 0 0 0 32px;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        color: #e28020;
        font-size: 115%;
        font-weight: bold;
    }


        #linkeSpalte h1.hrechts {
            background: #e8e8f0;
            text-align: right;
            margin: -8px 30px 12px -8px;
        }

    #linkeSpalte h2 {
        margin: 6px 10px 14px 20px;
        padding: 0;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        color: #494949;
        font-size: 95%;
        font-weight: bold;
        text-align:center;
    }

    /*#linkeSpalte h3 {
        margin: -32px 14px 14px 0;
        padding: 0;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        color: #e28020;
        font-size: 120%;
        font-weight: bold;
        text-align:center;
    }*/

    #linkeSpalte p {
        margin: 0 22px 0 33px;
        /*padding:3px;*/
        font: normal 80%/19px Tahoma, Arial, Helvetica, sans-serif;
        color: #494949;
        /*border: 1px solid #261538;*/
    }

        #linkeSpalte p.ohnebox {
            margin: 34px 30px 0 20px;
            padding:0 0 8px 0;
            font: normal 80%/18px Tahoma, Arial, Helvetica, sans-serif;
            color: #494949;
            /*border: 1px solid #261538;*/
        }

        #linkeSpalte p.haftung {
            font: normal 70%/18px Tahoma, Arial, Helvetica, sans-serif;
        }

        #linkeSpalte p.ref_text {
            margin: 0 24px 0 16px;
            font: normal 80%/14px Tahoma, Arial, Helvetica, sans-serif;
        }

    #linkeSpalte ul  {
        margin: 0 24px 8px 40px;
        padding: 0 0 0 14px;
        font: normal 80%/18px Tahoma, Arial, Helvetica, sans-serif;
        color: #494949;
    }

        #linkeSpalte ul.no_box  {
            margin: 0 14px 0 24px;
            padding: 12px 0 0 14px;
            font: normal 80%/18px Tahoma, Arial, Helvetica, sans-serif;
            color: #494949;
            /*border: 1px solid #494949;*/
        }

		/*...Blaue Boxen*/

    #bluebox1 {
        margin:  20px 30px 0 20px;
        padding: 12px 0 2px 0;
        border: 1px solid #8ea5c1;
        background-color:#caddf2;
    }

    #blueboxhaftung {
        margin:  34px 30px 0 20px;
        padding: 12px 0 2px 0;
        border: 1px solid #8ea5c1;
        background-color:#caddf2;
    }

    #bluebox2 {
        margin:  -1px 30px 12px 20px;
        background: url(../Bilder/bluebox2Hg.gif);
        height: 27px;
    }

		/*...Rote Boxen*/

    #redbox1{
        margin:  0 30px 20px 20px;
        padding: 8px 0 30px 0;
        background-color:#ee061c;
        border-left: 1px solid #8ea5c1;
        border-right: 1px solid #8ea5c1;
        border-bottom: 1px solid #8ea5c1;
    }

        #redbox1 p {
            font-weight:bold;
            color: #e8e8f0;
        }

    #redbox2 {
        margin:  10px 30px 0 20px;
        background: url(../Bilder/redbox2Hg.gif);
        height: 69px;
    }

        #redbox2 h1{
            background:none;
            margin: 10px 12px 0 42px;
            padding: 42px 0 0 0;
            color:#e8e8f0;
        }

	/*Rechte Spalte...*/

#rechteSpalte {
    margin: 0 0 0 465px;
    padding: 10px 9px 10px 0;
    height:50px;/*gibt man hier keinen festen wert (IRGENDeinen(!)) an, gerät IE außer rand und band?!*/
    width:213px;
	background-color:#e8e8f0;
}

    #rechteSpalte p {
        margin: 8px 12px 0 8px;/*margin-right ggf. wieder auf 12px setzen.*/
        font: normal 70%/16px Tahoma, Arial, Helvetica, sans-serif;
        color: #494949;
    }

        #rechteSpalte p.ohneboxrechts {
            margin: 48px 4px 0 0;
            font: normal 70%/16px Tahoma, Arial, Helvetica, sans-serif;
            color: #494949;
        }

    #rechteSpalte ul  {
        margin: 2px 4px 0 8px;
        padding: 0 0 0 14px;
        font: normal 70%/16px Tahoma, Arial, Helvetica, sans-serif;
        color: #494949;
        /*background-color: #87f124;*/
    }

        #rechteSpalte ul p  {
            margin: 0 4px 0 3px;
            font: normal 100%/16px Tahoma, Arial, Helvetica, sans-serif;
            color: #494949;
        }

    #rechteSpalte  h1  {
        margin: 4px 2px 12px 8px;
        font: bold 85%/16px Tahoma, Arial, Helvetica, sans-serif;
        color: #494949;
    }

		/*...Graue Boxen*/

    #greybox1 {
        margin:  -8px 18px 24px 0;
        padding: 0 0 10px 0;
        border-left: 1px solid #8ea5c1;
        border-right: 1px solid #8ea5c1;
        border-bottom: 1px solid #8ea5c1;
        background-color:#e8e8f5;
        float:none;
    }

    #greybox2 {
        margin:  34px 18px 0 0;
        width:195px;
        background: url(../Bilder/greybox2Hg.gif);
        height: 19px;
    }

    #greybox3 {
        margin:  -8px 18px 24px 0;
        padding: 0 0 10px 0;
        border: 1px solid #8ea5c1;
        background-color:#e8e8f5;
        float:none;
    }

	/*Subfooter*/

    #subfooter {
        clear:both;
        height:24px;
    }

    #subfooterFoto {
        clear:both;
        height:310px;
    }

        #subfooterFoto p{
            margin: 15px 0 0 34px;
            font: normal 80%/16px Tahoma, Arial, Helvetica, sans-serif;
            color: #494949;
        }

        #subfooterFoto img{
            margin: 0 0 0 0;
        }

	/*Footer*/

#footer {
	margin:1px 4px 2px 4px;
	padding:3px;
    background: #5a5a5a;
    clear: both;
    font-size: 70%;
    color:#e8e8f0;
    height: 13px;
	border: 1px solid #494949;
	text-align: center;
}

    #footer a, #footer a:link, #footer a:visited {
        color:#18e8f0;
        background-color: yellow !important;
    }

	/*Klassen...*/
		/*...(ohne Spezifikation)*/

.listimg1 {
	list-style-image:url(../Bilder/palDeko.gif);/*anderes bild!*/
}

.evenmore {
	font-size:115%;
}

.littleless {
	font-size:90%;
}

.bold_ {
	font-weight:bold;
}

.boldcolored {
	font-weight:bold;
	color:#e28020;
}

.boldcolored2 {
	font-weight:bold;
	color:#fcb43b;
}

.chosen {
	text-decoration: underline;
}

.ref_img{
	padding: 7px 0 0 0;
}

		/*...(mit Spezifikation)*/

li.fertig_ {
	background: url(../Bilder/ListenHgFertig.jpg) center center no-repeat;
}

li.arbeit_ {
	background: url(../Bilder/ListenHgArbeit.jpg) center center no-repeat;
}


/* Referenzen-PopUps*/

#refBox1oben{
	width:430px;
	height:303px;
	background:#caddf2;
	z-index:1;
	float:left;
}

#refBox1unten{
	background-color:#5a5a5a;
	color:#494949;
	width:428px;
	height:21px;
	border: 1px solid #261538;
	float:left;
	font:bold 70%/14px Tahoma, Arial, Helvetica, sans-serif;
	z-index:2;
	padding:4px 0 0 0;
}

#refNeu1oben{
	width:424px;
	height:303px;
	background:#caddf2;
	z-index:1;
	float:left;
}

#refNeu1unten{
	background-color:#5a5a5a;
	color:#494949;
	width:422px;
	height:21px;
	border: 1px solid #261538;
	float:left;
	font:bold 70%/14px Tahoma, Arial, Helvetica, sans-serif;
	z-index:2;
	padding:4px 0 0 0;
}
a.refa, a:link.refa, a:visited.refa {
	color:#e28020;
	margin:0 34px 0 34px;
}

a.refa2, a:link.refa2, a:visited.refa2 {
	color:#caddf2;
	margin:0 34px 0 34px;
}

#redbox1 a, #redbox1 a:link, #redbox1 a:visited {
    color:#e8e8f0;
}

/* Fotobearbeitungs-PopUps*/

#fotoBox1oben{
	width:265px;
	height:411px;
	background:#e8e8f0;
	z-index:1;
	float:left;
	vertical-align:bottom;
	padding:14px 0 0 0;
}

#fotoBox1unten{
	position:relative;
	left:0;
	top:0;
	background:#5a5a5a;
	color:#494949;
	width:263px;
	height:21px;
	border: 1px solid #261538;
	float:left;
	font:bold 70%/14px Tahoma, Arial, Helvetica, sans-serif;
	z-index:2;
	padding:4px 0 0 0;
}

a.fotoa, a:link.fotoa, a:visited.fotoa {
	color:#e8e8f0;
	margin:0 14px 0 14px;
}

#test1 {
	height: 40px;
	}

#test1 p {
	margin: 5px 11px 0 11px;
	font: normal 63%/16px Tahoma, Arial, Helvetica, sans-serif;
	color: #494949;
	}

#test2	{
	position:relative;
	left:0;
	margin:0 0 -45px 0;
	height:40px;
	/*background:#d75489;*/
	/*visibility:hidden;*/
	}

#test3	{
	position:relative;
	left:0;
	margin:0 0 -45px 0;
	height:40px;
	visibility:hidden;
	/*background:#1a90d3;*/
	}

.xs	{
	font: normal 90%/15px Tahoma, Arial, Helvetica, sans-serif;
	}

#test4	{
	position:relative;
	left:0;
	margin:0 0 -45px 0;
	height:40px;
	/*background:#1a90d3;*/
	visibility:hidden;
	}

#test5	{
	position:relative;
	left: 0;
	margin:0 0 -45px 0;
	height:35px;
	/*background:#56ae45;*/
	visibility:hidden;
	}

/*Kontakt-Formular*/
.contact1 {
	margin: 0;
	padding: 0 2px 0 28px;
	font: normal 75%/19px Tahoma, Arial, Helvetica, sans-serif;
	color: #494949;
	}

.contact2 {
	margin: 0;
	padding: 4px 0 0 0;
	font: normal 75%/19px Tahoma, Arial, Helvetica, sans-serif;
	color: #494949;
	text-align:center;
	/*vertical-align:top;*/
	}

.contactSubmit {
	margin: 0 0 0 69px;
	padding: 4px 0 0 2px;
	font: normal 75%/19px Tahoma, Arial, Helvetica, sans-serif;
	color: #494949;
	text-align:center;
	vertical-align:bottom;
	}

.submstyle{
	width:105px;
	height:31px;
	font-weight:bold;
	color:#e28020;
	}


	/****************************************************/
#raetsel {
	text-align:center;
	width:690px;
    margin: 0 0 0 -1px;
    padding: 10px 0 10px 0;
	float: left;
	background-color:#e8e8f0;
	border: 1px solid #494949;
}
	    #raetsel ul {
        margin:6px 0 0 0;
        padding: 0 0 14px 0;
        list-style-type: none;
   		font: normal 80%/19px Tahoma, Arial, Helvetica, sans-serif;
        color: #494949;
        /*float: left;*/
        /*width: 650px;*/
   		 }

        #raetsel ul li {
            display:inline;
            float: left;
            padding: 0;
            margin: 0;
        }

            #raetsel ul li a,  #raetsel ul li a:link, #raetsel ul li a:visited {
                display: block;
                width: 171px; /*insbesondere für mac ie*/
                /*text-decoration: none;*/
                color:#5a5a5a;
                padding:0;
                text-align:center;
                text-decoration: none;
            }

            #raetsel ul li a:hover, #raetsel ul li a:active,#raetsel ul li a:focus {
                text-decoration: underline;
                color:#e28020;
            }