@import url("buttons.css");
@import url("multi_column_layout.css");
@import url("student_profile.css");
@import url("company_profile.css");
@import url("vacancy.css");
@import url("portal.css");
@import url("table.css");

html, body {
	margin: 0px; padding: 0px;
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	background: #f0f0f0;
	height: 100%;
}

html {
	overflow-y: scroll;
}

#site {
	background: #f0f0f0 url(../images/background.gif) repeat-y center top;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto;
	width: 910px;
}

#header {
	margin: 0px 5px;
	height: 165px;
	background: #ffffff url(../images/header_background.jpg) no-repeat 0px 90px;
}

#header .perspectives-logo {
	float: left;
	margin: 5px 0px 0px 5px;
}

#header .wwu-logo {
	float: right;
	margin: 17px 10px 0px 0px;
}

#header a {
	padding: 0;
	background-image: none;
}

#nav {
	background: #266b99;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	margin: 0px 5px;
	line-height: 20px;
	text-align: right;
	font-size: 0.75em;
	color: #ffffff;
}

#nav a {
	color: #ffffff;
	text-decoration: none;
}

#nav a:hover, #nav a:active {
	text-decoration: underline;
}

#nav a.left {
	display: block;
	float: left;
	background: url(../images/nav_pfeil.gif) no-repeat 5px 50%;
	border-right: 2px solid #ffffff;
	padding: 0px 5px 0px 18px;
}

#nav a.left {
	display: block;
	float: left;
	background: url(../images/nav_pfeil.gif) no-repeat 5px 50%;
	border-right: 2px solid #ffffff;
	padding: 0px 5px 0px 18px;
}

#nav a.right {
	display: block;
	float: right;
	background: url(../images/nav_pfeil.gif) no-repeat 5px 50%;
	border-left: 2px solid #ffffff;
	padding: 0px 5px 0px 18px;
}

#nav a.logout {
	background: url(../images/nav_logout.gif) no-repeat 5px 50%;
}

#nav a.highlighted {
	background-color: #7ca7cc;
}

#nav a.flag {
	display: block;
	float: left;
	padding: 0;
	background-image: none;
	line-height: 20px;
}

#nav div.flag-spacer {
	display: block;
	float: left;
	width: 5px;
}

#nav div.right {
	float: right;
	border-left: 2px solid #ffffff;
	padding: 0px 5px;
}

#nav div.left-spacer, #subnav div.left-spacer {
	float: left;
	border-right: 2px solid #ffffff;
	width: 10px;
	line-height: 20px;
}

#nav div.right-spacer, #subnav div.right-spacer {
	float: right;
	border-left: 2px solid #ffffff;
	width: 10px;
	line-height: 20px;
}

#nav img {
	vertical-align: middle;
	margin-top: 2px;
	margin-bottom: 4px;
}



#subnav {
	background: #d8d8d8;
	border-bottom: 2px solid #ffffff;
	margin: 0px 5px;
	line-height: 20px;
	font-size: 0.675em;
	color: #1a1a1a;
}

#subnav a {
	color: #1a1a1a;
	text-decoration: none;
}

#subnav a:hover, #subnav a:active {
	text-decoration: underline;
}

#subnav a.left {
	display: block;
	float: left;
	background: url(../images/subnav_pfeil.gif) no-repeat 5px 50%;
	border-right: 2px solid #ffffff;
	padding: 0px 5px 0px 18px;
}

#subnav a.highlighted {
	background-color: #f0f0f0;
}





#main {
	width: 880px;
	overflow-x: hidden;
	margin: 0 15px 0 15px;
	padding-bottom: 24px;
	font-size: 0.75em;
	color: #1a1a1a;
}

#flash div.flash-notice {
	border: 1px solid #008414;
	color: #008414;
	background-color: #D8FFBB;
	margin: 10px 0px 0px 0px;
	padding: 2px 5px;
	line-height: 20px;
}

#flash div.flash-error {
	border: 1px solid #990A0C;
	color: #990A0C;
	background-color: #FFA894;
	margin: 10px 0px 0px 0px;
	padding: 2px 5px;
	line-height: 20px;
}

a {
	background: url(../images/link_int.gif) no-repeat left center;
	padding-left: 13px;
	color: #266b99;
	text-decoration: none;
}

div.icon_link a {
	background: none;
	padding-left: 5px;
	color: #266b99;
	text-decoration: none;
}

div.icon_link img{
	border:0px;
}

div.no_icon_link a {
	background: none;
	padding-left: 0px;
	color: #266b99;
	text-decoration: none;
}

div.no_icon_link a:hover, div.no_icon_link a:active {
	text-decoration: underline;
}

div.no_icon_link img{
	border:0px;
}

a:hover, a:active {
	text-decoration: underline;
}

a.new {
	background-image: url(../images/link_new.gif);
}

#footer {
	background: #f0f0f0 url(../images/background.gif) repeat-y center top;
	margin: -24px auto 0 auto;
	width: 910px;
}

#footer div.links {
	margin: 0 15px;
	padding: 5px 0;
	border-top: 1px dashed #ccc;
	font-size: 0.625em;
	color: #4d4d4d;
	text-align: center;
}

#footer div.links a {
	background-image: none;
	padding-left: 0;
}



/*
 * Überschriften
 */
h1 {
	color: #4d4d4d;
	/* border-bottom: 1px solid #808080; */
	font-size: 1.2em;
	/* color: #15557F; */
	padding-bottom: 2px;
	margin: 10px 0px;
}

h2 {
	font-size: 1em;
	color: #4d4d4d;
	margin: 0px 0px 5px 0px;
}

h2 div.comment {
	float: right;
	line-height: 1em;
	font-size: 0.9em;
	font-weight: normal;
}

/*
 * Texte
 */
p {
	padding: 0;
	margin: 0px 0px 10px 0px;
}



/*
 * Bilder
 */
div.image-overlay-right {
	overflow-y: visible;
	height: 0px;
	text-align: right;
}

img.image-with-border {
	padding: 1px;
	border: 1px solid #ccc;
}

/*
 * Actions
 */
div.actions {
	clear: both;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: right;
}



/*
 * Pagination
 */
div.pagination a {
	padding: 0;
	background-image: none;
}

div.pagination span.current {
	font-weight: bold;
}



/*
 * Listen
 */
div.list {
	border: 1px solid #d5d5d5;
	border-bottom: 0px;
	margin-bottom: 10px;
	background: #ffffff;
}

div.list div.header {
	background-color: #e2e3e1;
	color: #4d4d4d;
	font-weight: bold;
	padding: 3px 10px;
}

div.list div.actions {
	padding: 10px;
	margin: 0;
	border-bottom: 1px solid #d5d5d5;
	font-size: 0.9em;
}


div.list div.item {
	height: 1%; /*IE Bugfix */
	padding: 10px 10px 0 10px;
	border-bottom: 1px solid #d5d5d5;
}

div.list div.item p {
	font-size: 0.9em;
}

div.list div.item_with_table {
	padding: 0;
	border-bottom: 1px solid #d5d5d5;
}

div.list div.footer {
	padding: 10px;
	margin: 0;
	border-bottom: 1px solid #d5d5d5;
	text-align: center;
}

div.list div.actions div.buttons {
	float: right;
	margin-bottom: 0px;
	font-size: 1.11111em;
}

div.list div.actions div.buttons a.primary,
div.list div.actions div.buttons a.secondary {
	margin-right: 0;
	margin-left: 10px;
}

div.list div.footer div.buttons {
	float: left;
	margin-bottom: 0px;
}

div.list div.footer div.pagination {
	margin: 0 150px; /* für Zentrierung neben der Anzahl pro Seite */
	font-size: 0.9em;
	line-height: 2.0em;
}
	
div.list div.footer div.paginate_per_page {
	float: right;
	font-size: 0.9em;
	line-height: 2.0em;
}

div.list div.footer div.paginate_per_page select {
	font-size: 0.9em;
}

div.list div.profile-image {
	float: left;
	width: 54px;
	margin: 0px 10px 10px 0px;
	text-align: center;
}

div.list div.item-check-box {
	float: left;
	width: 24px;
	margin: 2px 10px 10px 0px;
	text-align: center;
}


div.list div.profile-image img {
	border: 1px solid #f0f0f0;
	padding: 1px;
}

div.list div.profile-image a {
	background-image: none;
	padding: 0;
}

div.list h2 {
	margin: 0 0 5px 0;
}

div.list h2 a {
	padding: 0;
	background-image: none;
}

div.list div.data {
	float: left;
	margin: 0 0 5px 0;
	font-size: 0.9em;
}

div.list div.links {
	float: right;
	width: 200px;
	line-height: 1.5em;
	margin: 0 0 10px 10px;
	font-size: 0.9em;
}

div.list div.links a {
	display: block;
	border-bottom: 1px solid #f0f0f0;	
}

div.form {
	border: 1px solid #d5d5d5;
	padding: 10px 10px 0 10px;
	margin-bottom: 10px;
	background: #ffffff;
}

div.tab {
	border: 1px solid #d5d5d5;
	padding: 10px 10px 0 10px;
	margin-bottom: 10px;
	background-color: #f9f9fa;
}

div.label {
	float: left;
	margin-bottom: 2px;
	margin-top: 3px;
	color: #6d6d6d;
	width: 30%;
}

div.label_bold {
	float: left;
	margin-bottom: 2px;
	margin-top: 3px;
	color: #6d6d6d;
	width: 30%;
	font-weight: bold;
}

div.text_bold {
	float: left;
	margin-bottom: 2px;
	margin-top: 3px;
	width: 70%;
	font-weight: bold;
}

div.text {
	float: left;
	margin-bottom: 2px;
	margin-top: 3px;
	width: 70%;
}

div.input,
div.checkbox,
div.select, 
div.select-no-width {
	float: left;
	margin-bottom: 5px;
	width: 70%;
}

div.input input,
div.input textarea {
	width: 48.75%;
}

div.input select {
	width: 50%;
}

div.input input.large,
div.input textarea.large {
	width: 98.75%;
}

div.input select.large {
	width: 100%;
}

div.input input.small,
div.input textarea.small {
	width: 23.875%;
}

div.input select.small {
	width: 25%;
}

div.checkbox * {
	vertical-align: middle;
}

div.checkbox input {
	margin-right: 5px;	
}

div.input textarea {
	font-size: inherit;
	font-family: inherit;
}

div.checkbox-not-labeled {
}

div.checkbox-not-labeled div.checkbox {
	position: absolute;
	width: 15px;
	height: 15px;
}

div.checkbox-not-labeled div.checkbox input {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

div.checkbox-not-labeled div.label {
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
	float: none;
	width: auto;
	color: #1a1a1a;
}

div.caption {
	margin-bottom: 5px;
	font-style: italic;
}

div.spacer {
	height: 10px;
}

div.list br, div.form br {
	clear: both;
}

.clear {
	clear: both;
}




div.links-overlay {
	overflow-y: visible;
	height: 0px;
	text-align: right;
}


pre.exception {
	font-family: Courier New, Courier, monospace;
	font-size: 8pt;
	overflow: scroll;
	height: 400px;
}



/*
 * ActiveRecord-Fehler
 */
.fieldWithErrors,
.fieldWithErrors input,
.fieldWithErrors select,
.fieldWithErrors textarea {
	color: red;

}

div.label div.fieldWithErrors,
div.input div.fieldWithErrors,
div.checkbox div.fieldWithErrors,
div.select div.fieldWithErrors {
	display: inline;
}



/* 
 * Progressbar
 */
img.percentImage {
 background: white url(../images/percentImage_back.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}
  
/* 
 * Tooltip
 * tooltip_info: gelbes i mit Tooltip
 * tooltip: Tooltip über beliebigen Elementen
 */
#tooltip {
	position: absolute;
	width: 200px;
	padding: 5px;
	background: #FFF2CF;
	border: 1px solid #E6B839;
	text-decoration: none;	
	font-weight:normal;
	font-style: normal;
	font-size: 8pt;
	color: #404040;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
}

span.tooltip_info {
	cursor: help;
	padding-left:5px;
}


  
/* 
 * Info
 */
#main .info {
	border-top: 1px solid #ccc;
	background: url(../images/info.gif) no-repeat left top;
	background-position: 5px 7px;
	text-decoration: none;
	margin: 10px 0px 0px 0px;
	padding: 2px 10px 5px 20px;
	line-height: 20px;
/*
	border: 1px solid #E6B839;
  	background-color: #FDF2CF;
	color: #404040;
	border: 1px solid #F8E19F;
	background-color: #FDF2CF;
	color: #808080;
*/	
}
#main .info a {
	font-weight: normal;
	background: none;
	padding-left: 0px;
}

  
  
/* Subsection Tabs TODO!!!
--------------------*/
#main ul.subsection_tabs {
	margin: 0 10px;
	padding: 0;
	clear: both;
	list-style: none;
}

#main ul.subsection_tabs li.tab {
	float: left;
	margin-right: 5px;
	text-align: center;
}

#main ul.subsection_tabs li.tab a {
	display: block;
	line-height: 19px;
	padding: 0 5px;
	background: none;
	background-color: #f0f0f0;
	color: #404040;
	border: 1px solid #cccccc;
	text-decoration: none;
}

#main ul.subsection_tabs li.tab a.active {
	padding: 0 5px 1px 5px;
	background-color: #f9f9fa;
	border-bottom: 0px;
	font-weight: bold;
}

#main ul.subsection_tabs li.tab a:hover {
	background-color: #f9f9fa;
}

#main ul.subsection_tabs li.source_code {
	float:right;
}

#main ul.subsection_tabs li.float-fix {
	line-height: 20px;
}

#main div.tab_content {
	padding: 10px 10px 0px 10px;
	margin: 0;
	border: 1px solid #808080;
}