html {
        height : 101%;
        }


body {
        top: 0;
        min-height : 101%;
        font : 12px/18px Verdana, Helvetica, sans-serif;
        color : #000;
        background : #F4FFDD;
        overflow-x: hidden;
        margin: 0px;
        }

p, table, textarea, input, ol, ul, li {
        font : 12px/18px Verdana, Helvetica, sans-serif;
        }
        
p  {margin: 9px 0px;
    font : 12px Verdana, Helvetica, sans-serif;
}        
        
td {    font : 12px/18px Verdana, Helvetica, sans-serif;
        }        

.subtitle {
    font-weight:700;
    line-height:1.3em;
    font-size:15px;
    margin:0 0 10px;
    font-family:Arial, Helvetica, sans-serif;
}

        
.white {
        background : #FFFFFF;
        }
        
.black {background: #000000;

}       

#top {
        background : url('../images/bg_top.png') repeat-x;
        height : 0;
        clear : both;
        }


#top1 {
        background : url('images/bg_top.png') repeat-x;
        height : 10px;
        }


#header {
        background-image : url('../images/design/mieterecho_top.gif');
        background-repeat : no-repeat;
        background-color: #F4FFDD;
        width : 1200px;
        height : 193px;
        top : 0;
        left : 0;
        border-bottom : 5px solid red;
        border-top : 5px solid red;
        }

#main_container {
        width: 88%;
        padding: 6px 4px;
        height: 100%;
        min-height: 800px;
        border: 12px solid  #D2691E; 
        background-color: #F4FFDD;
  }

#container_left {
        display : table-column;
        float : left;
        left : 0;
        top : 20%;
        width : 18% !important;
        height : 100% !important;
        max-height : 100%;
        min-height : 550px;
        margin : 0;
        background-color : #f4ffdd;
        }


#container {
        float : left;
        display : inline;
        margin : 0;
        padding : 6px;
        width : 55%;
        height : 100% !important;
        max-height : 100%;
        min-height : 550px;
        background-color : #f4ffdd;
        border-right : 2px solid green;
        border-left : 2px solid green;
        }


#container_center {
        float : left;
        display : inline;
        margin : 0;
        padding : 6px;
        width : 55% !important;
        height : 100% !important;
        max-height : 100%;
        min-height : 550px;
        background-color : #f4ffdd;
        border-right : 2px solid green;
        border-left : 2px solid green;
        }


#container_db {
        float : left;
        display : inline;
        margin : 0;
        padding : 6px;
        width : 55%;
        height : 100% !important;
        max-height : 100%;
        min-height : 550px;
        background-color : #f4ffdd;
        border-right : 0 solid green;
        border-left : 0 solid green;
        }


#container_right {
        float : left;
        top : 20%;
        width : 18%;
        height : 100% !important;
        max-height : 100%;
        min-height : 550px;
        margin : 0;
        padding : 10px;
        background-color : #f4ffdd;
        }


#links {
        float : right;
        width : 180px !important;
        height : 100%;
        padding : 0;
        margin : 0;
        margin-right : 0;
        text-align : center;
        }


#table {
        width : 100%;
        min-height : 650px;
        height : 100%;
        }


.format {
        font-family : Verdana, Arial, "sans serif";
        font-weight : normal;
        text-align : left;
        vertical-align : top;
        }


.zitat {
        line-height : 130%;
        width : 96%;
        padding : 8px;
        margin : 8px;
        margin-left : auto;
        margin-right : auto;
        border : 1px solid green;
        background-color : #ffffff;
        }


#footer {
        clear : both;
        left : 0%;
        height : auto;
        background-image : url('../images/bg_gray_fade_footert.jpg');
        background-repeat : repeat-y;
        border-top : 5px solid red;
        margin : 0;
        padding : 10px;
        text-align : center;
        }


#err_msg {
        width : 100%;
        text-align : center;
        }


.tn_container {
        border : 1px solid green;
        }

h3, h4, h6 {

        text-shadow: 2px 2px 2px #999;
}
h1 {
        color : #990000;
        text-align : center;
        margin-top : 3px;
        margin-bottom : 3px;
        font : bold 22px/130% "Trebuchet MS", "Arial Rounded MT Bold", Verdana;
        }


h2 {
        color : #008000;
        text-align : center;
        margin-top : 3px;
        margin-bottom : 3px;
        font : bold 20px/130% "Trebuchet MS", "Arial Rounded MT Bold", Verdana;
        }


h3 {
        color : #990000;
        text-align : left;
        margin-top : 3px;
        margin-bottom : 3px;
        font : bold 18px/130% "Trebuchet MS", "Arial Rounded MT Bold", Verdana;
        }


h4 {
        color : #008000;
        text-align : left;
        margin : 3px 0;
        margin-bottom : 3px;
        font : bold 18px/130% "Trebuchet MS", "Arial Rounded MT Bold", Verdana;
        }


h5 {
        color : #990000;
        text-align : left;
        margin : 3px 0;
        font : italic bold 16px/120% "Trebuchet MS", "Arial Rounded MT Bold", Verdana;
        }

h6 {
        color : #008000;
        text-align : left;
        margin: 3px 0;
        font : italic bold 16px/120% "Trebuchet MS", "Arial Rounded MT Bold", Verdana;
        }


hr {
        text-align : center;
        color : #008000;
        height: 1px;
        margin-top : 3px;
        margin-bottom : 2px;
        }


.frame {
        border : 1px solid #008000;
        }


a.small {
        font-size : 11px;
        font-family : "Trebuchet MS", Verdana;
        color : #008000;
        font-weight : bold;
        text-decoration : none;
        }


a.small:before {
        content : "»»\0000a0";
        }


a.small:after {
        content : "\0000a0»»";
        }


a.smallreverse {
        font-size : 11px;
        font-family : "Trebuchet MS", Verdana;
        color : #008000;
        font-weight : bold;
        text-decoration : none;
        }


a.smallreverse:before {
        content : "««\0000a0";
        }


a.smallreverse:after {
        content : "\0000a0««"
        }

a.pfeile:after {
        content : url('../images/design/drei_pfeile_green.gif');
        margin-top: 4px;
}


a.right {
        font-size : 11px;
        font-family : "Trebuchet MS", Verdana;
        color : #008000;
        font-weight : bold;
        text-decoration : none;
        float : right;
        }


a.item {
        font-family : Verdana;
        color : #008000;
        font-weight : bold;
        text-decoration : none;
        }


a.list {
        font-family : Verdana;
        color : #008000;
        font-weight : normal;
        text-decoration : none;
        }


a.item:before {
        content : "»»";
        font-size : 1em;
        font-weight : bold;
        color : #990000;
        padding-right : 3px;
        }


cite {
        font-size : 1em;
        font-family : Verdana;
        font-style : italic;
        }


.linebreak {
        font-size : .8em;
        background : #ccc;
        border-top : 1px solid green;
        border-bottom : 1px solid green;
        padding : 4px;
        margin : 15px;
        text-align : center;
        }


.border {
        border : 1px solid green;
        }


.img_left {
        left : 10px;
        top : 10px;
        margin-left : 0;
        margin-top : 4px;
        margin-right : 15px;
        margin-bottom : 4px;
        border : 2px solid green;
        }


.img_right {
        left : 10px;
        top : 10px;
        margin-left : 0;
        margin-top : 4px;
        margin-right : 15px;
        margin-bottom : 4px;
        border : 2px solid green;
        }

.datum  {
        font-size: 11px;
        font-weight: bold;
        margin : 3px 0;
        color: #008000;
        }


.clear {
        clear : both;
        }


.infomain_l {
        border : 1px solid green;
        width : 100%;
        margin : 10px;
        text-align : justify;
        float : left;
        }


.infomain_r {
        border : 1px solid green;
        width : 100%;
        margin : 10px;
        text-align : justify;
        float : right;
        }


.infomain {
        border : 1px solid green;
        padding : 0;
        width : 98%;
        margin : 4px;
        text-align : justify;
        float : left;
        }


.legititle {
        background : #990000 url(../images/design/bg_braun.gif) repeat-x;
        color : white;
        padding : 10px;
        margin : 0;
        font-family : "Trebuchet MS", Verdana, Arial, Tahoma, "sans-serif";
        font-size : 1em;
        font-weight : bold;
        text-align : left;
        height : 16px;
        border-bottom : 1px solid #990000;
        }


.infotitle {
        background : #97dd6e url(../images/css/cellpic1.gif);
        color : #333;
        padding : 4px;
        margin : 0;
        font : bold 18px "Trebuchet MS", Verdana, Arial, Tahoma, "sans-serif";
        text-align : left;
        border-bottom : 1px solid green;
        }


.infobox {
        font : 12px Verdana, Arial, Tahoma, "sans-serif";
        color : #333333;
        background-color : #f4ffdd;
        padding : 10px;
        border-top : 1px solid green;
        line-height : 130%;
        margin: 2px;
        }


.infomain_center_left {
        border : 1px solid green;
        margin-top : 6px;
        margin-left : 2px;
        padding : 2px;
        float : left;
        width : 48%;
        }


.infomain_center_right {
        border : 1px solid green;
        margin-top : 6px;
        margin-right : 2px;
        padding : 2px;
        float : right;
        width : 48%;
        }


.infomain_small {
        border : 1px solid green;
        margin : 6px;
        margin-top : 0;
        float : left;
        width : 250px;
        }


.infotitle_small {
        background : #c2e790 url(../images/css/cellpic1.gif);
        color : #333;
        font : bold 14px/130% "Trebuchet MS", Arial, Tahoma, "sans-serif";
        text-align : center;
        padding : 6px;
        border-bottom: 1px solid green;
        }


.infobox_small {
        background-color : #f4ffdd;
        font : 10pt/130% "Trebuchet MS", Arial, Tahoma, "sans-serif"; 
        text-align : justify;
        padding : 6px;
        }

.infobox_small p{
        background-color : #f4ffdd;
        font : 10pt/130% "Trebuchet MS", Arial, Tahoma, "sans serif"; 
        text-align : justify;
        }


.infobox_small h6 {
        font : italic bold 14px/130% "Trebuchet MS", Verdana, Arial, "sans serif";
        letter-spacing : 0;
        }


.pressemain {
        border : 1px solid green;
        margin : 6px;
        margin-top : 0;
        padding : 0;
        float : left;
        text-align : justify;
        width : 98%;
        }


.pressetitel {
        background : #97dd6e url(../images/css/cellpic1.gif);
        color : #333;
        margin : 0;
        font : bold 16px/130% "Trebuchet MS", Verdana, Arial, Tahoma, "sans serif";
        text-align : left;
        padding : 12px;
        border : 1px solid green;
        height : 18px !important;
        overflow : hidden;
        }


.pressezwtl {
        color : #990000;
        font : bold 16px/130% "Trebuchet MS", 'Verdana "sans serif"';
        padding-left : 12px;
        padding-top : 0;
        padding-right : 12px;
        padding-bottom : 0;
        margin : 4px;
        }


.pressebox {
        background-color : #f4ffdd;
        font : 12px/130% Verdana, Arial, Tahoma, "sans serif";
        text-align : justify;
        margin : 4px;
        padding : 12px;
        border : 1px solid green;
        }


#navlist {
        padding : 0 1px 1px;
        margin-left : 0;
        font : bold 16px Verdana, sans-serif;
        }


#navlist li {
        list-style : none;
        margin : 0;
        border-top : 1px solid gray;
        display : inline;
        }


#navlist li a {
        padding : 0.25em 0.5em 0.25em 0.75em;
        border-left : 1em solid #aab;
        background : #ccd;
        text-decoration : none;
        }


#horizmenue {
        width : 800px;
        }


#horizmenue li {
        display : inline;
        padding : 0 10px;
        }


#horizmenue a {
        padding : 2px 8px 5px;
        }


#menu {
        font-family : Arial, Verdana, sans-serif;
        width : 180px;
        float : right;
        margin-top : 10px;
        margin-right : 10px;
        border : 1px solid #008000;
        margin-bottom : 20px;
        }


#menu ul {
        list-style : none;
        margin : 0;
        padding : 0;
        }


#menu li {
        display : block;
        font : bold 1.2em/140% Arial, Verdana;
        margin : 0;
        text-align: left;
        }


#menu li a {
        list-style : none;
        height : 24px;
        text-decoration : none;
        padding : 8px 0 0 8px;
        }


#menu li a:link, #menu li a:visited {
        color : #5e7830;
        display : block;
        background : url('../images/menu2.gif');
        padding : 8px 0 0 8px;
        }


#menu li a:hover {
        color : #26370a;
        background : url('../images/menu2.gif') 0 -32px;
        padding : 8px 0 0 8px;
        }


#menu li a:active {
        color : #26370a;
        background : url('../images/menu2.gif') 0 -64px;
        padding : 8px 0 0 8px;
        }


#menu1 {
        display : inline;
        padding : 0;
        margin : 0 auto;
        list-style-type : none;
        white-space : nowrap;
        cursor : pointer;
        }


#menu1 {
        display : inline;
        font-size : 1.2em;
        }


#menu1 a {
        font-weight : bold;
        width : auto;
        padding : 2px 3px;
        color : #008000;
        text-decoration : none;
        }


#menu1 a:visited {
        font-weight : bold;
        width : auto;
        padding : 2px 3px;
        color : #008000;
        text-decoration : none;
        }


#menu1 a:hover {
        color : yellow;
        background : #008000;
        }

.anmerkung {
        color: green;
        font: bold italic;
        }
        
div.figure {
        float : right;
        width : 25%;
        border : thin solid silver;
        margin : 2.5em;
        padding : 1.5em;
        }


div.figure p {
        text-align : center;
        font-style : italic;
        font-size : .9em;
        text-indent : 0;
        margin-top : 6px;
        }


img.scaled {
        width : 100%;
        }


div.banner {
        margin : 0;
        font-size : 12px;
        font-weight : bold;
        line-height : 1.1;
        text-align : center;
        position : fixed;
        top : 2em;
        left : auto;
        width : 8.5em;
        right : 2em;
        }


div.banner p {
        margin : 0;
        padding : 0.3em 0.4em;
        font-family : Arial, sans-serif;
        background : #900;
        border : thin outset #900;
        color : white;
        }


div.banner a, div.banner em {
        display : block;
        margin : 0 0.5em;
        }


div.banner a, div.banner em {
        border-top : 2px groove #900;
        }


div.banner a:first-child {
        border-top : none;
        }


div.banner em {
        color : #cfc;
        }


div.banner a:link {
        text-decoration : none;
        color : white;
        }


div.banner a:visited {
        text-decoration : none;
        color : #ccc;
        }


div.banner a:hover {
        background : black;
        color : white;
        }

.box_white {
        font : 12px/18px Verdana, Helvetica, sans-serif;
        margin: 10px auto;
        padding : 10px;
        background : #fff;
        width : 96%;
        text-align : left;
        border : 1px solid green;
        }

.box_blue {
        font : 12px/18px Verdana, Helvetica, sans-serif;
        margin: 10px auto;
        padding : 10px;
        background : #d0f0f0;
        width : 96%;
        text-align : left;
        border : 1px solid green;
        }


.box_pink {
        font : 12px/18px Verdana, Helvetica, sans-serif;
        margin: 10px auto;
        padding : 10px;
        background : #ffe0e0;
        width : 96%;
        text-align : left;
        border : 1px solid green;
        }


.box_green {
        font : 12px/18px Verdana, Helvetica, sans-serif;
        margin: 10px auto;
        padding : 10px;
        background : #ccffcc;
        width : 96%;
        text-align : left;
        border : 1px solid green;
        }

.box_red {
        font : 12px/18px Verdana, Helvetica, sans-serif;
        margin: 10px auto;
 		padding : 10px;
        background : #FF0000;
        width : 96%;
        text-align : left;
        border : 1px solid green;
        }
        
.box_bg_green {
		margin: 10px auto;
        padding : 10px;
        background : #f4ffdd;
        text-align : center;
 }           
    


p.articletime {
margin:0;
padding:2px 0 4px 0;
color:#333;
font-size:11px;
}




#gaestebuch {
        margin : 0;
        padding : 1em 0 0 0;
        text-align : center;
        font : 1em/140% Verdana, Arial, Helvetica, sans-serif;
        }


#gaestebuch img {
        vertical-align : middle;
        }


#gaestebuch a img {
        border : none;
        }


#gaestebuch p#menue {
        margin : 0 2em 1em 2em;
        border-top : 1px solid #c0c0c0;
        border-bottom : 1px solid #c0c0c0;
        }


#gaestebuch form {
        text-align : left;
        padding : 0;
        margin : 0 1em;
        }


#gaestebuch form p {
        text-align : left;
        }


#gaestebuch form p.zentriert {
        text-align : center;
        }


#gaestebuch form #angaben {
        float : left;
        width : 50%;
        }


#gaestebuch form #angaben p {
        text-align : left;
        }


#gaestebuch form #angaben p img {
        padding-right : 5px;
        }


#gaestebuch form #angaben p input[type="text"] {
        width : 100%;
        }


#gaestebuch form #angaben2 {
        float : left;
        width : 50%;
        }


#gaestebuch form #angaben2 p {
        text-align : right;
        margin : 0;
        padding : 0;
        }


#gaestebuch form #angaben2 p img {
        padding-right : 5px;
        }


#gaestebuch form #angaben2 p input[type="text"] {
        width : 90%;
        }


#gaestebuch form textarea {
        width : 100%;
        }


#gaestebuch dl {
        margin : 0 2em;
        padding : 0;
        font : 1em/140% Verdana, Arial, Helvetica, sans-serif;
        }


#gaestebuch dt {
        font : 1em/140% Verdana, Arial, Helvetica, sans-serif;
        text-align : left;
        margin : 0;
        padding : 1em 0 0.5em 4em;
        color : #204060;
        border : 1px solid #c0c0c0;
        border-bottom : none;
        }


#gaestebuch dt span {
        font-weight : bold;
        }


#gaestebuch dt img {
        vertical-align : middle;
        }


#gaestebuch dd {
        font : 1em/140% Verdana, Arial, Helvetica, sans-serif;
        text-align : left;
        margin : 0;
        padding : 0.5em 2em 1em 2em;
        margin-bottom : 1em;
        border : 1px solid #c0c0c0;
        border-top : none;
        }


#gaestebuch .fehler {
        font-size : 1em;
        display : block;
        margin : 0 auto;
        border : 1px solid red;
        }


#gaestebuch .warnung {
        color : #ff0000;
        }


#gaestebuch .warnung input {
        background-color : #ffe0e0;
        }


#gaestebuch .erfolg {
        display : block;
        border : 1px solid #00ff00;
        background : #eeffee;
        margin : 1em 2em;
        padding : 0.5em;
        }


#gaestebuch #hinweis {
        float : right;
        position : relative;
        border : 1px solid #ff0000;
        width : 45%;
        text-align : left;
        margin : 0 auto 20px auto;
        padding : 0.5em;
        background-color : #ffdfdf;
        }


#gaestebuch #moderiert-hinweis {
        text-align : left;
        width : 75%;
        border : 1px solid red;
        background : #ffe0e0;
        padding : 5px 15px;
        margin : 0 auto 5px;
        }


#gaestebuch #hinweis h2 {
        margin : 0;
        padding : 0;
        font-size : 1.2em;
        }


#smileys {
        display : none;
        float : right;
        width : 45%;
        }


#gaestebuch .neue-zeile {
        clear : both;
        }


#gaestebuch span.linksbuendig {
        float : left;
        }


#gaestebuch span.rechtsbuendig {
        float : right;
        }


#gaestebuch #neues-posting {
        margin : 0;
        padding : 0 0 0 18px;
        background : url(images/edit.gif) no-repeat;
        }


#gaestebuch #sig {
        display : none;
        }


#gaestebuch #admin-settings {
        padding : 0 0 0 20px;
        background : url(images/settings.gif) no-repeat;
        }


#gaestebuch .admin-edit {
        padding : 0 0 0 18px;
        background : url(images/edit.gif) no-repeat;
        }


#gaestebuch .admin-kill {
        padding : 0 0 0 18px;
        background : url(images/recycle.gif) no-repeat;
        }


#gaestebuch .admin-ok {
        padding : 0 0 0 18px;
        background : url(images/ok.gif) no-repeat;
        }


#gaestebuch #zurueck-link {
        text-decoration : none;
        font-size : 1em;
        color : black;
        border : 1px solid #808080;
        padding : 2px 5px 2px 25px;
        background : #ffffff url(images/x.gif) no-repeat 6px 2px;
        }


#gaestebuch #admin-kill-button {
        margin : 0 10px;
        padding : 1px 1px 1px 18px;
        background : #ffffff url(images/recycle.gif) no-repeat 1px 1px;
        border : 1px solid #808080;
        cursor : pointer;
        }


#gaestebuch #einstellungen {
        font-size : 1em;
        margin : 0 50px 50px;
        padding : 20px;
        background : #e0f0f0;
        border : 1px dotted #808080;
        }


#gaestebuch #einstellungen h2 {
        margin : 0;
        padding : 0 20px;
        background : #d0f0f0;
        border : 1px dotted #808080;
        }


#gaestebuch #einstellungen input {
        border : 1px solid #808080;
        padding : 0 5px;
        }


#gaestebuch #einstellungen #anzahl {
        width : 1.3em;
        }


#gaestebuch #einstellungen #mail {
        background : #ffffff url(images/email.gif) no-repeat 2px center;
        padding : 0 0 0 20px;
        width : 20em;
        }


#font-family #einstellungen select {
        border : 1px dotted #909090;
        }


#gaestebuch #einstellungen #submit {
        float : right;
        padding : 1px 5px 1px 25px;
        background : #ffffff url(images/save.gif) no-repeat 5px center;
        cursor : pointer;
        }


#gaestebuch #einstellungen #zurueck-link {
        float : left;
        }


#gaestebuch #einstellungen li span.rechtsbuendig {
        float : right;
        font-size : 1em;
        line-height : 200%;
        padding : 0;
        margin : -1.5em 0 0 0;
        height : 1em;
        overflow : visible;
        }


#gaestebuch #einstellungen #auto-link {
        text-decoration : none;
        font-size : 1em;
        color : black;
        border : 1px solid #808080;
        padding : 2px 5px 2px 25px;
        background : #ffffff url(images/settings.gif) no-repeat 4px center;
        }


#gaestebuch #admin-pfad-warnung {
        width : 80%;
        margin : 0 auto 15px auto;
        padding : 0 10px;
        border : 1px solid #ff0000;
        background : #ffa0a0;
        font-size : 1em;
        text-align : left;
        }


.clearboth {
        clear : both;
        }


pre {
        display : block;
        position : absolute;
        top : 50px;
        right : 10px;
        width : 350px;
        padding : 10px;
        text-align : left;
        border : 2px solid red;
        background : #ffeeee;
        overflow : auto;
        }


.bildausschnitt {
        position : absolute;
        width : 100px;
        height : 100px;
        overflow : hidden;
        }


#rnd_container {
        background : #dfd5b9;
        margin : 1px;
        }


.rnd_top, .rnd_bottom {
        display : block;
        background : #dfd5b9;
        font-size : 1px;
        }


.rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {
        display : block;
        overflow : hidden;
        }


.rnd_b1, .rnd_b2, .rnd_b3 {
        height : 1px;
        }


.rnd_b2, .rnd_b3, .rnd_b4 {
        background : #ffffff;
        border-left : 1px solid #cccccc;
        border-right : 1px solid #cccccc;
        }


.rnd_b1 {
        margin : 0 5px;
        background : #cccccc;
        }


.rnd_b2 {
        margin : 0 3px;
        border-width : 0 2px;
        }


.rnd_b3 {
        margin : 0 2px;
        }


.rnd_b4 {
        height : 2px;
        margin : 0 1px;
        }


.rnd_content {
        display : block;
        border : 0 solid #cccccc;
        border-width : 0 1px;
        padding : 4px;
        background : #ffffff;
        color : #000000;
        }


div#wrapper {
        margin-top : 10px;
        padding : 20px;
        border : 1px solid #339;
        background : #eef;
        }


div#wrapper a {
        color : blue;
        font-family : verdana, sans-serif;
        font-size : 1em;
        text-decoration : none;
        }


div#example {
        margin : auto;
        width : 80%;
        height : 100%;
        border : 6px double black;
        font-family : verdana, sans-serif;
        font-size : 1em;
        line-height : 1.4em;
        background : #eeeeee;
        padding : 10px;
        }


div#example h1 {
        font-family : "Times New Roman", serif;
        font-size : 1.6em;
        }


.stk {
        font-family : georgia, garamond, verdana, sans-serif;
        font-size : 1.2em;
        color : #369;
        margin : 0;
        text-align : center;
        }


div#notes {
        height : 100%;
        background : #fee;
        width : 80%;
        border : 1px dashed red;
        font-family : verdana, sans-serif;
        font-size : 1em;
        margin : auto;
        padding : 10px;
        margin-top : 10px;
        }


div#notes li {
        margin-bottom : 5px;
        }


div#code {
        height : 100%;
        background-color : #ccf;
        width : 80%;
        border : 1px dashed blue;
        font-family : verdana, sans-serif;
        font-size : 1em;
        margin : auto;
        padding : 10px;
        margin-top : 10px;
        }


div#code p {
        margin : 5px 5px 5px 35px;
        text-indent : -30px;
        }


div#code blockquote {
        background : #ddf;
        padding : 2px;
        color : #666;
        }


div#surround {
        border : 1px solid #000;
        background : #ddd;
        color : #000;
        width : 90%;
        margin : 20px;
        padding : 10px;
        font : 1em verdana, helvetica, arial, sans-serif;
        }


div#surround p {
        padding : 0;
        margin : 0;
        margin-bottom : 10px;
        }


.PZ3-l {
        float : left;
        margin-right : 10px;
        }


.PZ3-r {
        float : right;
        margin-left : 10px;
        direction : rtl;
        }

.PZ3-m {
        float : right;
        margin-left : auto;
        margin-right : auto;
        direction : rtl;
        }
        
html > body .PZ3-r {
        position : relative;
        }


.PZ3zoom {
        border : 1px solid #369;
        }


.PZ3zoom a, .PZ3zoom a:visited {
        display : block;
        padding : 0;
        overflow : hidden;
        text-decoration : none;
        height : 100%;
        width : 100%;
        }


html > body .PZ3-r a {
        right : 0;
        }


.PZ3zoom a:hover {
        position : absolute;
        z-index : 999;
        padding : 0;
        background : inherit;
        cursor : default;
        height : auto;
        width : auto;
        overflow : visible;
        border : 1px solid #369;
        margin : -1px 0 0 -1px;
        }


html > body .PZ3zoom a:hover {
        margin : -1px -1px 0 -1px;
        }


.PZ3zoom a img {
        border : 0;
        height : 100%;
        width : 100%;
        }


.PZ3zoom a:hover img {
        height : auto;
        width : auto;
        border : 0;
        }


a:hover .PZ3cap, a:hover .PZ31cap {
        display : block;
        direction : ltr;
        font : 1em verdana, sans-serif;
        margin-top : -3px;
        background : #369;
        color : #fff;
        text-align : left;
        }


a:hover .PZ3cap {
        padding : 3px 5px;
        }


.PZ3inr {
        display : block;
        padding : 2px 5px;
        }


.noCap a:hover .PZ3cap, .noCap a:hover .PZ31cap {
        display : none;
        }


.noBdr, .noBdr a:hover {
        border : 0;
        }


.Lnk a:hover {
        cursor : pointer;
        }


div.figure {
        float : left;
        border : thin solid silver;
        margin : 0.3em;
        padding : 0.3em;
        }


div.figure p {
        text-align : center;
        font-style : italic;
        font-size : 1em;
        text-indent : 0;
        }


div.figure_r {
        float : right;
        border : thin solid silver;
        margin : 0.3em;
        padding : 0.3em;
        }


div.figure_r p {
        text-align : center;
        font-style : italic;
        font-size : 1em;
        text-indent : 0;
        }


img.scaled {
        width : 100%;
        }


.div_bg {
        border : 1px solid green;
        width : 550px;
        min-height : 60px;
        background : silver;
        margin : 10px;
        padding : 4px;
        }


.tabelle {
        display : table;
        margin : 0 auto;
        }


ul#liste li {
        display : inline;
        }


ul#liste {
        min-width : 560px;
        list-style : none;
        padding-top : 10px;
        }


ul.bild a {
        display : block;
        float : left;
        width : 100px;
        height : 100px;
        overflow : hidden;
        position : relative;
        z-index : 1;
        }


ul.bild a img {
        float : left;
        position : absolute;
        top : -50px;
        left : -100px;
        }


ul.bild a:hover {
        overflow : visible;
        z-index : 1000;
        border : none;
        }
        
.rounded {
        -moz-border-radius: 220px/255px;
        -webkit-border-radius: 220px 255px;
        border-radius: 220px/255px;

}

.rund {
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
}

.dick {
        border: 3px solid green;

}

.box_orange {
        border:5px solid blue;
        background-color:orange;
        width: 300px;
        height: 300px;
        box-shadow: rgba(0,0,0,0.4) 10px 10px;

}

.shadow-text {

        text-shadow: 2px 2px 2px #333;
}

.shadow-box {   
        -moz-box-shadow: 10px 5px 5px gray;
        -webkit-box-shadow: 10px 5px 5px gray;
        box-shadow: 10px 5px 5px gray;
}

.button_blue {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
	width: 120px;
	/* display:block; */

}.button_blue:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.button_blue:active {
	position:relative;
	top:1px;
}

.eins {
  background-color: #CECBEF;
  color: #2A2393;
  text-shadow: 0px 1px 1px #444; 
}

.zwei {
   background-color: #333;
   color: #555;
   text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
   opacity: 0.5;
}
.drei {
  font-size: 2em;
  color: #fff;
  background-color: #2963AA;
  text-shadow: 0px 1px 0px #999, 
               0px 2px 0px #888, 
			   0px 3px 0px #777, 
			   0px 4px 0px #666, 
			   0px 5px 0px #555, 
			   0px 6px 0px #444, 
			   0px 7px 0px #333,
               0px 8px 0px #222,			   
			   0px 9px 8px #001;	  
}

.abgerundet {    
    border:solid 2px #3a2edb;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
    }
    
.schattenbox {   

    -moz-box-shadow:10px 10px 5px #000000;
    -webkit-box-shadow:10px 10px 5px #000000;
    box-shadow:10px 10px 5px #000000;

    }
    
.schattentext {
    text-shadow:5px 5px 5px #000000;
    }