@charset "utf-8";
/* Allgemeine Formatierungen für alle Templates */
html, body {
        margin:0;
        padding:0;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 10pt;
        color: #444;
        margin: 0px;
        padding: 0px;
 }
h1, h2, h3, h4, h5, h6 {
        font-family: "Trebuchet MS", Candara, Arial, Helvetica, sans-serif;
        font-weight: normal;
        margin-bottom:5px;
}
h1 {
        font-size: 24px;
}
h1:first-letter {
        text-transform: uppercase;
        font-size: 28px;
}
h2 {
        font-size: 19px;
}
h3 {
        font-size: 15px;
}
h4 {
         color:#7da930;
         font-size: 10.5pt;
  }
h5 {
         color:#808080;
         font-size: 11pt;
}
h6 {
         color:#808080;
         font-size: 13pt;
}
p {
         margin:0 0 10px 0;
}
.alert, span.alert {
        color:#808080;
        padding-left: 20px;
        padding-bottom: 10px;
        padding-top: 5px;
        background:url(../orange/images/alert.gif) top left no-repeat;
        display: block;
}
hr {
height: 1px;
border-top: 1px dotted #ccc;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
float:clear;
}
.comment, span.comment { padding: 2px 0px 0px 25px; background:url(../orange/images/comment_end.gif) top left no-repeat; }
.comment_end, span.comment_end {margin: 10px 0px 0px 4px; padding-right:20px;background:url(../orange/images/comment.gif) top left no-repeat; }
.left {
        float: left;
        padding: 6px;
        margin: 0 6px;
}
.right {
        float: right;
        padding: 6px;
        margin: 0 6px;
}
a {
        color:#333333;
}
a:hover {
        text-decoration: none;
}
.clear {
        clear: both;
        }

ul, li {
margin: 0;
padding: 0;
}
img.kollege {
        float:right;
        padding: 6px;
        margin-left:10px;
        border: thin dotted #ccc;
}
img.pfeil_publikation {
        margin: 1px 5px 3px 0px;
        float:left;
}
#top_right {
        float: right;
        width: 530px;
        margin-top: 120px;
}
#logo {
        margin: 0;
        float: left;
        height: 38px;
        width: 317px;
}
#logo img {
        border: 0;
}
#topsection{
        height: 170px; /*Height of top section*/
        background: url(../orange/images/top_bg_001.jpg) top left no-repeat;
}
fieldset {
        border:0;
}
input {
    width: 109px;
    height: 20px;
    padding: 5px 5px 0px 5px;
        margin-right: 3px;
    border: 4px solid #fff;
    background: #fff url(../default/images/input_bg.gif) top left;
    font: normal 1em/normal Arial, Helvetica, sans-serif;
}
.input_200 {
    width: 190px;
    height: 20px;
    padding: 5px 5px 0px 5px;
    margin-right: 3px;
    border: 4px solid #fff;
    background: #fff url(../default/images/input_bg_200.gif) top left;
    font: normal 1em/normal Arial, Helvetica, sans-serif;
}
.button {
        margin: 0;
        padding: 0;
        width: 120px;
        height: 25px;
        display: block;
        text-align: center;
        line-height: 24px;
        color: #FFFFFF;
        border: 0;
        background: url(../orange/images/button.gif) top left;
}
.button_red {
        margin: 0;
        padding: 0;
        width: 120px;
        height: 25px;
        display: block;
        text-align: center;
        line-height: 24px;
        color: #FFFFFF;
        border: 0;
        background: url(../default/images/button_red.gif) top left;
}

/* Search */

#search {
        width: 200px;
        float: right;
}

#search form {
        margin: 3px 0 0 0;
        padding: 0;
}

#search fieldset {
        margin: 0;
        padding: 0;
        border: none;
}
/* Breadcrumbs */
#breadcrumbs {
        width: 80%;
        height:16px;
        font-size: 11px;
        color: #999999;
        margin: 0px 0px 5px 200px;
        float:left;
}
*html #breadcrumbs {
        margin: 0px 0px 20px 100px;
}
#breadcrumbs a {
        color: #999999;
        text-decoration: underline;
        }
#breadcrumbs a:hover {
        text-decoration: none;
        }
#wrapper {
        margin-top: 12px;
}
#contentwrapper{
        float: left;
        width: 100%;
        margin-top:10px;
}

#contentcolumn{
        margin: 0 295px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
        background: url(../orange/images/content_line_right.gif) center right no-repeat;
}
#contentcolumn h1{
        margin: 0 0 10px 0 ;
}
#contentcolumn a.nachoben {
        background: url(../orange/images/nachoben.jpg) top right no-repeat;
        height: 20px;
        width: 300px;
        float: right;
        text-decoration: none;
}

/*#contentcolumn p{
        clear:both;
}*/
/* NEU ----------------------------------------------------------------------------------------------------*/
#contentcolumn ul li, .teaser_content ul li{
        padding-left:12px;
        list-style: none;
        background: url(../orange/images/content_li.gif) top left no-repeat;
        margin-left: 10px;
        margin-bottom: 6px;
}
#gallery ul li {
    display: inline;
    margin: 0;
    list-style: none;
    background-image: none;
}
div.taglinks {
    margin: 4px 0 5px 0;	
}

/*----------------------------------*/
#leftcolumn{
        float: left;
        width: 200px; /*Width of left column*/
        margin-left: -100%;
        margin-top: 38px;
}
#leftcolumn .innertube {
        margin-right: 20px;
}
#rightcolumn{
        float: right;
        width: 300px; /*Width of right column*/
        margin-left: -300px;
        padding-bottom: 10px;
        font-size:9pt;
}
.teaser {
        background: url(../orange/images/teaser_bg.gif) bottom right no-repeat;
        width: 300px;
        margin: 5px 0 0 0;
}
.teaser h3 {
        color: #74a321;
        font-size:16px;
        margin: 0 15px 5px 0;
}
.teaser .date {
        color: #ccc;
        font-size:10px;
        text-align: right;
        padding: 10px 0 12px 10px;
}
.teaser_content{
        width: 270px;
        display: block;
        padding: 2px 20px 15px 10px;
}
.teaser_content img {
         margin: 6px;
         padding: 0;
}
.teaser_content a {
        color:#333333;
}
.teaser_content a:hover {
        text-decoration: none;
}
#footer{
        clear: both;
        width: 100%;
        color: #999999;
        padding: 16px 0;
        background-image: url(../orange/images/footer_bg.gif);
        font-size: 11px;
}
*html #footer p {
        margin: 0px 0px 20px 100px;
}
#footer p {
        margin: 0px 0px 20px 200px;
        float: left;
        }
#footer div#oben {
        float: right;
        margin-right: 25px;
}
#footer a{
        color: #999999;
}

.innertube{
        margin-top: 0;
        margin-right: 40px;
        min-height: 440px;
}
*html .innertube{
        height: 450px;
}
.seminarbewertung {
        margin: 32px 0 0 17px;
}
.seminarbewertung img{
        border: 0px;
}
/* EmailForm
------------------------------------------------------------------------------- */
#EmailForm {
        text-align: left;
        padding-bottom: 20px;
        border: none;
}

input_checkbox {
        width: 15px;
        height: 15px;
		margin:0;
		padding:0;
		background: none;
		border: 1px solid #ddd;
}
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;	
}
#EmailForm textarea {
        width: 390px;
        height: 199px;
        padding: 1px 5px 0 5px;
        border: 4px solid #fff;
        background: #fff url(../orange/images/input_area.jpg) top center;
        font: normal 1em/normal Arial, Helvetica, sans-serif;
}
#EmailForm input_200 {
    width: 220px;
    height: 20px;
    padding: 5px 5px 0px 5px;
    margin-right: 3px;
    border: 4px solid #fff;
    background: #fff url(../orange/images/input_bg_long.gif) top left no-repeat;
    font: normal 1em/normal Arial, Helvetica, sans-serif;
}
#EmailForm input.button {
        margin: 0;
        padding: 0;
        width: 120px;
        height: 25px;
        display: block;
        text-align: center;
        line-height: 24px;
        color: #FFFFFF;
        border: 0;
        background: url(../orange/images/button.gif) top left;
}

/* Ajax Search Button auch f�r E-Mail Form*/
#search #ajaxSearch_input {
    width: 109px;
    height: 20px;
    padding: 5px 5px 0px 5px;
    margin-right: 3px;
    border:0;
    background: #fff url(../orange/images/input_bg.gif) top left;
    font: normal 1em/normal Arial, Helvetica, sans-serif;
}

#search #ajaxSearch_submit  {
        margin: 0;
        padding: 0;
        width: 62px;
        height: 25px;
        margin: 2px 0 0 0;
        padding: 0 5px 3px 10px;
        color: #FFFFFF;
        border: 0;
        background: url(../orange/images/search_btn.gif) top left;
}
.ajaxSearch_highlight {
    background-color: #ffe7c1;
}

/* Gästebuch */
.easyEventsList_group{
}
.easyEventsList_heading{
    color: #133e98;
	margin-bottom: 6px;
	font-weight:bold;
}
.easyEventsList_events{
}
.easyEventsList_item{
/*border-bottom: 1px dotted #999999;*/
margin-bottom: 3px;
margin-bottom: 3px;

}
.easyEventsList_time{
	font-size: 85%;
	color:#555;
}
.easyEventsList_title a {
color: #000;
}
.easyEventsList_title a:hover {
color: #BA975E;
}
.speech-bubble
  {
   width: 90px;
   padding: 5px;
   margin: 0 auto; 
   text-align: center;
   background: #bc9f3a;
   color: #000;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
float: right;
  }
.speech-bubble:after
  {
   content: "";
   border: solid 5px transparent; /* set all borders to 10 pixels width */
   border-top-color: #bc9f3a; /* the callout */
   border-bottom: 0; /* we do not need the bottom border in this case */
   width: 0;
   height: 0;
   overflow: hidden;
   display: block;
   position: relative;
   bottom: -10px; /* border-width of the :after element + padding of the root element */
   margin: auto;
  }
.speech-bubble a {color: #fff;}
  .speech-bubble-comment
  {
   width: 98%;
   padding: 5px;
   background: #F5F5F1;
   color: #000;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   margin-bottom: 10px;
  }
  .speech-bubble-comment:after
  {
   content: "";
   border: solid 5px transparent; /* set all borders to 10 pixels width */
   border-top-color: #F0F8FF; /* the callout */
   border-bottom: 0; /* we do not need the bottom border in this case */
   width: 0;
   height: 0;
   overflow: hidden;
   display: block;
   position: relative;
   bottom: -10px;
   left: -200px;/* border-width of the :after element + padding of the root element */
   margin: auto;
  }
  .innertube textarea {
  border: 1px dotted #ccc;
  }
  .jot-form input[type="submit"]  {
        height: 25px;
		width: 119px;
        margin: 2px 0 0 4px;
        padding: 0 5px 3px 5px;
        border: 0;
		background-color: #70A419;
}