/*
 * ######################################################################
 * ##########   Allgemeine Formate   ####################################
 * ######################################################################
*/

/* +++ Headings +++ */
h1 { font-size: 18px; font-weight: bold; color: #747a7d; margin-bottom: 15px; }
h2 { font-size: 14px; font-weight: bold; color: #747a7d; margin-bottom: 15px; }

/* +++ Links +++ */
.news.item a, .internal-link{ padding-left: 10px; color: #4b4b4d; font-size: 11px; font-weight: bold; background: url(../bilder/link.jpg) no-repeat left; }

.footer_cat a:hover { text-decoration: underline; }
.orange {color:#F4A700;}
.headline { color:#4B4B4B;
font-weight:bold; }
.grey { color: #9d9d9d; }

/* +++ Absatz +++ */
p.date{ font-weight: normal !important; line-height: 14px !important; color: #000 !important; }
p { color: #4b4b4b; }
.next p { line-height: 18px; margin-bottom: 25px; padding-right: 10px; font-size: 12px; }

/* +++ Listen +++ */
#main ul { list-style-type: square; margin-left: 14px; margin-bottom: 25px; }
#main ul li { text-decoration: none; color: #4b4b4b; font-size: 11px; line-height: 18px; font-weight: bold; }


/* +++ Generische klassen +++ */
.float_left{float: left;}
.float_right{float: right}
.clearer{clear: both; margin: 0; height: 0;}

table .left { text-align: left; }
table .right { text-align: right; }
table .center { text-align: center; }
.p50 { width: 50px; }

.subcol-50 { width: 47%; margin-right: 3%; margin-bottom: 60px; }
.invers.grey { background: #b7b7b7; color: #fff; padding: 1px 4px; }
.invers.orange { background: #f4a700; color: #fff; padding: 1px 4px; }
.standout{position: relative; left: -25px;}


/*
 * ######################################################################
 * ##########   Startseite   ############################################
 * ######################################################################
*/

/* +++ Teaser +++ */
#teaser_block{ /*background: url(../bilder/teaser.gif) repeat-y center;*/ margin-top: 22px; width: 904px; overflow: hidden; margin-bottom: 23px; }

.teaser_item { width: 280px; position: relative; border-right: 1px solid #f1f1f1; float: left; background: transparent; margin-right: 20px; }
.teaser_item p { font-size: 12px; line-height: 20px; color: #5c6063; margin-right: 20px; }
.teaser_item img { margin-bottom: 5px; }
.teaser_item a.more { float:right;
margin-right:20px; }

/* +++ Features +++ */
#feature_block{ margin-top: 22px; width: 904px; overflow: hidden; margin-bottom: 60px; }

.feature_item { width: 280px; position: relative; /*border-right: 1px solid #f1f1f1;*/ float: left; background: transparent; margin-right: 20px; margin-bottom:20px; }
.feature_item p { font-size: 11px; line-height: 14px !important; font-weight: normal; color: #5c6063; margin-right: 20px; margin-bottom: 5px; }
.feature_item p a { color: #f4a700; text-decoration: none; }
.feature_item p a:hover { text-decoration: underline; }
.feature_item img { margin-bottom: 5px; }
.news_item { position: relative; margin-bottom:10px; }
.news_item a.more, .feature_item a.more {
        float:right;
        margin-top:-5px;
    }

    #nav_search {display:inline;margin-right:60px;}


/*
 * ######################################################################
 * ##########   Rechte Spalte   #########################################
 * ######################################################################
*/

.box.right { background: url(../bilder/box_br.jpg) no-repeat bottom right; padding-bottom: 8px; margin-bottom: 15px; margin-right: -12px; }
.box.right h2 { text-transform: uppercase; color: #f4a700; font-size: 14px; margin-bottom: 8px; }
.box.right p { font-size: 11px; line-height: 13px; padding-right: 15px; margin-bottom: 20px;}
.box.right img { margin-right: 8px; }
.box.right img.float_left { margin-bottom: 15px; }
.box.right .title { display: block; font-size: 11px; font-weight: bold; }

.box.right.blank { background-image: none; }
.box.right.blank p { margin-bottom: 15px; }
.box.right.blank .internal-link { display: block; margin-top: 5px; }
a.internal-link:hover, a:hover, .topics_item:hover a, #breadcrumb a:hover, .box.left a.internal-link:hover { color:#f4a700; }

.box.right.stoerer { background-image: none; position: relative; }
.box.right.stoerer a { position: relative; left: -30px; }

.box.right.sticky{position: relative; left: -20px; padding-left: 20px; margin-right: -20px; background: #f4a700 url(../bilder/box_shadow.png) no-repeat left center; margin-bottom: 20px; }
.box.right.sticky h2 { color: #fff; padding-top: 10px; }
.box.right.sticky a { background-image: url(../bilder/link_invers.jpg); color: #fff; }
.box.right.sticky p { color: #fff; }

.dl_item {border-bottom:1px dotted #EFEFEF;
height:18px;
margin-bottom:4px;
margin-right:21px;
padding:1px 0 4px;
background: url(../bilder/page.png) no-repeat top left;
    }
.dl_text { color: #4b4b4b; padding:0px 5px 0px 23px;}
.dl_text:hover { text-decoration: underline; }
.dl_item.pdf { background: url(../bilder/pdf.jpg) no-repeat -2px -1px; }
.dl_item.doc { background: url(../bilder/doc.jpg) no-repeat top left; }

/*
 * ######################################################################
 * ##########   Aktionsboxen   ##########################################
 * ######################################################################
*/

.box.left { position: relative; height: 200px; }
.box.left .bg { position:absolute; bottom: -30px; left: -25px; z-index: -1; }
.box.left .internal-link { position:absolute; bottom: 0px; left: 0px; }
.box.left .gfx-link { position:absolute; bottom: 0px; left: -5px; }
.box.left a { color: #414142; }

/*
 * ######################################################################
 * ##########   Themen/Unterseiten   ####################################
 * ######################################################################
*/

.topics_item { width:182px; height: 73px; float: left; margin-right: 9px; margin-left:9px; margin-bottom: 15px; padding-top: 2px; padding-left: 5px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
.topics_item.active { background: url(../bilder/topics_hover.jpg) no-repeat top left; cursor: pointer; }
.topics_item p { font-size: 10px; line-height: 12px; padding: 5px 10px 10px; margin-bottom: 15px;}



/*
 * ######################################################################
 * ##########   Profile   ##############################################
 * ######################################################################
*/

.profile td { vertical-align: bottom; }
.profile p { margin-bottom: 0; color: #414142; font-size: 12px; line-height: 14px; }
.profile th { text-align: left; }
.profile h3 { font-size: 12px; color: #414142; margin-bottom: 3px; }
.profile a { font-size: 11px; color: #414142; }

.profile .image { width: 105px; }
.profile .personal { width: 179px; border-right: 1px solid #f3f4f3; }
.profile .vita { background: url(../bilder/vita.jpg) no-repeat 0% 25%; }
.profile .vita p { font-size: 10px; line-height: 14px; padding-left: 15px; color: #888;}

.profile.small .personal p { font-size: 11px; line-height: 12px; }

.profile .spacer { width: 40px;}
.profile .profession {font-size: 10px; line-height: 12px; margin-top: 4px; color: #888; }

.divider { margin-top: 20px; margin-bottom: 15px; background: url(../bilder/divider_dotted.jpg) no-repeat left; }


/*
 * ######################################################################
 * ##########   News   ##################################################
 * ######################################################################
*/

.news.item { min-height: 170px; background: url(../bilder/divider_dashed.jpg) no-repeat bottom; padding: 6px 12px 12px; margin-left: -12px; position: relative; }
.news.item.even { background-color: #fbfbfb; }
.news.item img { margin-right: 20px; margin-bottom: 10px; }
.news.item p { margin-bottom: 0px; }
.news.item .internal-link { position: absolute; bottom: 13px;  }

.filter {position: relative; margin-bottom: 40px;}
.filter form { position: absolute; right: 0px;}
.filter select { width: 215px;  }


/*
 * ######################################################################
 * ##########   Tabellen   ##############################################
 * ######################################################################
*/

.co_table { font-size: 11px; border-collapse: collapse; width: 100%; border-top: 2px solid #d4d4d4; margin-bottom: 30px; color: #4b4b4d; }
.co_table tbody{border-bottom: 0px solid #0000ff;}
.co_table th { padding: 12px 17px 10px; border-bottom: 1px solid #d4d4d4; }
.co_table td { padding: 10px 15px 8px; border-bottom: 1px solid #f4f2f2; }
.co_table .odd { background: #fbfbfb;}
.co_table tr:last-child td { border-bottom: 1px solid #d4d4d4; }
.co_table tr:hover td { background: #eee;}
.co_table .header { background: url(../bilder/bg.gif) no-repeat scroll right center; cursor:pointer;}
.co_table .header.headerSortUp { background: #eee url(../bilder/asc.gif) no-repeat scroll right center;}
.co_table .header.headerSortDown { background: #eee url(../bilder/desc.gif) no-repeat scroll right center;}

/*
 * ######################################################################
 * ##########   Formulare   #############################################
 * ######################################################################
*/

/* +++ Formulare +++ */

#nav_search .iSend {
    position:absolute;
    margin-top:-3px;
}

input.iSend {
    cursor:pointer;
}

.iSend{
	background: #f4a700;
	border: 0px solid;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
    padding:2px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

.iText{
	border: 0px solid;
	border: none;
	height: 16px !important;
	padding-top: 2px;
	padding-left: 4px;
	line-height: 16px;
	font-size: 10px;
}

.searchform .iText { 
	width: 115px; 
	position: relative; 
	top: -2px;
    margin-right:3px;
}

/* +++ Mitgliederantrag +++ */

div#workflow form { background: #fbfbfb; border: 1px solid #ebebeb; }
div#workflow form fieldset { border: 0px solid; padding-left: 35px; }
div#workflow form fieldset.left { width: 40%; float: left; margin-bottom: 15px; }
div#workflow form fieldset.rborder { border-right: 1px solid #f4f4f4; padding-right: 25px; }
div#workflow form fieldset.bottom{ margin-top: 25px; clear: left; }
div#workflow form label { display: block; font-size: 12px; color: #4b4b4b; margin-bottom: 4px; }
div#workflow form h1 {margin-left: 35px; color: #f4a700; margin-top: 28px; }
div#workflow form .text { width: 225px; margin-bottom: 12px; height: 20px; background: url(../bilder/textfield.png) no-repeat right center; border: 0px solid; border-left: 1px solid #eae9e9; vertical-align: middle; padding-top: 6px; padding-left: 5px; color: #a7a7a7; }
div#workflow form .text.active { color: #414141; }
div#workflow form .text.xs { width: 50px; }
div#workflow form .text.s { width: 103px; }
div#workflow form .text.m { width: 157px; }
div#workflow .float_left .text{margin-right: 12px;}
div#workflow .select {
    background:transparent url(../bilder/textfield.png) no-repeat scroll top;
    border-color:-moz-use-text-color -moz-use-text-color -moz-use-text-color #EAE9E9;
    border-style:solid;
    border-width:0 0 0 1px;
    color:#A7A7A7;
    height:22px;
    margin-bottom:12px;
    vertical-align:middle;
    width:125px;
    padding-bottom:3px;
    padding-top:4px;
    }
.bottom { padding-top: 25px; padding-bottom: 10px; background: transparent url(../bilder/form_highlight.png) repeat-x top;}
.bottom table {   }
.bottom td { vertical-align: top; width: 30%; padding-right: 40px; }
.bottom label { margin-bottom: 15px; }
.bottom select { min-width: 205px; width: 205px; margin-top: 2px; }
.bottom option { padding-top: 2px; }
div#workflow form .send { border: 0px solid; background: url(../bilder/form_send.png) no-repeat left; width: 129px; height: 60px; position: relative; top: 25px; cursor: pointer; }
div#workflow form label.error {
    background: url(../bilder/error.png) no-repeat left;
    margin-top:-19px;
    padding-left:17px;
    height:16px;
    position:absolute;
}
/***********************************
#### Kalender
***********************************/

table.calendar {
	width: 100%;
	border-spacing: 15px;
	table-layout: fixed;
}

table.calendar th, table.calendar th a, a.prev-year, a.next-year, h1.act-year {
	color: #F4A700 !important;
	font-weight: bold;
	font-size: 18px;
	font-family: Arial;
	text-decoration:none;
}

table.calendar td {
	color: #8e8e8e;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
}

table.calendar td.wkday {
	color: #6d6d6d;
}

table.calendar td.heute {
	border: 1px solid #000;
}

table.calendar td.termin {
	background: #F4A700;
	color: #ffffff;
	cursor: pointer;
}

table.calendar td.vor, table.calendar td.nach {
	background: #e6e6e6;
	color: #818181;
}

a.prev-year {
	float: left;
}

h1.act-year {
	float: left;
	padding: 0 35%;
}

/* Nachrichten */
div.news-container {
    border-top:1px solid #efefef;
}

div.news-container div.news_item {
    border-bottom:1px dotted #efefef;
    padding:10px;
}

/* Worklfow */
div.workflow-container {
    margin-bottom:24px;
}

/* jQuery - Tooltip*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #4B4B4D;
	background-color: #FFF;
	padding: 5px;
    color:#4B4B4D;
}
#tooltip h3, #tooltip div { margin: 0; color:#4B4B4D; }
/* Pagebrowser */
div.pagebrowser {
    padding-top:8px;
    text-align:right;
    margin-bottom:20px;
}

div.pagebrowser a {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #8F9196;
    color:#2D2D2D;
    font-size:11px;
    margin:0 3px;
    padding:1px 6px;
    text-decoration:none;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
}

div.pagebrowser a:hover, div.pagebrowser a.active {
    background:#F4A700 none repeat scroll 0 0;
    color:#FFF;
}

/* Workflow Fehler */
div.vdeb_error {
    margin-right:35px;
    margin-top:10px;
}

div.error-item {
    background:#F4A700 url(../bilder/error.png) no-repeat scroll 4px center;
    border:1px dotted #A7A7A7;
    color:white;
    margin:4px 0 0;
    padding:5px 0 5px 25px;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
    margin-left:35px;
    font-weight:bold;
}

.tab_cont {
    border-bottom:1px solid #E0DEDE;
    border-left:1px solid #E0DEDE;
    border-right:1px solid #E0DEDE;
    color:#4B4B4B;
    font-size:12px;
    line-height:18px;
    padding:14px;
}

ul#mycarousel-partner .jcarousel-item a img {
	width:180px;
}

div#tooltip h3 {
	font-size:11px;
}


span.keinlink {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #8F9196;
    color:#2D2D2D;
    font-size:11px;
    margin:0 3px;
    padding:1px 6px;
    text-decoration:none;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
}