/* base
----------------------------------------------- */

body {
margin: 0;
padding: 0;
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
color: #000;
background: url(/ui/background_860.gif) 50% repeat-y #fff;
}

blockquote, h4, h3, p, li, dt, dd {
padding-right: 10px;
padding-left: 10px;
font-size: 0.9em;
line-height: 1.5em;
}

blockquote {
margin-right: 0;
margin-left: 20px;
}

h1, h2 {
font-weight: normal;
}

h1, h2 {
font-family: Georgia, Times, serif;
}

h1 {
font-size: 3em;
}

h2 {
font-size: 1.2em;
padding-left:10px;
margin-bottom:0.3em;}

h3 {
padding-left:10px;
padding-top: 10px;
margin:0;
}

h4 {
padding-left:10px;
padding-top: 10px;
margin:0;
color:#555;
}

p {
margin: 0 0 10px 0;}

dt {
}
dt a {
color:#FF0041;
}
dd {
padding:0 20px 10px 10px;
margin-left:0;
}

small, .small {
font-size: 0.9em;
}
#contact .small {
font-size: 0.7em;
}

/* links
----------------------------------------------- */

a {
text-decoration: none;
color: #000;
background-color: inherit;
border-bottom: 1px #000 solid;
}

h1 a, h2 a, h3 a {
border: none;
}

h3 a {
font: 1.5em Georgia, Times, serif;
}

/* overrides
----------------------------------------------- */

#content hr {
margin: 2em 0;
width: 66%;
color: #ccc;
background-color: inherit;
}

.caps {
font-size: 0.9em;
letter-spacing: 0.1em;
}

img.divider {
margin: 2em 0;
text-align: center;
}



/* global layout
----------------------------------------------- */

#accessibility {
position: absolute;
top: -10000px;
}

#container {
margin: 10px auto;
padding: 0px 20px 0px 20px;
width: 820px;
background:#fff;
}

#head {
height: 75px;
text-align: left;
border-bottom: 1px dotted #FF0041;
}

#head h1 {
font-size:2.5em;
line-height:1em;
padding:13px 0 0 4px;
margin:0;
color:#5C351A;
}

#head h1 a {
color:#5C351A;
background: url(/ui/uniterra_logo.gif) 0 0px no-repeat #fff;
height:55px;
width:350px;
display:block;
text-indent:-9999em;
}

#help #head { height:60px; }

#help #head h1 { padding-top:0; }

#help #head h1 a {
background: url(/ui/uniterra_logo_help.gif) 0 0px no-repeat #fff;
}

#head h2 {
font-size:0.8em;
line-height:0.8em;
padding:0;
padding-left:4em;
margin:0;
color:#FF0041;
text-indent:-9999em;
}

#search {
float:right;
font-size:0.8em;
}

#search fieldset {
background: url(/ui/searchbox.gif) 100% 9px no-repeat #fff;
margin:0;
padding:0;
border:0;
width:187px;
}


#search fieldset label {
font-size:0.85em;
padding-right:3px;
vertical-align:bottom;
}

#search input {
background: #fff;
border:0;
margin:1px;
width:133px;
padding:3px;
font-size:0.85em;
}

#search input:hover {
background: url(/ui/searchbox_hover.gif) 100% 100% no-repeat #fff;
/* IE hover behavior */
behavior: url("/css/csshover2.htc");
}

/* unstyle search box for safari + omniweb */
html[xmlns*=""] body:last-child #search fieldset { background:none;margin-top:5px; }
html[xmlns*=""] body:last-child #search input { width:140px; }


#menu {
float:left;
width:180px;
height:150px;
border-bottom: 1px dotted #FF0041;
}

#menu ul {
list-style-type:none;
margin:0;
padding:8px 0 0 2px;
}

#menu ul li {
margin:0;
padding:0;
}

#menu ul li a {
display:block;
width:120px;
height:22px;
border-bottom:none;
color:#5C351A;
text-indent:-9999em;
}

#menu ul li a:hover {
border-bottom:none;
color:#FF0041;
}

#head h1 a:focus,
#menu ul li a:focus {
outline:none;
}

#menu ul li#menu_about a {
background: #fff url(/ui/uniterra_menu.gif) 0 0;
}
#menu ul li#menu_about a:hover {
background: #fff url(/ui/uniterra_menu.gif) 120px 0;
}
#menu ul li#menu_institutes a {
background: #fff url(/ui/uniterra_menu.gif) 0 -22px;
}
#menu ul li#menu_institutes a:hover {
background: #fff url(/ui/uniterra_menu.gif) 120px -22px;
}
#menu ul li#menu_links a {
background: #fff url(/ui/uniterra_menu.gif) 0 -44px;
}
#menu ul li#menu_links a:hover {
background: #fff url(/ui/uniterra_menu.gif) 120px -44px;
}
#menu ul li#menu_calendar a {
background: #fff url(/ui/uniterra_menu.gif) 0 -66px;
}
#menu ul li#menu_calendar a:hover {
background: #fff url(/ui/uniterra_menu.gif) 120px -66px;
}
#menu ul li#menu_articles a {
background: #fff url(/ui/uniterra_menu.gif) 0 -88px;
}
#menu ul li#menu_articles a:hover {
background: #fff url(/ui/uniterra_menu.gif) 120px -88px;
}
#menu ul li#menu_faq a {
background: #fff url(/ui/uniterra_menu.gif) 0 -110px;
}
#menu ul li#menu_faq a:hover {
background: #fff url(/ui/uniterra_menu.gif) 120px -110px;
}

#pagehead {
position:relative;
margin-left:200px;
height:150px;
border-bottom: 1px dotted #FF0041;
}

#pagehead h2 {
position:absolute;
top:80px;
padding-left:0;
font-size:2em;
display:block;
width:100%;
}

#pagehead #logo {
position:absolute;
right:20px;
bottom:15px;
width:300px;
height:100px;
overflow:hidden;
z-index:5;
}

#pagehead #logo img {
position:absolute;
right:0;
bottom:0;
}

#contactinfos,
#sidebar {
clear:both;
margin-right: 5px;
padding-top: 100px;
padding-bottom: 100px;
float: left;
width: 180px;
\width: 180px;
w\idth: 180px;
font-size:0.75em;
color:#92644a;
}


#sidebar {
padding-top:30px;
}


#sidebar ul {
margin-left:0;
padding-left:4px;
list-style-type:none;
}

#sidebar li {
padding-left:0px;
padding-bottom: 8px;
padding-left:8px;
background: url(/ui/list_single-arrow.gif) #fff 0px 7px no-repeat;
}

#about        #sidebar li,
#associations #sidebar li,
#articles     #sidebar li { padding-bottom:2px; }

#associations #content h3 {
background:transparent url(/ui/bg_beige.gif) repeat scroll 0%;
color:#5C351A;
margin-left:10px;
padding:2px 0pt 3px 6px;
}

#associations dt {
padding-top:10px;
padding-bottom:5px;
}

#associations dd p {
padding-left: 0;
font-size:1em;
}

/* bit larger for safari + omniweb */
html[xmlns*=""] body#associations:last-child dd { font-size:0.8em; }

#associations dt:after {
padding-left:6px;
content: url(/ui/link_extern.gif);
}

#contactinfos {
padding-top:70px;
}

#contactinfos p
{
padding:0;
margin:10px 0 0 0;
}

#contactinfos a {
border-bottom:none;
}

#sidebar p a {
color:#92644a;
border-bottom:1px dotted #ff0041;
}

#contactinfos p a,
#sidebar ul a {
color:#ff0041;
border-bottom:none;
}

#contactinfos a:hover,
#sidebar a:hover {
color:#FF0041;
border-bottom:1px dotted #ff0041;
}

#contactinfos .address {
padding:0;
margin:0;
}

#content {
font-family: Georgia, Times;
margin: 0 0px 0 190px;
padding-top: 0px;
}

#associations #content,
#contact      #content,
#about        #content,
#signup       #content,
#searchpage   #content,
#faq          #content { padding-top:30px; }

#institutes   #content,
#events       #content { padding-top:20px; }

#events       #sidebar,
#articles     #sidebar,
#institutes   #sidebar { padding-top:40px; }
#events       #sidebar.data { padding-top:25px; }

#content p,
#content ol, 
#content ul,
#content dl {
color:#555;
padding-right:75px;
}

#content ol ul,
#content ul ul {
padding-left:0px;
margin-left:15px;
padding-right:0;
}

#content a {
color:#000;
border-bottom:1px dotted #ff0041;
}
#content a:hover {
color:#ff0041;
}

#content ul,
#content ol {
margin-top:0;
padding-top:0;
padding-left:35px;
margin-left:0;
}

#content ul li,
#content ol li {
padding-left:5px;
margin-left:0;
}

#content p.place, .event_date {
margin-left:10px;
margin-bottom:5px;
padding-top: 5px;
padding-left:0px;
font-family:verdana;
font-size:0.70em;
color:#FF0041;
}

#events #content p.place {
color:#92644a;
}
#events #content p.place span {
color:#FF0041;
}

#content img {
padding:10px 0 0 10px;
}

#content .event_listing img {
float:left;
padding:5px 14px 0 10px;
}

#default #content img {
padding:0;
}

#foot {
margin-top: 85px;
clear: both;
text-align: left;
font-size:0.7em;
border-top: 1px dotted #FF0041;
padding:0;
color:#92644a;
}

#foot p {
margin-top: 5px;
padding:0;
}

#foot .pagecontrols {
float:right;
}

#foot a {
text-decoration:none;
border-bottom:none;
color:#92644a;
}

#foot a:hover {
text-decoration:none;
color:#c30;
}


/* startseite (default)
----------------------------------------------- */

#default #content {
border-left: 1px dotted #ff0041;
margin-top:0;
padding-top:0;
margin-left:200px;}

#default #content p.first {
clear:both;
padding-top:25px;
border-top: 1px dotted #ff0041;
}


#default #content em {
display:block;
color:#ff0041;
padding-bottom:70px;
}

#default .teaser {
display:block;
overflow:hidden;
width:200px;
height:260px;
float:left;
border-right:1px dotted #ff0041;
}

#default .teaser .img {
height:115px;
background:#eee;
}

#default #teaser_1 .img { background-color:#efe6ce; color:#e0684f; }
#default #teaser_2 .img { background-color:#e0684f; color:#6d4122; }
#default #teaser_3 .img { background-color:#6d4122; color:#efe6ce; }

#default .teaser h3 {
font-style: italic;
font-weight: bold;
padding: 10px 5px 5px 10px;
}

#default #content .teaser p {
font-family: verdana, arial, sans-serif;
font-size: 0.7em;
padding: 0px 5px 0px 10px;
}

#default .teaser .deeplink {
text-align:left;
}


#institutes #content h2 {
padding-left:0;
margin-top:1.5em;
padding-bottom:.3em;
text-transform:uppercase;
font-size:.85em;
background:transparent url(/ui/bg_beige.gif) repeat scroll 0%;
color:#5C351A;
margin-left:10px;
padding:2px 0pt 3px 5px;
}


#events #content h2 {
padding-left:0;
margin-top:1.5em;
font-size:1em;
margin-left:10px;
background:transparent url(/ui/bg_beige.gif) repeat scroll 0%;
color:#5C351A;
padding:2px 0pt 3px 6px;
}

#events #content h2.summary { 
background:none;
padding-left:0;
color:#000;
font-weight:bold;
}

#institutes .institute_listing,
#events .event_listing {
padding-bottom:1em;
overflow:auto;}

#institutes .institute_listing p {
padding-right:120px;
}

#institutes .institute_listing p.place {
color:#ff0041;
border-top: 1px dotted #FF0041;
margin:0;
margin-left:10px;
}

#events .event_listing .event_date {
border-top: 1px dotted #FF0041;
margin:0;
margin-left:10px;
color:#ff0041;
}

#institutes .institute_listing .listlinks {
float:right;
padding-right:30px;
font-family: verdana, arial;
color:#92644a;
}

#institutes .institute_listing a,
#events .event_listing a {
font-size:0.75em;
font-family: verdana, arial;
color:#92644a;
border-bottom:none;
}

#events #sidebar li,
#institutes #sidebar li {
padding-bottom:0;
margin-left:8px;
}

#events .event_listing a {
float:right;
}

#events .event_listing h3 {
padding-top:0.25em;
font-style:italic;
}

#events .event_listing p {
margin-bottom:0;
}

#events .event_listing p.event_location,
#events #content p.more {
font-family: verdana, arial;
padding:0px 0 5px 10px;
}

#events .event_listing p.more {
padding:0 10px 20px 0;
line-height:1em;
}

#events p.location {
font-size:0.70em;
font-family: verdana, arial;
padding:0px 0 5px 10px;
color:#555;
}

#events p.more a {
font-size:0.75em;
border-bottom:none;
color:#92644a;
}

#events p.more a:hover {
border-bottom:1px dotted #ff0041;
color:#ff0041;
}

#institutes .institute_listing a:hover,
#events .event_listing a:hover {
color:#FF0041;
border-bottom:1px dotted #FF0041;
}
#events .event_listing a.event_link {
margin-right:30px;
}

.hidden {
display:none;
}

.klickfeld:hover h3,
.klickfeld:hover p {
color:#000 !important;
} 


/* search results
----------------------------------------------- */

#searchpage #content .search_result h3 a {
font-size:1em;
font-weight:bold;
}

#searchpage #content .search_result p {
font-size:0.7em;
padding:0 25px 0 10px;
margin:0;
}

#searchpage #content .search_result ul {
font-family:verdana, arial, sans-serif;
font-size:0.7em;
padding:0 0 0 25px;
margin:0;
padding:3px 0 15px 10px;
list-style-type:none;
}

#searchpage #content .search_result li {
padding:0;
margin:0;
padding-left:10px;
background: url(/ui/list_single-arrow.gif) 0 55% no-repeat;
}

#searchpage #content .search_result li a {
text-decoration:none;
border-bottom:none;
color:#92644a;
}
#searchpage #content .search_result li a:hover {
border-bottom:1px dotted #ff0041;
color:#ff0041;
}

/* signup forms
----------------------------------------------- */

#signupform {
background-color:#EFEBE9;
margin-left:10px;
margin-right:30px;
padding:15px;
}

#signupform dt {
padding:5px 0 3px 0;
font-size:.9em;
color:#000;
}

#signupform dd {
padding:0px;font-size:.9em;
}

#signupform dd.warning {
padding:1px;
font-size:.75em;
color:#ff0041;
}

#signupform dd input {
width:350px;
padding:3px;
}

/* contact forms
----------------------------------------------- */

#content .infobox {
display:block;
background-color:#ffffcc;
border:1px #c30 dotted;
padding:5px 10px;
margin:10px 0 10px 10px;
}

/*
#contact #content h3 {
padding-top:0;
}

#contact #content form {
margin:10px 0 0 10px;
background-color:#EFEBE9;
}

#contact #content form fieldset {
padding:15px;
margin:0;
border:0;
}
#contact #content form legend {
display:none;
}

#contact #content form input {
display:block;
}
#contact #content form label {
font-size:0.9em;
line-height:1.5em;
}

#contact #content form label span {
padding-left:0.5em;
font-size:0.72em;
font-family:verdana, arial, sans-serif;
}

#contact #content form input.zemText {
padding:3px;
width:60%;
margin-bottom:0.5em;
}

#contact #content form input.zemText.short {
width:38%;
}

#contact #content form textarea {
padding:3px;
width:98%;
margin-bottom:0.5em;
}

#contact #content form textarea.txtarea_medium {
height:100px;
}
#contact #content form textarea.txtarea_big {
height:200px;
}

#contact #content form input.zemSubmit {
margin-top:10px;
padding: 2px 15px;
}

#contact #content input.zemRequirederrorElement,
#contact #content textarea.zemRequirederrorElement {
border: 1px #ff0041 solid;
}

#contact #content label.zemRequirederrorElement {
color:#ff0041 ;
}

#contact #content ul.zemError {
padding: 6px 0 6px 25px;
background-color:#ff0041;
color:#fff;
border:#fff solid 4px;
margin:-3px -3px 5px -3px;
}

#contact #content fieldset hr {
border:2px solid #fff;
width:100%;
margin:18px 0 10px 0;
}

*/

#contact #content p.deeplink,
#help #content p.deeplink {
text-decoration:none;
border-bottom:none;
margin-left:10px;
background: url(/ui/list_single-arrow.gif) 0 55% no-repeat;
}

#contact #content p.deeplink a,
#help #content p.deeplink a {
border-bottom:none;
}
#contact #content p.deeplink a:hover,
#help #content p.deeplink a:hover {
border-bottom:1px dotted #ff0041;
}


/* articles
----------------------------------------------- */


#articles h3,
#default h3 {
border-top: 1px dotted #FF0041;
margin:0;
}

#articles .article_author, 
#articles .deeplink,
#default .article_author,
#default .deeplink {
font-size:0.70em;
font-family: verdana, arial;
padding:0px 0 5px 10px;
color:#92644a;
}

#articles .article_category,
#default .article_category {
display:inline-block;
background:url(/ui/bg_beige.gif);
border:none;
color:#ff0041;
font-size:0.75em;
line-height:1em;
text-transform:uppercase;
letter-spacing:0.5px;
padding:2px 3px;
margin-left:5px;
}

#articles #content .deeplink a,
#default #content .deeplink a {
text-align:right;
color:#92644a;
border-bottom:none;
}

#articles #content .deeplink a:hover,
#default #content .deeplink a:hover {
border-bottom:1px dotted #ff0041;
}

.nextprev {
margin-top:30px;
}
.nextprev a {
font-family:verdana, arial, sans-serif;
font-size:0.75em;
color:#92644a;
border-bottom:none;
padding-left:15px;
}
#content .nextprev a {
color:#92644a;
border-bottom:none;
padding-left:0;
}

#articles #content .deeplink a:hover,
#default #content .deeplink a:hover,
.nextprev a:hover, #content .nextprev a:hover {
color:#ff0041;
}

#content .first {
border-top:none;
}

#contact #content .smallprint {
padding-top:20px;
font-size:0.75em;
}

/* comments
----------------------------------------------- */

.comments_error {
color: #000;
background-color: #fff4f4 
}

ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
color: #000;
background-color: #f1f1f1;
border: 2px solid #ddd;
}

form#txpCommentInputForm td {
vertical-align: top;
}

#mod_submitted h2,
#mod_submitted p {
color:#ff0041;
}

#mod_submitted { 
border: 1px dotted #ff0041;
margin-left:10px;
}

#contact #content h3 {
padding-top:0;
margin-bottom:10px;
}

#contact #content form input.zemText {
padding:3px;
width:60%;
margin:0;
margin-bottom:0.5em;
display:block;
margin-left:10px;
}


#contact #content form input.short {
width:38%;
}

#contact #content form label {
font-size:0.9em;
line-height:1.5em;
margin-left:10px;
}

#contact #content fieldset {
margin:0px 0 0 10px;
background-color:#EFEBE9;
border:0;
width:100%;
padding:10px;
}

#contact #content legend {
margin:0;
padding:0;
display:none;
}

#contact #content form {
padding:0;margin:0;
width:600px;
}

#contact #content fieldset hr {
border:2px solid #fff;
width:97%;
margin: 18px 0px 8px 10px;
}

#contact #content form textarea {
padding:3px;
width:95%;
margin-bottom:0.5em;
margin-left:10px;
}

#contact #content form input.zemSubmit,
#contact #content form input.publish {
margin:10px 0px 5px 10px;
padding: 2px 15px;
}

#contact #content form input.mod_custom_input {
width:38%; display:block;
}

#contact #content form input.mod_custom_input,
#contact #content form input.mod_title_input,
#contact #content form input.short {
margin-left:10px;
display:block;
width:60%;
padding:3px;
}
#contact #content form input.short {
width:38%;
}

#contact #content form textarea.txtarea_medium {
height:100px;
}
#contact #content form textarea.txtarea_big {
height:200px;
}

#contact #content form label span {
padding-left:0.5em;
font-size:0.72em;
font-family:verdana, arial, sans-serif;
}

#contact #content input.zemRequirederrorElement,
#contact #content textarea.zemRequirederrorElement {
border: 1px #ff0041 solid;
}

#contact #content label.zemRequirederrorElement {
color:#ff0041 ;
}

#contact #content ul.zemError {
padding: 6px 0 6px 25px;
background-color:#ff0041;
color:#fff;
border:#fff solid 4px;
margin:-3px -3px 5px -3px;
}

#contact #content .zemThanks {
padding: 6px 10px;
background-color:#fffff;
color:#ff0041;
border:#ff0041 dotted 1px;
font-size:0.9em;
line-height:1.5em;
margin:20px 75px 0 10px;
}

#help #pagehead  {
display:none;
}

#help #sidebar {
padding-top:65px;
}

#help #content {
padding-top:40px;
}

#help h3 {
padding-bottom:1em;
font-size:110%;
}

#help ol {
border-top:1px dotted #ff0041;
padding-top:.3em;
margin-top:1em;
margin-right:100px;
padding-right:0;
margin-left:10px;
padding-left:20px;
font-size:30px;
color:#aaa;
}

#help ol li {
border-bottom:1px dotted #ff0041;
padding-bottom:20px;
margin-bottom:20px;
padding-right:0;
margin-left:-20px;
padding-left:0;
line-height:16px;
}

#help ol li span {
font-size:12px;
color:#7D6655;
}

#help ol li ul li {
font-size:12px;
color:#7D6655;
border-bottom:0;
margin:0;
padding:0.6em 0 0em 0;
list-style-type:disc;
}

#help code {
font-family:Verdana, Tahoma;
font-size:13px;
color:#ff0041;
font-weight:bold;
}

#help ol em {
font-style:normal;
font-weight:bold;
font-family:Verdana, Tahoma;
font-size:13px;
}

#help table {
padding:0;
margin-left:10px;
padding-bottom:20px;
}

#help table th,
#help table td {
width:260px;
background:#f6f6f6;
font-family:georgia, times, sans-serif;
padding:10px 0 10px 20px;
}

#help table th {
background:#fff;
font-family:verdana;
font-size:11px;
padding-bottom:10px;
}

#help table td.textile {
font-family:verdana, arial, sans-serif;
font-size:11px;
border:none;
margin-left:0;
vertical-align:top;
background:#feb;
padding-top:4px;
}

#help table td em {
display:block;
margin:0;
padding:0;
color:#999;
}
#help table td span,
#help table td strong {
font-size:.8em;
}

#help table h3, #help table h4 {
padding:0;
margin:0;
}

#help table ul, 
#help table ol,
#help table ul li,
#help table ol li {
padding:0;
margin:0;
border:0;
font-size:.9em;
line-height:1.3em;
color:#000;
}

#help table ul, 
#help table ol {
padding-left:30px;
}

#help img {
padding:20px 0;
}

#help p.deeplink {
line-height:100%;
}
