/* --------------------------------------------------------------------- */
/* 	CSS ROMANISCHES SEMINAR
	FREIBURG UNIVERSITY
	2011
	BASED ON CI UNIVERSITY FREIBURG
*/

/*
*{
	margin: 0;
	padding: 0;
}
*/
body{
	color: #3F3F3F;
	font: 13px/18px Arial, Garuda, FreeSans, sans-serif;
}

#contenedor{
	width:2048px;
	margin: 0 auto;
	font-size: 1.1em;
}
#wrapper{
	width: 2048px;
	background: #F2F3F1;
	margin-left: 248px;
	margin-bottom: 20px;
}
#contenido{
	padding: 5px 17px;
min-height: 300px;
}
#header{
	height: 116px;
	background: #004A99 url(../images/siegel_uni.png) no-repeat 0 23px;
}
#institut{
	font-family: "Times New Roman", FreeSerif, serif;
	position: absolute;
	top: 63px;
	margin-left: 196px;
	font-size: 24px;
	line-height: 20px;
}
#institut .uni_title{
	font-size: 14px;
}
#institut a{
	color: #fff;
}
#principal{
	float: left;
	width: 1024px; /* define width */
}
#secundario{
	float: right;
	width: 320px;
margin-bottom: 20px;
}
#subnavegacion{
	width: 180px;
	position: absolute;
	top: 116px;
	border-top: 4px solid #c9cac8;
	padding-top: 80px;
}
#principal{
	padding-bottom: 30px;
}
#footer{
	clear: both;
	padding-top: 5px;
	border-top: 1px solid #eee;
	padding-bottom: 20px;
	padding-left: 20px;
	color: #fff;
	background: #004A99;
}
div#sombra{
	height: 11px;
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
}
/* --------------------------------------------------------------------- */
/* HOME, KONTAKT */
body#columnas_anchas #principal{
	width: 400px;
}
body#columnas_anchas #secundario, body#secundario_ancho #secundario{
	width: 285px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	padding: 5px 10px;
	background: #E0E1DD;
}
body#columnas_anchas #secundario ul{
	padding-bottom: 4px;
	border-bottom: 1px dotted #878989;
	list-style-type: disc;
	margin-left: 14px;
}
body#columnas_anchas #secundario li{
	font-size: 0.9em;
	line-height: 1.3em;
	list-style-position: outside;
	margin-bottom: 4px;
	color: #878989;
}
body#columnas_anchas #secundario p, #secundario p{
	font-size: 0.9em;
	line-height: 1.3em;
}
body#columnas_anchas #secundario td, #secundario td{
font-size: 0.9em;
padding-right: 10px;
border-bottom:1px dotted #ccc;
}
body.home #contenido ul li, body.home #contenido ol li{
	margin-left: 0;
}
body#columnas_anchas #secundario ul li{
	margin-left: 0;
}

/* --------------------------------------------------------------------- */
/* COLUMNAS_ANCHAS  */
body#secundario_ancho #principal{
	width: 465px;
}
body#secundario_ancho #secundario{
	width: 220px;
}

/* --------------------------------------------------------------------- */
/* FOOTER */
#footer{
	font-size: 0.9em;
}
#footer a{
	color: #fff;
}
/* --------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	color: #363534;
	font-family: "Times New Roman", FreeSerif, serif;
	margin: 0.75em 0 0.25em 0;
	font-weight: normal;
}
h4, h6 {
	font-weight: bold;
}
h1{
	font-size: 28px;
line-height: 26px;
}
h2{
	font-size: 22px;
	line-height: 24px;
	margin: 0.75em 0 0.4em 0;
}
h3{
	font-size: 18px;
	line-height: 20px;
	/*border-bottom: 1px dotted black;*/
}
h4{
	font-size: 14px;
}
h5{
	font-size: 11px;
}
h6{
	font-size: 10px;
}

#secundario h3{
	font-size: 16px;
	margin: 0.25em 0;
	padding: 5px 7px;
	background: #C9CAC8;
	border: 0;
}
#secundario h4{
	font-size: 14px;
	font-weight: normal;
}
#aktuelles h2{
	margin: 1em 0 0.50em 0;
}

p{
	padding: 5px 0;
}
#contenido ul{
	list-style-type: disc;
}
#contenido p,#contenido li{
	line-height: 1.8em;
}
#contenido ul li, #contenido ol li{
	margin-left: 30px;
}
a{
	text-decoration: none;
	cursor: pointer;
	color: #3F3F3F;
	color: #2A6EBB;
}
a:hover{
	text-decoration: underline;
}
#contenido a,#secundario a{
	color: #0076BE;
	color: #2A6EBB;
}
#contenido p.singleinterline{
	line-height: 1.4em;
}
#contenido li p{
	padding: 0 10px;
}
#contenido hr{
	height: 1px;
	border: none;
	border-top: 1px dotted #ccc;
	margin-top: 20px;
}
/* --------------------------------------------------------------------- */
/* NAVEGACION */
#navegacion ul{
	height: 20px;
	border-top: 4px solid #fff;
	padding-left: 17px;
	list-style: none;
	z-index: 10;
	background: #C9CAC8;
}
#navegacion ul li{
	list-style: none;
	float: left;
	font-size: 0.9em;
	position: relative;
	border-left: 1px solid #fff;
}
#navegacion ul li a{
	display: block;
	color: #3F3F3F;
	padding: 2px 20px 0 6px;
	height: 18px;
}
#navegacion ul li a:hover, #navegacion ul li.active li a:hover{
	color: #fff;
	text-decoration: none;
	background: #004A99;
}
#navegacion ul li.active a, #navegacion ul li.active li.active a{
	color: #fff;
	text-decoration: none;
	background: #004A99;
}

/* test */

#navegacion ul li ul{
	position: absolute;
	width: 160px;
	left: -2222px;
	top: 20px;
	margin: 0;
	padding: 0;
	padding-top: 4px;
	height: auto;
	border: 0;
	border-left: 6px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: transparent;
}
#navegacion li:hover ul{
	left: auto;
}
#navegacion ul li.active li a{
	background-color: #f3f3f3;
	color: #3F3F3F;
}
#navegacion ul ul li{
	position: relative;
	width: 160px;
	font-size: 0.9em;
	background-color: #f3f3f3;
	border: 0;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0;
	margin: 0;
}
#navegacion ul ul li a{
	padding: 4px 0 3px 10px;
	margin-left: 0;
	width: 150px;
	height: auto;
}	

/* fin test */


/* --------------------------------------------------------------------- */
/* SUBNAVEGACION */
#subnavegacion ul{
	list-style: none;
}
#subnavegacion li{
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #C9CAC8;
}
#subnavegacion li li{
	background: #d6d6d4;
}
#subnavegacion li li li{
	background: #e0e1dd;
}
#subnavegacion li li li li{
	background: #eae8e4;
}
#subnavegacion li li li li li{
	background: #f2f3f1;
}
#subnavegacion li ul{
	padding-left: 4px;
}
#subnavegacion ul li a{
	color: #3F3F3F;
	display: block;
	padding: 3px 0 2px 5px;
	border-left: 4px solid #004a99;
}
#subnavegacion ul ul li a{ /* 2. nivel sub */
	border-left: 4px solid #2a6ebb;
}
#subnavegacion ul ul ul li a{ /* 3. nivel sub */
	border-left: 4px solid #6e99d4;
}
#subnavegacion ul ul ul ul li a{ /* 4. nivel sub */
	border-left: 4px solid #89b0d9;
}
#subnavegacion ul ul ul ul ul li a{ /* 5. nivel sub */
	border-left: 4px solid #a7c5e4;
}
#subnavegacion li.active > a{
	color: #fff;
	margin-left: 4px;
	border-left: 1px solid #fff;
}
#subnavegacion li.current > a:after{
	content: ">>>"
	font-weight: bold;
	float: right;
	margin-right: 10px;
}
#subnavegacion ul li.active, #subnavegacion ul li.active ul{
	background: #004a99;
}
#subnavegacion ul li li.active, #subnavegacion ul li li.active ul{
	background: #2a6ebb;
}
#subnavegacion ul li li li.active, #subnavegacion ul li li li.active ul{
	background: #6e99d4;
}
#subnavegacion ul li li li li.active, #subnavegacion ul li li li li.active ul{
	background: #89b0d9;
}
#subnavegacion ul li li li li li.active, #subnavegacion ul li li li li li.active ul{
	background: #a7c5e4;
}
#subnavegacion ul li a:hover{
	color: #fff;
	text-decoration: none;
	background: #004a99;
}
#subnavegacion ul ul li a:hover{
	background: #2a6ebb;
}
#subnavegacion ul ul ul li a:hover{
	background: #6e99d4;
}
#subnavegacion ul ul ul ul li a:hover{
	background: #89b0d9;
}
#subnavegacion ul ul ul ul ul li a:hover{
	background: #a7c5e4;
}

#subnavegacion li.active ul ul{
	display: none;
}
#subnavegacion li.active li.active ul ul{
	display: none;
}
#subnavegacion li ul{
	display: none;
}
#subnavegacion li ul ul{
	display: none;
}
#subnavegacion li ul ul ul{
	display: none;
}
#subnavegacion li.active ul{
	display: block;
}
#subnavegacion li.active li.active ul{
	display: block;
}
#subnavegacion li.active li.active li.active ul{
	display: block;
}

ul#flyout{
	margin-bottom: 40px;
}
ul#flyout li{
	position: relative;
}
ul#flyout li a{
	display: block;
}
ul#flyout ul{
	position: absolute;
	left: -2222px;
	width: 180px;	
}
#subnavegacion ul#flyout ul{
	display: block;
}
ul#flyout li:hover > ul{
	top: 0;
	left: 175px;
}


/* --------------------------------------------------------------------- */
/* BREADCRUMBS & EXTRA NAV ( login, webmail ...) */
#extra-nav{
	position:absolute;
	z-index: 10;
	font-size: 0.9em;
	margin: 20px 0 0 196px;
	color: #fff;
	min-width: 535px;
}
#breadcrumbs{
	font-size: 0.9em;
	background: #e0e1dd;
	padding: 2px 0 2px 17px;
}
#breadcrumbs .B_crumbBox{
	/*color: #b33838;*/
}
#extra-nav a{
	color: #fff;
}
#extra-nav a:hover{
	color: #fff;
}
#breadcrumbs a{
	/*color: #aaa;*/
	color: #2A6EBB;
}
#breadcrumbs a:hover{
	/*color: #b33838;*/
	text-decoration: underline;
}


/* --------------------------------------------------------------------- */
/* SITEMAP */
ul.sitemap li{
	font-size: 14px;
	width: 250px;
	float: left;
	margin-bottom: 20px;
}
ul.sitemap li.odd{
	clear: left;
}
ul.sitemap li ul li{
	font-size: 11px;
	width: auto;
	float: none;
	clear: none;
	margin-bottom: 0;
}

/* --------------------------------------------------------------------- */
/* TABLA PERSONAL */
table#personal{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table#personal th, table#personal td{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 2px 3px;
}
table#personal th{
	text-align: left;
	background-color: #ddd;
}
table#personal td{
	vertical-align: top;
}
table#personal tr.odd{
	background-color: #efefef;
}

/* --------------------------------------------------------------------- */
/* CONTACTO */
#ansprech{
	width: 450px;
	float: left;
	border-right: 1px solid #eee;
	margin-right: 30px;
}

/* --------------------------------------------------------------------- */
/* EXTRA CLASSES, MINI-RESET */
.margintop{
	margin-top: 15px;
	margin-bottom: 5px;
}
.clear{
	clear: both;
}
img{
	border: 0;
}
hr.simple{
	border: none;
	border-top: 1px dotted #eee;
	margin-bottom: 20px;
}
.hinweis{
	border: 1px dotted #ff892d;
	background-color: #fbf4aa;
	padding: 0 5px;
	margin: 10px 0;
}
.notas{
	border: 1px dotted #95aacf;
	background-color: #dbecff;
	padding: 0 5px;
	margin: 10px 0;
}
.aktuelles, .event_cal{
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}
.aktuelles p{
	margin-top: 2px;
}
.event_large_cal{
	font-size: 9px;
	border-bottom: 1px dotted #ccc;
}
#aktuelles ul{
	list-style-type: none;
	list-style-position: outside;
}
#aktuelles li p{
	padding:0;
}
#aktuelles li{
	border-bottom: 1px solid #C9CAC8;
	margin-bottom: 10px;
}
ul.profs{
	list-style-type: none;
}
ul.profs li{
	margin: 5px 0 10px;
	border-bottom: 1px dotted #ccc;
}
ul.profs li h3{
	padding-bottom: 0;
	color: #3f3f3f;
}
#contenido #faq hr{
	margin: 0 0 5px;
}
ul.mehr_raum li{
margin: 10px 0;
}
ul.unis{
margin: 10px 0;
list-style-type: none;
}
ul.unis li{
padding: 0 0 5px;
}
table.standard{
	width: 100%;
}
table.standard td, table.standard th{
	vertical-align: top;
	padding: 3px 0;
	text-align: left;
	border-bottom: 1px dotted #ccc;
}
table.standard th{
border: none;
}
table.standard td.left{
	width: 130px;
}
div.with_margin{
	margin-left: 20px;
}
#contenido ul.index, #contenido ul.index ul{
	list-style-type: none;
}
#contenido ul.index li{
	line-height: 1.5em;
}

/* FORM */
legend{
	padding: 0 10px 5px 0;
}
fieldset{
	padding-top: 10px;
}
label{
	vertical-align: top;
	display:  block;
	width: 100px;
	padding-right: 10px;
	float: left;
	clear: left;
	text-align: right;
	margin-top: 4px;
}
label.inline{
	display: inline;
	width: auto;
	float: none;
}
input[type="checkbox"], input[type="radio"]{
	width: 13px;
    height: 13px;
    padding: 0;
    margin: 0 4px 3px 0;
    vertical-align: bottom;
    /*para ponerlo a la altura de los inputs text*/
    margin-left: 140px;
}
input[type="text"], input[type="password"], input[type="file"], textarea, select{
	margin: 2px 0 3px 0;
	padding-left: 2px;
font-size: 1em;
font-family: Arial, Garuda, FreeSans, sans-serif;
}
textarea{
	width: 300px;
	height: 200px;
}
input[type="text"], input[type="password"]{
	width: 200px;
padding:2px 4px;
}
select{
	min-width: 150px;
}
.error{
background: #f8d4d9;
color: #b83348;
}
div.error, p.error{
border: 1px solid #b83348;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 4px 10px;
}
td.def{
	width: 120px;
	color: #767676;
}
table.listado{
margin: 10px 0;
}
.listado td{
border-bottom: 1px dotted #ccc;
padding: 4px 0 0;
}

#subnavegacion ul li a#startseite {
background: url(http://www.uni-freiburg.de/startseite.gif) no-repeat 155px center;
}
#subnavegacion ul li a#startseite:hover {
background: url(http://www.uni-freiburg.de/startseite-hover.gif) no-repeat 155px center #004a99;
color: #fff;
}

#subnavegacion ul li a#schnellzugriff {
background: url(http://www.uni-freiburg.de/schnellzugriff.gif) no-repeat 155px center;
}
#subnavegacion ul li a#schnellzugriff:hover {
background: url(http://www.uni-freiburg.de/schnellzugriff-hover.gif) no-repeat 155px center #004a99;
color: #fff;
}
#flyout ul li{
background-color: #C9CAC8;
}
h1 + h2 { margin-top: 0; }