/* Allgemein ================================================================== */
html { 	height:100%;
	margin: 0 0 0 0;
	padding:0 0 0 0;
}

body {
	margin: 0 0 0 0;
	padding:0 0 0 0;
         height:100%;
         background: white url(images/background.jpg) repeat-y;
         text-align: center;
         font: 18px arial, helvetica, sans-serif;
}

img    { border: 0; }



h1 {
	/* font-size:140%;  */
         font-size: 24px;
	font-family:Arial,Helvetica;
         font-family:Georgia, "Times New Roman", Times, serif;
         font-weight:bold;
         font-style:italic;
	color: #000062; /* dunkles Blau */
         margin-bottom:5px;
         margin-top:5px;
         margin-left: -10px;
         background: url(images/background_footer.jpg) left bottom no-repeat;
}
h1 span { display:none; }

h2 {
	/* font-size: 110%;  */
         font-size: 20px;
	font-family:Arial,Helvetica;
         font-weight:bold;
	color:#2D0059; /* dunkles Lila */

         margin-top:5px;


}

h3 {
	/* font-size: 100%;  */
         font-size: 18px;
	font-family:Arial,Helvetica;
         font-weight:bold;
	color:#255F7A;  /* blaugruen */

}

h4 {
         margin: 0 0 0 0;
         padding: 0 0 0 0;
         font-weight:bold;
         font-style:italic;
	color: #008040;

}

a       {text-decoration:underline;color:#35356A;font-weight:bold;font-style:italic;  vertical-align:top;}
a:hover {color:#FF9933;}


/* Hauptteil ================================================================== */
#container {
	position:absolute;
      	top:    0;
         left:  0px;
         width: 100%;
         /* border:2px solid red;    */
}

#top {
     	height: 35px;
         border-bottom: 1px solid #6BBFCB;

        	color:  #CAC9CF; /* hellgrau */
        	text-align: left;
         font-size:     14px;
         font-weight:bold;
         padding-left:  15px;
         padding-top:    5px;
}

#top a       {font-size:14.0px;text-decoration:none;color:#CAC9CF;vertical-align:top;}
#top a:hover {color:#FF9933;} /* dunkel-orange */

#top2 {
     	height: 25px;
         background:#E8F5F7;
        	color:  #CAC9CF; /* hellgrau */
        	text-align: left;
         font-size:     14px;
         font-weight:bold;
         padding-left:  15px;
         padding-top:    5px;
}

#main_box {
         margin-right:   0px;
         margin-left:  0px;
   	padding-top:    0px;
         padding-right: 100px;
         padding-bottom:20px;
        	/* background:orange; */
      	height:100%;
}


div.textblock, div.tb_clear {
             /* oben rechts unten links */
	margin:20px 0px 40px 20px;
	display:block;
	padding:0;
	text-align:justify;
         /* border:1px solid blue;  */
}
div.tb_clear { clear:both; }

div.codeblock {
             /* oben rechts unten links */
	margin:20px 20px 20px 20px;
	display:block;
	padding:20px 20px 20px 20px;
	text-align:left;
         background-color: #B0C6C8;
         font-family: Monaco, Courier, monospace;
         /*font-size:90%; */
         border-right: 2px solid black;
         border-bottom: 2px solid black;
         border-top: 1px solid black;
         border-left: 1px solid black;
         /* border:1px solid blue;  */
}
div.divblock {
         margin:20px 0px 20px 20px;
         text-align:left;
         padding:0;
}






/* Fusszeile ================================================================== */
#footer {
        clear: both;
        height: 25px;
        border-top: 1px solid #6BBFCB;
        color: #CAC9CF;
        text-align: right;
        font-size:     14px;
        font-weight:bold;
        padding-right: 15px;
        padding-top:    5px;
}
#footer_left {
        float:left;
        height: 25px;
        color: #CAC9CF; /* hellgrau */
        text-align: left;
        font-size:      14px;
        font-weight:bold;
        padding-left:   15px;
        padding-bottom:  5px;
}
#footer_left a       {font-size:14.0px;text-decoration:none;color:#CAC9CF;vertical-align:top;}
#footer_left a:hover {color:#FF9933;} /* dunkel-orange */
#footer a       {font-size:14.0px;text-decoration:none;color:#CAC9CF;vertical-align:top;}
#footer a:hover {color:#FF9933;} /* dunkel-orange */

#impressum  #navimpr a,
#csskont    #navkont a{
         color: #800000;
         text-align: left;
         font-weight:bold;
         font-size:14px;
         text-decoration:none;
         cursor:default;
}



/* Menue Definitionen ========================================================= */
div.menu {
         position:fixed;
         width: 180px;
         top:   270px;
         left:   50px;
         z-index:8;
}

* html  div.menu { position:absolute; }  /* bis IE6 nur absolute position */



a.menu {
	display:block;
         text-decoration:none;
             /* oben rechts unten links */
         margin:0    0      0     0;
            /* oben/unten links/rechts */
	padding:  7px      10px;
}

a.menu:link,
a.menu:visited,
.button {
         width:160px;
         height:35px;
         background: transparent url(images/button_sprite.jpg) top left no-repeat;
         color: white;
         text-align: left;
         font-weight:normal;
         font-size: 16px;
         text-decoration:none;
}

a.menu:hover,
.button:hover   {
         width:160px;
         height:35px;
         background: transparent url(images/button_sprite.jpg) top right no-repeat;
         color:white;
         text-align: left;
         font-weight:bold;
         font-size:16px;
         text-decoration:none;
}

#mainpage   #navmain a,
#webdesign  #navweb  a,
#reference  #navref  a,
#pers       #navpers a{
         width:160px;
         height:35px;
         background: transparent url(images/button_sprite.jpg) top right no-repeat;
         color: #800000;
         text-align: left;
         font-weight:bold;
         font-size:16px;
         text-decoration:none;
         cursor:default;
}


.input, .inp_w300, .inp_w540, .inp_w680  {
    border: 1px solid #006;
    background: #ffc;
    font: 18px arial, helvetica, sans-serif;
}
.inp_w300 { width:300px; }
.inp_w540 { width:540px; }
.inp_w680 { width:680px; }

.input:hover, .inp_w300:hover, .inp_w540:hover, .inp_w680:hover {
    border: 1px solid #f00;
    background: #ff6;
}
.inp_w300:hover { width:300px; }
.inp_w540:hover { width:540px; }
.inp_w680:hover { width:680px; }

.button, .button:hover {
    border: none;
    padding: 2px 8px;
    width:180px;
    text-align:center;
    font-size:16px;
}

label {
    display: block;
    width: 120px;
    float: left;
        /* oben rechts unten links */
    margin: 8px 4px 8px 0px;
    text-align: left;
}

#hinweis {
	width: 680px;
         color:#800000;
         font-weight:bold;
         text-align: left;
}

br { clear: left; }

.left { text-align:left; }

#oben_rechts {
	/* background-color: yellow; */
        	height:30px;
        	width:85px;
        	position:absolute;
        	top:0;
        	left:865px;
        	padding-left:0px;
        	padding-right:0px;
         text-align:left;
         overflow:hidden;
}