/*-------------------------------------------------------------------------------

CSS Datei für hochschulinformationsbuero.de

von Tom Lachemund für Design & Distribution 23. Oktober 2008

---------------------------------------------------------------------------------*/



/*==============================Allgemeines==================================*/

html, body {
	margin:0;
	padding:0;
	height:100%;
}
html {
	
	margin-bottom:1px;
}
body {
	font: 76% verdana, arial, sans-serif;
	text-align:center;
	color:#002f56;
}
a {
	text-decoration:none;
	/*color:#002E57;*/
	color:#002f56;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}
h1, h2, h3, h4, h5, h6 {
	margin:0px 0px 10px 0px;
	color:#002f56;
	font-size:1.3em;
}
h1 {
	border: none;
	padding-bottom:3px;
	border-bottom:1px dotted #999;
}

h3 {
	/*color:#B6B61F;*/
	
}
h4 {
	color: #000;
	font-size:1em;
}
h5 {
	color: #336699;
}
ul {
	margin-top: 0.3em;
	margin-bottom: 0.6em;
	list-style-type:square;
}
div#content ul,
div#content ol {
	padding:0px;
	margin:0px;
	padding:10px 0px 10px 37px;
	overflow:auto;
}
div#content ol {
	padding:10px 0px 10px 40px;
}

/*

div#content li {

	background:url(../images/li_square.gif) no-repeat 0px 5px;

	padding-left:10px;

}

*/

li {
	padding:4px 0;
}
p {
	margin:0px;
	line-height:1.25em;
}
p.bodytext {
	margin:0px;
}
p.p_spacer {
	clear:both;
	height:20px;
}
img {
	border:none;
}
form {
	margin:0px;
	padding:0px;
	margin-left:0px;
}
hr {
	background:none;
}
table td {
	font-size: 12px;
}
.kleinertext{
	font-size:0.8em;
}
/*---RTE---*/

p.kleintext {
	font-size:0.8em;
}
p.umrandung1 {
	display: block;
	clear:both;
	font-size: 1em;
	color: #000;
	padding: 0.5em;
	background: #efefef;
	border-left: 8px #c0c0c0 solid;
}
p.umrandung {
	display: block;
	font-size: 1em;
	color: #333;
	padding: 0.5em;
	background: #ededed;
	border: 1px #ccc solid;
}
p.balkenlinks {
	font-size:1em;
	font-weight:normal;
	color: #666;
	background:inherit;
	border-bottom: 0px #ccc solid;
	border-left: 8px solid #ccc;
	padding-left:5px;
}
p.kastenrot {
	font-size:1em;
	font-weight:normal;
	color: #000;
	background:#FFD9D9;
	border: 1px solid #ff0000;
	padding:0.5em;
	clear:both;
}
table.tabelle {
	border-collapse: collapse;/*margin: auto;*/
}
table.tabelle td {
	border: 1px solid #C0C0C0;
	text-align: center;
	font-family: verdana;
	font-size: 12px;
	padding: 2px;
}
td.zelleGrau {
	background-color: #cccccc;
	color: white;
	font-size: 12px;
}
tr.backColorGrey {
	background-color: #cccccc;
}
/*===============================LAYOUT==================================*/
div#container {
	width:988px;
	margin:0 auto;
	text-align:left;
	background:#ffffff url(../images/body_bg_rp.gif) repeat-y ;
	/* min-height: 100%; entfernt wg. IE8 */
	height:auto !important;/* moderne Browser */
	height:100%; /* IE */

}
div#metanav{
	background-color:#FFFFFF;
	height:22px;
	position:relative;
	width:988px;
}
div#header{
	position:relative;
	width:988px;
	height:200px;
	background:url(../images/header_image.jpg) no-repeat;
}
div#logo{
	position:absolute;
	top:19px;
	left:12px;
}
div#searchbox{
	position:absolute;
	top:19px;
	right:4px;
}
div#wrapper {
	float:left;
	width:100%
}
div#content {
	margin: 0px 205px 0px 221px;
	padding:15px 19px;
}
div#content_footer{
	padding:20px 0px 30px
}
div#extra {
	float:left;
	width:205px;
	margin-left:-205px
}
div#navigation {
	float:left;
	width:209px;
	margin-left:-988px;
	padding:8px 0px 30px 12px;
}
div#footer {
	clear:both;
	width:988px;
}
/*============================MAINMENU===============================*/
div#navigation{
	
}
div#navigation a{
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	position:relative;
}
div#navigation a:hover{
	text-decoration:none;
}
div#navigation ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
div#navigation ul ul{
	margin:0px;
}
div#navigation li{
	height:auto !important;
	height:1%;
	background:url(../images/menuitem_bg_rp2.gif) repeat-x bottom left;
	padding:1px 0px 2px 0px;
	/*line-height:1.25em;*/
}
div#navigation li li,
div#navigation li li li{
	background:none;
	padding:1px 0px 0px 0px;
}
div#navigation li a{
	display:block;
	background:url(../images/menu_l1_no.gif) no-repeat 4px 9px;
	padding:6px 0px 6px 16px;
	color:#002F56;
	width:auto;
}
div#navigation li a:hover,
div#navigation li a.act{
	background:url(../images/menu_l1_act.gif) no-repeat 4px 9px;
	background-color:#DED959;
	color:#FFFFFF;
}

div#navigation li li a{
	display:block;
	background:url(../images/menu_l2_no.gif) no-repeat 14px 10px;
	padding:4px 0px 4px 22px;
	color:#002239;
	font-size:11px;
	font-weight:normal;
}

div#navigation li li a:hover,
div#navigation li li a.act{
	background:url(../images/menu_l2_no.gif) no-repeat 14px 10px;
	background-color:#EEEEC7;
	color:#002239;
}
div#navigation li li a.act{
	font-weight:bold;
}
div#navigation li li li a{
	display:block;
	background:url(../images/menu_l3_no.gif) no-repeat 24px 6px;
	padding:3px 0px 3px 38px;
	color:#002239;
	font-size:10px;
}
div#navigation li li li a:hover,
div#navigation li li li a.act{
	background:url(../images/menu_l3_no.gif) no-repeat 24px 6px;
	background-color:#F9F9DE;
	
}
div#navigation li li li a.act{
	font-weight:bold;
}
/*==========================METAMENU===========================================*/
div#mm {
	position:absolute;
	top:5px;
	right:15px;
	font-size:10px;
}
div#mm a {
	color:#002239;
	font-weight:normal;
}
div#mm span {
	color:#002239;
	padding:0px 5px;
}
div#mm a.rss_feed {
	background:transparent url(../images/rss_feed.gif) no-repeat scroll 0px;
	padding-left:15px;
}
/*=======================FOOTER MENU============================*/
div.back_print_top{
	float:left;
	padding:2px 0px 0px 0px;
	
}
span.back_float{
	/*float:left;*/
	margin-right:10px;
	margin-top:5px;
	padding:0px;
	font-size:10px;
	
}
span.back_float a{
	color:#002239;
	font-size:10px;
	
}
span.back_float a:hover{
	color:#002239;
}
div.meta_menu_main a{
	color:white;
	font-weight:normal;
	font-size:10px;
}
div.meta_menu_main a:hover{
	/*text-decoration:underline;*/
	color:#002239;
}
div.meta_menu_main{
	position:relative;
	float:right;
	padding:0px;
	font-size:10px;
	
}
div.meta_menu_main span{
	position:absolute;
	top:3px;
	left:-47px;
	font-weight:bold;
	padding:0px;
	color:#002239;
	vertical-align:baseline;
}
a.print_btn {
	background: url(../images/footer_print.gif) no-repeat ;
	padding-left:15px;
	/*position:relative;*/
}
a.back_btn {
	background: url(../images/footer_back.gif) no-repeat ;
	padding-left:15px;
	/*position:relative;*/
}
a.top_btn {
	background: url(../images/footer_top.gif) no-repeat ;
	padding-left:15px;
	/*position:relative;*/
}

/*===========================TERMINE Kasten ====================================*/
div.kasten{
	position:relative;
	width:192px;
	background:url(../images/termin_rp.gif) repeat-y;
	margin-bottom:10px;
}
div.kasten h1{
	width:178px;
	height:25px;
	background:url(../images/termin_top.gif) no-repeat;
	color:#FFFFFF;
	padding:9px 0px 0px 14px;
	font-weight:bold;
	font-size:18px;
	border:none;
}
div.kasten_content{
	background:url(../images/termin_bottom.gif) bottom left no-repeat;
	padding:0px 10px 45px;
}
div.kasten_content2{
	background:url(../images/kasten_bottom.gif) bottom left no-repeat;
	padding:0px 10px 10px 8px;
}
div.kasten_all{
	position:absolute;
	bottom:13px;
	right:15px;
	text-align:right;
}
/*========================= SEARCHBOX =============================*/
div#searchbox{position:relative;}
div.tx-macinasearchbox-pi1{
	font-size:11px;

}
div.tx-jwcalendar-pi1 .title{
	width:245px;
	margin-bottom:10px;
}
div.tx-macinasearchbox-pi1{
	position:relative;
}

form#searchform input.searchinput{
	font-size:11px;
	border:2px solid #EBEAEA;
}
form#searchform input.searchinput{
	position:absolute;
	top:0px;
	right:20px;
	border:1px solid #999;
	padding:6px 7px;
	width:159px;
	/* height:26px; */
	background:url(../images/search_input_bg.gif) no-repeat;
	border:none;
}
form#searchform input.searchbutton{
	position:absolute;
	top:0px;
	right:7px;
}
form#selectorform select option{
	/*background-color:#EBEAEA;*/
}
/*=========================Indexed Search================================*/
div.tx-indexedsearch-whatis{padding-top:20px;}
span.tx-indexedsearch-sw{font-weight:bold;}
div.tx-indexedsearch-rules{
	font-size:0.9em;
	color:#666;
	padding-top:10px;
}
/*----------------------------PREVIEW Border---------------------------------*/
.previewBorder{
	border: 2px dotted #e60003;
}
/*--------------------------- admin bereich ---------------------------------*/
.frontEndEditIcons{
	float: none;
	border:0px solid #666;
margin-bottom:2px;
margin-right:2px;
}
table.typo3-editPanel{
	text-align:left;
}

#pageowner{
font-size:0.8em;
margin-bottom:10px;
border-top: 1px solid black;
border-bottom: 1px solid black;
padding:3px;
background-color:#F6F2E6;
text-align:left;
}
#adminbereich{
clear:both !important;
font-size:1.2em;
font-weight:bold;
border-bottom:1px solid black;
border-top:1px solid black;
margin-top:15px;
margin-bottom:15px;
padding:4px;
background-color:#abbbb4;
text-align:left;
}
#adminpanel{
	float:none; 
	clear:both;
	position:relative;
	text-align:left;
}

/*------------------------- Mailform -------------------------------------*/

.csc-mailform{
	width:456px;
	padding:10px;
	background:#DED959 url(../images/formrp.gif) repeat-y;
	margin:0px;
}

.csc-mailform legend{
	padding:15px 5px;
	font-size:12px;
	font-weight:bold;
	color:#002239;
}

.csc-mailform-field{
	padding:4px;	
	margin:0px;
	border-bottom:0px solid #fff;
	background-color:#EEEEC7;
}

.csc-mailform-field input,
.csc-mailform-field textarea{
        /*border: 1px solid #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #efefef;*/
}

.csc-mailform-field label{
	/*display:block;
	text-align:right;
	*/
	float:left;
	width:200px;
	padding-top: 2px;
	vertical-align: top;
}

.csc-mailform-label{
	font-size:10px;
	
}
div.csc-mailform-label{
	padding:4px;
	font-weight:bold;
	font-size:1em;
	background-color:#DED959;
	color:white;
}


#mailformformtype_mail{
	/*background-color: #fff;
	border: 1px solid #ccc;
	border-left: 3px solid #3380c6;
	border-right: 3px solid #3380c6;
	border:none;
	background:none;*/
}

.csc-mailform-radio input{
	border:none;
	
}

.csc-mailform-radio label{
	float:none;
}

.csc-mailform-radio legend{
	display:none;
}

.csc-mailform-radio fieldset{
	padding:0px;
	margin:0px;
	border:none;
}

#mailformRadio_Button label{

}

fieldset.csc-mailform{
	border: none;
}

#mailformRadio_Button legend{
	display:none;
}
span.checklabel{
	font-size:0.8em;
	vertical-align:middle;
}

div.formtop{
	background:url(../images/formtop.gif) no-repeat;
	height:20px;
	width:476px;
}
div.formbottom{
	background:url(../images/formbottom.gif) no-repeat;
	height:20px;
	width:476px;
}
form#mailform{
	
}

/*=======================OLD hib Classes================================*/
.kleinertext_ {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #002f56;
}
.titeltext2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #002f56;
	font-weight: bold;
}
.linkklein {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #002f56;
}
.linkklein a:link {
	text-decoration: none;
	font-size: 10px;
	color: #002f56;
	font-weight: normal;
}
.linkklein a:visited {
	text-decoration: none;
	font-size: 10px;
	color: #002f56;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.linkklein a:hover {
	font-size: 10px;
	color: #002f56;
	text-decoration: underline;
	font-weight: normal;

}
.linkklein a:active {
	font-size: 10px;
	color: #002f56;
	text-decoration: none;
	font-weight: normal;
}
.linkklein_under {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #002f56;
}
.linkklein_under a:link {
	text-decoration: underline;
	font-size: 10px;
	color: #002f56;
	font-weight: normal;
}
.linkklein_under a:visited {
	text-decoration: underline;
	font-size: 10px;
	color: #002f56;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.linkklein_under a:hover {
	font-size: 10px;
	color: #002f56;

	text-decoration: none;
	font-weight: normal;

}
.linkklein_under a:active {
	font-size: 10px;
	color: #002f56;
	text-decoration: underline;
	font-weight: normal;


}
.linkklein2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #002f56;
}
.linkklein2 a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #002f56;
	font-weight: normal;
	text-decoration: none;

}
.linkklein2 a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;

}
.linkklein2 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #B6B61F;
	text-decoration: none;

}
.linkklein2 a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #002f56;
	text-decoration: none;

}
.linkklein2act a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B6B61F;
	font-weight: normal;
	text-decoration: none;

}
.linkklein2act a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
        color: #B6B61F;
	font-weight: normal;

}
.linkklein2act a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #B6B61F;
	text-decoration: none;


}
.linkklein2act a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #B6B61F;
	text-decoration: none;

}

.titeltextFarbeBlock {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #002f56;
	font-weight: bold;

}
.linkkleinfett {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #002f56;
}
.linkkleinfett a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #002f56;
	text-decoration: none;
}
.linkkleinfett a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #002f56;
	text-decoration: none;
}
.linkkleinfett a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #002f56;
	text-decoration: underline;
}
.linkkleinfett a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #002f56;
	text-decoration: none;
}
.linkkleinfett2 a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #002f56;
	text-decoration: none;
}
.linkkleinfett2 a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #002f56;
	text-decoration: none;
}
.linkkleinfett2 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #002f56;
	text-decoration: underline;
}
.linkkleinfett2 a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #002f56;
	text-decoration: none;
}


.norepeat {
	background-repeat: no-repeat;
}
.tabobun{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #EFEEBE;
	border-right-color: #EFEEBE;
	border-bottom-color: #EFEEBE;
	border-left-color: #EFEEBE;
}
/*****************************R:T:E*********************************/

.titel, span.titel {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #002f56;
	font-weight: bold;
}
.titel_gruen, span.titel_gruen {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #B6B61F;
	font-weight: bold;
}
.untertitel, span.untertitel {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
	font-weight: bold;
	color: #002f56;
}
.untertitel_gruen, span.untertitel_gruen {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
	font-weight: bold;
	color: #B6B61F;
}
.kleintext_, span.kleintext_ {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #002f56;

}
.kleintext_gruen, span.kleintext_gruen {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #B6B61F;
}
.kleintextfett, span.kleintextfett {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #002f56;
	font-weight: bold;
}
.kleintextfett_gruen, span.kleintextfett_gruen {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #B6B61F;
}
.normaltextfett, span.normaltextfett {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #002f56;
}
.normaltext, span.normaltext {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #002f56;
}
.normaltextfett_gruen, span.normaltextfett_gruen {
font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;
	font-weight: bold;
	color: #B6B61F;
}
.normaltext_blau, span.normaltext_blau {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #B6B61F;
}

/*======================tl_files / tl_links=================================*/
div.tl_files_category h1,
div.tl_links_category h1  {
	border: none;
	padding-bottom:3px;
	border-bottom:0px dotted #999;
	color:#B6B61F;
}
div.tl_ll_text{
	width:400px;
}

/*======================= Contentelement Tabelle =========================*/
table.contenttable{
	border-collapse: collapse;
	font-size:0.9em;
}
table.contenttable tr.tr-odd{
	background-color:#efefef;
}
table.contenttable tr.tr-even{
	background-color:#fff;
}
table.contenttable td{
	border: 1px solid #ccc;
	padding: 0.3em;
}
table.contenttable-1 tr.tr-0{
	background-color:#666;
	color:#fff;
	font-weight:bold;
}
table.contenttable-2 tr.tr-0 {
	background-color:#e60003;
	color:#FFFFFF;
	font-weight:bold;
}
table.contenttable-3 tr.tr-0 {
	background-color:#ededed !important;
	color:#333;
	font-weight:bold;
}
table.contenttable-3 td.td-0{
	background-color:#ededed;
	color:#333;
	font-weight:bold;
}
table.contenttable-3 tr.tr-0 td.td-0{
	background-color:white !important;
	border:none;
}
table.contenttable-3 tr.tr-odd{
	background-color:#fff;
}
table.contenttable-3 tr.tr-even{
	background-color:#fff;
}

/*===========================Kampagnen===============================*/
div.kamp_trenner {
/*border-bottom:1px dotted #BBBBBB;*/
background:transparent url(../images/menuitem_bg_rp2.gif) repeat-x center left;
clear:both;
font-size:1px;
height:12px;
/*margin:2px 0;*/
width:176px;
}

/*===========================DIVERSES===============================*/
span.rottext{color:red;}
span.rottextfett{color:red;font-weight:bold;}
span.ml_link_add{font-size:0.8em;color:#666;}


/*=========================Links/Downloads===========================*/
div.tl_links_links{
	background-color:#F9F9DE;
	padding:4px;
}

/* -----------------------Goof Fotobook (Bildergalerie) ------------------------------------- */
div.tx-gooffotoboek-pi1 table{
	width:100%;
}
div.gf_navi, div.gf_navi_single{
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 20px;
	padding-left : 10px;
}
div#content div.gf_navi img, div#content div.gf_navi_single img{
	border:none;
}
div.gf_navi ul, div.gf_navi_single ul{
	list-style-type:none;
	padding:0 !important;
	margin:0 !important;
}
* html div.gf_navi_single ul{
	padding-bottom:3px;
}
div.gf_navi li, div.gf_navi_single li{
	padding:2px 4px;
	margin:0px 2px;
	float:left;
	background-color:#fff;
	border: 1px solid #ccc;
	border-bottom:none;
	height:15px;
}
div.gf_navi li a{
	font-weight:bold;
	color:#ccc;
}
div.gf_navi li.menuact a,
div.gf_navi li a:hover{
	font-weight:bold;
	color:#000;
}
div.gf_navi li.fb_page_browser{
	padding:4px 4px 0px 4px;
	margin:0px 2px;
	float:left;
	background:none;
	border: 0px solid #ccc;
	border-bottom:none;
	font-size:10px;
}
.gfpb_portret, .gfpb_landscape{
	background-color:#ededed;
	padding:3px;
}
.gf_single_img{
	background-color:#ededed;
	padding:6px;
	text-align:center;
}
div#content .gfpb_portret img, div#content .gfpb_landscape img, div#content .gf_single_img img{
	padding:2px;
	border:1px solid #ccc;
	background-color:#FFFFFF;
}
.fb_maintitle{
	font-weight:bold;
	margin-bottom:5px;
	margin-top:-1px;
}
.gal_author{
	font-size:0.8em;

	color:#666;
}
#weitersagen {
	float:right;
}
DIV.spacer {
	text-indent: -990em;
	background: url(../images/dotted.gif) repeat-x;
}