body {

                background: #f4f4f4;

                font: normal 10.2pt Calibri;

                color: #5b5b5b;

                line-height: 20px;

                margin: 0px;

                padding: 0px;

                text-align: center;

            }



            h1 {

                font: normal 17pt Calibri, Verdana;

                color: #65aab1;

                margin: 0px 0 3px 0;

                padding: 0px;

                letter-spacing: -1px;



            }
            
            
            h2 {
                font: normal 15pt Calibri, Verdana;
                color: #65aab1;
                padding: 0px;
                margin: 0px 0 3px 0;
                line-height: 15px;
            }
            
            a {
                text-decoration: none;
                color: #3f81b3;
            }
            
            a:hover {
                text-decoration: underline;
            }
            
            hr {
                border: 1px thin #DDDDDD;
                color: #DDDDDD;    
            }

            th {
              text-align: left;
            }
            
            textarea {
                margin: 0px;
                padding: 5px;
                background: #fff;
                height: 150px;
                max-width: 400px;
                color: #494948;
                border: 1px solid #c9c9c9;
                box-shadow: inset 0px 2px 2px #efefef;
                font: normal 10.5pt Calibri, Verdana;
                
            }
            
            input {
                margin: 0px;
                padding: 2px;
                background: #fff;
                color: #494948;
                border: 1px solid #c9c9c9;
                box-shadow: inset 0px 2px 2px #efefef;
                font: normal 10.5pt Calibri, Verdana;
            }
            
            select {
                width: 200px;
            }
            
            option {
                text-align: center;
            }


            #topline {

                height: 45px;

                width: 100%;

                background: url(dateien/bilder/toppattern.png) repeat-x;

            }



            #container {

                width: 931px;

                padding: 0px;

                margin: 0px auto;

                text-align: left;

            }



            #headline {

                width: 831px;

                height: 45px;

                background: url(dateien/bilder/toppic.png) left no-repeat;

                padding: 0px;

                margin: 0px;

            }



            #topnavi {

                text-align: right;

                padding: 12px 0 0 0;

                margin: 0px 255px 0 0;

                color: #FFF;

                font: normal 13pt Calibri, Verdana;

            }



            #topnavi ul {

                list-style-type: none;

                padding: 0px;

                margin: 0px;

            }



            #topnavi ul li {

                display: inline;

                margin: 0 0 0 100px;

                padding: 0px;

            }



            #topnavi ul li a {

                color: #FFF;

                font: normal 13pt Calibri, Verdana;

                text-decoration: none;

            }



            #topnavi ul li a:hover {

                color: #65aab1;

                font: normal 13pt Calibri, Verdana;

                text-decoration: none;

            }



            #inf {

                width: 931px;

                height: 241px;

                padding: 0px;

                margin: 0px;

            }



            #header {

                width: 681px;

                height: 241px;

                clear: left;

                padding: 0px;

                margin: 0px;

                position: absolute;

            }



            #headerimg {

                width: 676px;

                height: 241px;

                float: right;

                padding: 0px;

                margin: 0px;

                //background: url(dateien/bilder/header94beta.png) no-repeat;

            }



            #headershadow {

                width: 5px;

                height: 241px;

                padding: 0px;

                margin: 0px;

                background: url(dateien/bilder/headershadow.png) no-repeat;

                float: left;

            }



            .spacer {

                clear: both;

            }



            #andus {

                width: 250px;

                height: 241px;

                float: right;

                padding: 0px;

                margin: 0px;

            }



            #us {

                width: 245px;

                float: left;

                padding: 0px;

                margin: 0px;
            }
            
            #oberelinie {
                padding: 0px;
                margin: 0px;
                width: 245px;
                height: 119px;
            }
            
            #askus, #askus a {
                width: 123px;
                height: 119px;
                float: left;
                padding: 0px;
                margin: 0px;
                background: url(dateien/bilder/askus.png) no-repeat;
            }

            #askus a:hover {
              background: url(dateien/bilder/askus.png) no-repeat;
              background-position: 0px 100%;
}
            
            
            #mailus, #mailus a {
                width: 122px;
                height: 119px;
                float: right;
                padding: 0px;
                margin: 0px;
                background: url(dateien/bilder/mailus.png) no-repeat;
            }

            #mailus a:hover {
              background: url(dateien/bilder/mailus.png) no-repeat;
              background-position: 0px 100%;
}
            
            #unterelinie {
                padding: 0px;
                margin: 0px;
                width: 245px;
                height: 122px;
            }
            
            #feedus, #feedus a {
                width: 123px;
                height: 122px;
                float: left;
                padding: 0px;
                margin: 0px;
                background: url(dateien/bilder/feedus.png) no-repeat;
            }

            #feedus a:hover {
              background: url(dateien/bilder/feedus.png) no-repeat;
              background-position: 0px 100%;
}

            #delightus, #delightus a {
                width: 122px;
                height: 122px;
                float: right;
                padding: 0px;
                margin: 0px;
                background: url(dateien/bilder/delightus.png) no-repeat;
            }

            #delightus a:hover {
              background: url(dateien/bilder/delightus.png) no-repeat;
              background-position: 0px 100%;
}

            #usshadow {

                width: 5px;

                height: 241px;

                padding: 0px;

                margin: 0px;

                background: url(dateien/bilder/usshadow.png) no-repeat;

                float: right;

            }



            #content {

                width: 931px;

                background: url(dateien/bilder/contentbglarge2.png) repeat-y;

                padding: 0px;

                margin: 0px;

                clear: both;

            }



            #content2 {

                width: 931px;

                background: url(dateien/bilder/contentbglarge2.png) repeat-y;

                padding: 0px;

                margin: 0px;

                clear: both;

                position:absolute;

            }



            #text {

                float: left;

                padding: 0px;

                margin: 0px;

                width: 681px;

            }



            .paddingtext {

                margin: 15px 20px 15px 25px;

                padding: 0px;

            }



            #nav {

                float: right;

                padding: 0px;

                margin: 0px;

                width: 250px;

            }
            
            #nav h2 {
                line-height: 17px;
                margin-top: 17px;
            }
            
            #nav ul, #nav ul li, .paddingnav ul, .paddingnav ul li {
                list-style: none;
                padding: 0px;
                margin: 0px;     
            }


            .paddingnav {

                margin: 15px 25px 15px 21px;

                padding: 0px;

            }
            
            .paddingnav a {
                color: #333333;
                text-decoration: none;
                border-bottom: 1px solid #c0c0c0;
                display: block;
            }
            
            .paddingnav a:hover {
                border-bottom: 1px solid #3f81b3;
            }
            
            .links {
                margin: 2px 0 0 0;
                padding: 0px;
                width: 102px;
                float: left;
            }
            
            .rechts {
                margin: 2px 0 0 0;
                padding: 0px;
                width: 102px;
                float: right;
            }



            #footer {

                margin: 0px auto;

                padding: 0px;

                width: 931px;

                height: 67px;

                background: url(dateien/bilder/footerbg.png) no-repeat;

                color: #fff;

            }



            .paddingfooter {

                padding: 25px 25px 15px 25px;

                margin: 0px;

                text-align: left;

            }



            #pageend {

                height: 67px;

                width: 100%;

                background: url(dateien/bilder/footerpattern.png) repeat-x;

                padding: 0px;

                margin: 0px auto;

                position:absolute;

            }
            
            .uppiplan {
                min-width: 100px;
                border: 1px solid #fff;
                background: #cae9eb;
                border-collapse: collapse;
                margin: 0px;
                padding: 3px;
            }
            
            .blau {
                color: #65aab1;
                font-style: normal;
            }
            
            
            
            /**** News-Stying ****/
            
            .news {
                padding: 0px;
                margin: 0 0 50px 0;
                width: 100%;  
            }
            
            .news2 /*** für die news_comments page ***/ {
                margin-bottom: 10px;
            }
            
            .newsicon {
                float: left;
                padding: 0px;
                margin: 0px;
                width: 120px;    
            }
            
            .editnews {
                margin-top: 10px;
                width: 110px;
                background: #efefef;
                padding: 5px;
            }
            
            .updatebox {
                padding: 5px;
                margin: 10px 0 0 0;
                width: 110px;
                background: #181818;
                color: #fff;
            }
                        
            .updatebox a {
                color: #FFF;
                text-decoration: none;
            }
            
            .updatebox a:hover {
                text-decoration: underline;
            }
            
            .letscomment {
                padding: 0px;
                margin: 10px 0 0 0;
                width: 120px;
                background: #c0edf4;
                text-align: center;
                float: left;
            }
    
            .newstext {
                float: right;
                padding: 0px;
                margin: 0px;
                width: 516px;
                  
            }
            
            .newsheadline {
                padding: 0 0 2px 0;
                margin: 0px;
                border-bottom: 1px solid #efefef;
                overflow: hidden;
            }
            
            .newstitle {
                padding: 0px;
                margin: 0px;
                float: left;
                width: 464px;
            }
            
            .date {
                margin: 0px;
                padding: 4px 0 0 0px;
                float: right;
                width: 42px;
                color: #CCCCCC;
                font: normal 9pt "Calibri", "Verdana";
            }
                        
            .newstextpadding {
                padding: 0 0 10px 10px;
            }
            
            
            /**** icon styling *****/
            
            .iconsicons {
                margin: 0 10px 4px 0px;
                text-align: center;
            }
            
            #demodemo {
                border: 7px solid #efefef;
            }
            
            .imgborder {
                border: 5px solid #efefef;
                margin: 2px 6px 6px 0px;
            }
            
            /*** header etc. styling ***/
            
            .icons {
                margin: 0 5px 4px 0px;
            }
            
            .rating {  /** sterne **/
                text-align: center;
            }
            
            #demo {
                border: 5px solid #efefef;
            }
            
            .bases {
                margin: 0 6px 1px 0px;
                text-align: center;
                border: 7px solid #efefef;
            }
            
            .affiliates {
                margin: 0px;
                text-align: center;
                border: 7px solid #efefef;
            }
            
            .affiliates:hover {
                border: 5px solid #dfdfdf;
                margin: 2px;
            }
            
            .affiliates:active {
                border: 5px solid #3f81b3;
                margin: 2px;
            }
            
            .affisborder {
                padding: 0px;
                margin: 0px;
                font: normal 9.5pt Calibri, Verdana;
            }
            
            .hits {
                font: normal 8pt Calibri, Verdana;
            }
            
            /*** loginform styling ***/
            
            #loginformular {
                width: 100%;
                padding: 8px;
                margin: 0px;
                background: #efeeee;
                border: 1px solid #adadad;
            }
            
            .einloggen {
                background: #fff;
                margin: 5px;
                padding: 3px;
                height: 22px;
                width: 590px;
                color: #494948;
                border: 1px solid #c9c9c9;
                box-shadow: inset 0px 2px 2px #efefef;
            }
            
            .zuruckbutton {
                margin: 5px;
                padding: 6px;
                background: url(dateien/bilder/zuruck.png) repeat-x;
                border: 1px solid #5c5c5b;
                border-radius: 5px;
                box-shadow: inset 0px 2px 2px #a1a1a1;
                color: #fff;
            }
            
            .einlogbutton {
                margin: 5px 1px 5px 5px;
                padding: 6px;
                background: url(dateien/bilder/login.png) repeat-x;
                border: 1px solid #6ec2c9;
                border-radius: 5px;
                box-shadow: inset 0px 2px 2px #efefef;
                width: 125px;
                color: #397980;
            }
            
            /** normaler button ***/
            .button, .ok, .fault {
                margin: 0px;
                padding: 2px 8px 2px 8px;
                background: url(dateien/bilder/login.png) top repeat-x;
                border: 1px solid #6ec2c9;
                border-radius: 5px;
                color: #397980;
            }
            
            .fault, .ok {
                background:  #b1dee2;
                margin-bottom: 10px;
            }
            
            .showcase .ok {
                margin-bottom: 0px;
            }
            
            .button:active {
                border: 1px solid #3c8890;
            }
            
            .button2 /** dunkel **/ {
                margin: 0px;
                padding: 2px 8px 2px 8px;
                background: url(dateien/bilder/zuruck.png) top repeat-x;
                border: 1px solid #5c5c5b;
                border-radius: 5px;
                box-shadow: inset 0px 2px 2px #a1a1a1;
                color: #fff;
            }
            
            .button2:active {
                border: 1px solid #3b3b3a;
            }

            .editLink {
              width: 420px;
              margin: 0 auto;
              
            }
            
            .editLinkContainer {
              border: 1px solid #efefef;
              background-color: #fcfbfb;
              margin-bottom: 20px;
              padding: 5px;
            }
            
            .editLink .link {
              width: 135px;
              float: left;
              height: 100%;
            }
            
            .editLink .infotext {
              width: 270px;
              float: right;
            }
            
            /*** Kommentarstyling ***/
            
            .kommentar {
                margin: 0px 0 10px 0;
                padding: 10px;
                width: 486px;
                background: #efefef;
                float: right;
            }
            
            .kommentartext {
                margin-top: 8px;
            }
            
            .kommentar h1 {
                color: #3c8890;
            }
            
            .datum {
                font: normal 8pt Calibri, Verdana;
                color: #7a7a7a;
                margin-left: 5px;
            }
                        
            .formular /** linke seite kommentarformular **/{
                width: 130px;
                vertical-align: top;
            }
            
            .breiteinput {
                width: 223px;
                padding: 3px;
            }
            
            /*** Ask Us Styling ***/

            .asktext {
                width: 636px;
                margin: 0px 0 10px 0;
                padding: 0px;
                background: #efefef;
            }

            .frager {
                padding: 10px 10px 5px 10px;                
            }
            
            .frage {
                padding: 0px 10px 10px 10px;
            }
            
            .askanswer {
                width: 100%;
                margin: 0px 0 20px 0;
                padding: 0px;
                background: #b1dee2;    
                color: #3c8890;
            }
            
            .antworter {
                padding: 10px 10px 5px 10px;
            }
            
            .antworter h2 {
                color: #2A6668;
            }
            
            .antwort {
                padding: 0px 10px 10px 10px;
            }
            
            /** Showcase styling **/
            
            .showcase {
                background: #efefef;
                border: 1px solid #CFCFCF;
                padding: 10px;
                width: 616px;
                margin: 0 0 3px 0;
                border-radius: 5px;
            }
            
            .comment_showcase {
                margin: 0 0 0 20px;
            }
            
            /** downloads styling **/
            
            .downloads {
                background: #efefef;
                border: 1px solid #CFCFCF;
                padding: 10px 10px 2px 10px;
                width: 610px;
                margin: 0 0 6px 0;
                border-radius: 5px;
            }
            
            .downloads .pic {
                vertical-align: top;
            }
            
            .downloads a {
                text-decoration: none;
            }
            
            
            /** mosaic styling **/
            
            .details{
                margin: 8px 10px;
                text-align: left;
            }
            
            .dgns {   /**designs**/
                margin: 0px 10px;
                padding: 0px;
                text-align: left;
            }
            
            .dgns h4 {
                margin: 10px 0 7px 0px;
                line-height: 0px;
            }
            
            .dgns img {
                padding: 0px;
                margin: -4px 0px;
            }
            
			h4{
                font:300 16px 'Helvetica Neue', Calibri, Arial, sans-serif;
                line-height:140%;
                color:#fff;
                text-shadow:1px 1px 0 rgb(0,0,0);
                line-height: 0px;
                padding: 0px;
                margin: 15px 0 10px 0px;
            }
			.details p{
                font:300 12px 'Lucida Grande', Tahoma, Verdana, sans-serif;
                color:#aaa;
                text-shadow:1px 1px 0 rgb(0,0,0);
                padding: 0px;
                margin: 0px;                
            }
            
            .details a, .details a:hover{ text-decoration:none; } 
            .clearfix{ display: block; height: 0; clear: both; visibility: hidden; }

            .teampic {
              border: 1px solid #9bb5b6;
              padding: 8px;
              background-image: url("dateien/bilder/backgroundTeam.png");
              width: 120px;
              height: 192px;
}
            .askus a {
                margin: 0px;
                padding: 2px;
                background: #fff;
                color: #494948;
                border: 1px solid #c9c9c9;
                box-shadow: inset 0px 2px 2px #efefef;
                font: normal 10.5pt Calibri, Verdana;
            }
            

.teampic div {
  width: 120px;
  height: 192px;
 
}