/**********************************************
** Copyright - Virtual Life GmbH
**********************************************/

/**********************************************
** Reset css to avoid browser compatibility 
** problems.
**********************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Clearer */
.clear, .clearer {
	clear: both;
}

/**********************************************
** CONTAO
**********************************************/
.class{}

/**********************************************
** Top elements
**********************************************/
body{
	height:100%;
	margin:0;
	padding:0;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.85em;
	color:#231f20;/* 12px -> 0.75em */
	background: #F6F6F6 url(../i/bg/body.jpg) 0 0 repeat-x;
}

p { margin-bottom: 1em; }

/* Links */
a, a:visited { color: #0095ff; text-decoration: none;  color:#5e5848;}
a:hover, a:active {text-decoration: underline; }

/* headers */
h1, h2, h3, h4, h5, h6 { margin: 0em 0 0.3em 0; line-height: 1.2em; }

h1 { font-size: 1.5em; font-weight: normal; }
h2 { font-size: 1.3em; font-weight: normal;}
		
h3 { font-size: 1.1em; font-weight: normal;}
h4 { font-size: 1em; color: #ff3e3e; font-weight: normal; }
h5 { font-size: 1em; color: #2d2d2d; font-weight: normal; }
h6 { font-size: 1em; color: #2d2d2d; font-weight: bold; }

hr { margin: 20px auto; width: 100%; clear: both; height: 1px; border: 1px solid #fff; background-color: #fff; }

ul { list-style: disc; list-style-position: inside; margin: 0 0 0 1em; }
ol { margin: 0 0 0 1em; }
li { margin: 0 0 0.3em 0; }

/**********************************************
** Main Style
**********************************************/

/* Wrapper */
#wrapper{
	width:960px;
	margin:0 auto;
}

/* Container */
#container{
		padding:20px 0 0 0;
	
}

/* Header */
#header {
		position:relative;
		height:125px;
}

/* Content */
.content {
	
}

/* Left column */
#left {
	
}

/* Middle column */
#main {
	
}
#main .ce_text p{
	line-height: 1.4em;
}

/* Footer */
#footer {

}



/**********************************************
** Style
**********************************************/

/* Logo */
.logo{
	position:absolute;
	top:25px;
	left:0px;
}
/* Searchfield */
.mod_auto_completer{
	
}
.mod_login  {
	position:absolute;
	top:15px;
	right:0px;
	font-size:0.95em;
	display:none;
}
.home .mod_login  {
	display:block;
}
.mod_login  .username,
.mod_login  div.password,
.mod_login .submit_container{
	float:left;
	width:165px;
	height:40px;
}.mod_login .login_info{
	float:left;
	width:250px;
	height:40px;
	line-height:1.4em;
}
.mod_login input{
	width:150px;
	border: 1px solid #ddd;
	height: 22px;
	line-height: 22px;
	padding: 0 2px;
}
.mod_login input.submit{
	width:135px;
	border: 1px solid #ddd;
	height: 24px;
	line-height: 24px;
	cursor: pointer;
}
.mod_login input.submit:hover{
	background: #fff;
}
.mod_login .submit_container{
padding: 13px 0 0 0;
width:140px;
}
.mod_login .error {
	 color:#cead38;
}
.erstecampus  {
	 text-align:center;
	 padding:0 0 20px 0;
}
.mod_calendar table{width:100%;border-top:4px solid #eee;font-size:0.9em;line-height:1.3em;border-left:4px solid #eee;border-right:4px solid #eee;border-bottom:4px solid #eee;}
.mod_calendar th{height:25px;padding:0 5px;text-align:center;border-right:1px solid #ddd;line-height:25px;border-bottom:1px solid #ddd;}
.mod_calendar th.label{background:#ddd;}
.mod_calendar tr td{width:80px;height:80px;padding:5px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.mod_calendar tr td.active,.mod_calendar tr td.active.weekend{background:#e4e2de;}
.mod_calendar tr td.weekend{background:#F5F5F5;}
.mod_calendar tr .event{padding:5px 0 0;}

.mod_eventreader {
	width:700px;	
}
/**********************************************
** Catalog
**********************************************/


/**********************************************
** Navigation
**********************************************/

/* Main navigation */
.mod_navigation{ display:block; clear:both; height:43px; overflow:visible; padding:80px 0 0 0;}
.nav_main ul{ height:42px; width:100%; list-style:none outside; border-top:1px solid #e2e2e2; overflow:visible;  margin:0;}
.nav_main ul li{ float:left; margin:0px; padding:0px; list-style:none outside; position:relative; }
.nav_main ul li span, .nav_main ul li a{ float:left; height:42px; line-height:42px; padding:0px 25px; text-transform:uppercase; color:#80807c; text-decoration:none;}
.nav_main ul li a:hover{ color:#cead38; border-top:2px solid #000000; top:-2px; position:relative; }
.nav_main ul li.active span,
.nav_main ul li.trail a{ color:#cead38; border-top:2px solid #000000; top:-2px; position:relative; }


/* Footer navigation */
.nav_footer {

}


/**********************************************
** Form elements
**********************************************/

/**********************************************
** Extensions
**********************************************/
.class{}

/**********************************************
** Column Templates
**********************************************/
/* 50% - 50% */
.c50l {
	width: 50%;
	float: left;
}
.c50r {
	width: 50%;
	float: right;
	text-align:right;
}

/* 30% - 70% */
.c30l {
	width: 30%;
	float: left;
}
.c70r {
	width: 70%;
	float: right;
}

/**********************************************
** Colors
**********************************************/
.class{}