* {
    margin:0;
    padding:0;
    border:0;
    font-family:Helvetica,Arial,sans-serif;
}

html {
    background-color:#c7c7c7;
    background-image:url(gfx/verlauf.png);
    background-repeat:repeat-x;
}

body {
    font-size:10pt;
    text-align:center;
    background-image:url(gfx/bg.png);
    background-repeat:no-repeat;
    background-position:50% 0;
}

#page-outer {
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    background-image:url(gfx/pagebg.png);
    background-repeat:repeat-y;
    text-align:center;
}

br { clear:both; }

div.hr {
    height:1px;
    background-image:url(gfx/dotted.png);
    background-repeat:repeat-x;
    clear:both;
}

#page {
    width:980px;
    margin-left:auto;
    margin-right:auto;
    background-color:white;
    text-align:left;
}

#topline {
    text-align:right;
    padding:3px 10px 3px 5px;
}

#topline a {
    color:#666666;
    text-decoration:none;
}
#topline a:hover { text-decoration:underline; }

#permalinks {
    display:block;
    margin-top:35px;
    font-size:12pt;
}
#permalinks li {
    display:inline;
    padding-left:20px;
    background-image:url(gfx/linkseparator.jpg);
    background-repeat:no-repeat;
    background-position:7px 3px;
}
#permalinks li.first { background:none; }
#permalinks a {
    color:#666666;
    text-decoration:none;
}
#permalinks a:hover {
    color:black;
}

#languages {
    margin-left:30px;
    }

#header-left {
    width:235px;
    float:left;
}

#header-right {
    width:745px;
    float:left;
}

#menu {
    display:block;
    width:235px;
}

#menu.long {
    float:left;
    width:200px;
}

#menu li {
    display:block;
    width:162px;
    border-bottom:1px solid #9b9b9b;
    margin-top:20px;
}

#menu li.active {
    border-color:black;
}

#menu a {
    color:#515151;
    font-size:12pt;
    text-decoration:none;
    padding-left:45px;
}

#menu a:hover, #menu li.active a { color:black; }

#info {
    height:64px;
    overflow:hidden;
}

#info p {
    margin:0;
    padding-top:10px;
    font-size:13pt;
}

#content {
    min-height:200px;
    padding:15px 45px 20px 45px;
}

#footer {
    display:block;
    background-color:#e3e3e3;
    padding:5px;
    text-align:center;
}

#footer li {
    display:inline;
    padding-left:85px;
    padding-right:85px;
}

#haensellogo { float:left; margin:10px 0 10px 25px; }

#closer {
    padding:15px 10px 10px 10px;
    background-image:url(gfx/closer.png);
    background-repeat:no-repeat;
    text-align:center;
    font-size:9pt;
    width:980px;
    margin-left:auto;
    margin-right:auto;
}

#closer a { color:black; }
#closer a:hover { text-decoration:none; }

table td { font-size:10pt; }
table.doublecolumn, table.tripplecolumn {
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
}

p { margin-top:10px; margin-bottom:10px; }
p br { clear:none; }

table.doublecolumn td { width:50%; vertical-align:top; }
table.doublecolumn td.left { padding-right:22px; }
table.doublecolumn td.right { padding-left:22px; }

table.tripplecolumn td { vertical-align:top; }
table.tripplecolumn td.left { width:33%; }
table.tripplecolumn td.middle { width:34%; }
table.tripplecolumn td.right { width:33%; }

h2, table h1 {
    color:#646464;
    font-size:10pt;
    margin-bottom:10px;
    font-weight:bold;
}

h1 {
    color:black;
    font-size:17pt;
    margin-bottom:15px;
    margin-top:0;
    font-weight:normal;
}

#longcontent {
    float:right;
    min-height:400px;
    text-align:left;
    width:740px;
    padding-right:20px;
    padding-top:10px;
}

#longcontent.wirsindhaensel {
    float:right;
    min-height:400px;
    text-align:right;
    width:760px;
    padding:0;
}
#longcontent.wirsindhaensel table {
    width:730px;
    margin-top:0;
    margin-right:15px;
    margin-left:15px;
}
#longcontent.wirsindhaensel .doublecolumn .right { padding-left:10px; }
#longcontent.wirsindhaensel .doublecolumn .left { padding-right:10px; }

.csc-mailform, .form {
    text-align:left;
    width:460px;
    margin-left:auto;
    margin-right:auto;
}

.csc-mailform-field, .formrow {
    clear:both;
    margin-bottom:0.5em;
}

.csc-mailform label , .form label {
    width:150px;
    display:block;
    float:left;
}

.csc-mailform input, .csc-mailform textarea, .form input, .form textarea {
    width:300px;
    border:1px solid gray;
    padding:2px;
}

.csc-mailform-submit, .submit {
    border:1px solid gray;
    font-weight:bold;
    color:gray;
    background-color:white;
    cursor:pointer;
    width:auto !important;
    padding:5px 15px 5px 15px;
    margin-left:150px;
}

.csc-mailform-submit:hover, .submit:hover {
    background-color:lightgray;
}

div.breaker {
    height:1px;
    visibility:hidden;
    overflow:hidden;
    clear:both;
}

/* IE fixes */

* html div#page {
    width:980px;
    overflow:hidden;
}

* html div#closer { width:1000px; }

* html div.hr {
    height:1px;
    margin-bottom:-15px;
}

* html div#info { margin-top:-3px; }

#content table {
    width:900px !important;
}

/** html div#page { width:990px; }*/

/************ NEWS STYLES *******************/

.news-list-item {
    border:1px solid #9b9b9b;
    padding:10px;
    margin-bottom:10px;
}

.news-list-item h3 a {
    font-size:12pt;
    color:black;
    text-decoration:none;
}

.news-list-item h3 a:hover { text-decoration:underline; }

.news-list-date {
    margin-right:10px;
    color:gray;
    float:right;
    font-size:10pt;
}

.news-single-author { display:none; }

.news-list-morelink {
    text-align:right;
}

.news-list-morelink a {
    color:gray;
    text-decoration:none;
}

.news-list-morelink a:hover { color:black; }

.news-single-item h2 {
    font-size:15pt;
    margin-bottom:10px;
}

.news-single-item h3 {
    font-size:11pt;
    color:#646464;
}

.news-single-timedata {
    text-align:right;
    font-size:10pt;
    color:#646464;
}

.news-single-backlink {
    margin-top:20px;
}

.news-single-backlink a {
    border:1px solid black;
    background-color:none;
    padding:3px 10px 3px 10px;
    color:black;
    text-decoration:none;
    font-weight:bold;
}

.news-single-backlink a:hover{ background-color:lightgray; }

/******** Galerie Kram ********************/

.hlink {
    color:gray;
    text-decoration:none;
}

.hlink:hover { color:black; }