/* DATEI: basis.css */

html { height: 101%; }

body { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 150%;	
text-align: center; 
margin: 0;
padding:0;
color: #000;
}

.breaker {
overflow: hidden;
clear: both;
height: 0px;
}

#main {
width: 985px;
margin: 0 auto;
padding-bottom: 20px;
text-align: left;
}

/* ------------- Header ------------------- */

#headerContainer {
position: relative;
width: 985px;
height: 90px;
border-top: #fff 1px solid;
border-bottom: #fff 1px solid;
overflow:hidden;
}

#headerLogo {
position: absolute;
top: 20px;
left: 0;
line-height: 75%;
height: 50px;
padding: 0 15px 0 0;
background-color: #2E9CC0;
color: #fff; 
}

#headerLogo #myCampus { float: left; font-size: 30px; padding-right: 5px; line-height: 40px; }
#headerLogo #city { float: left; font-size: 10px; padding-top: 6px; }

#headerLogo a { color: #fff; display:block; padding: 5px 5px 5px 20px; }
#headerLogo a:hover { color: #fff; background-color: transparent; text-decoration:none; }

#logoLeft { float: left; }
#headerLogo #logoLeft a { padding: 0 5px 0 20px; }
#logoRight { float: right; } 

#headerNav {
position: absolute;
top:0;
right: 20px;
height: 55px;
padding: 5px 10px 10px 10px; 
font-size: 11px; 
line-height: 120%;
color: #3B310E;
text-align: right;
background-color: #fff;
opacity:.90;
filter: alpha(opacity=90); 
-moz-opacity: 0.90;
}

#headerNav span.bold { font-weight: bold; color: #2E9CC0; }
#headerNav #buttons { padding-top: 11px; }
#headerNav #buttons a { background-color: #3B310E; color: #fff; font-weight: bold; padding: 3px 5px 3px 5px; }
#headerNav #buttons a:hover { text-decoration: none; background-color: #000; }

/* ------------- Menu ------------------- */

#menu {
width: 985px;
padding: 0;
height: 30px;
font-size: 14px;
background-color: #3B310E;
color: #806F36;
}

#menu ul { margin: 0; padding: 0; list-style-type:none; line-height: 30px; }
#menu li { margin: 0; padding: 0; float: left; }
#menu li.current	{ }
#menu li a	{ color: #BCB986; padding: 0 20px 0 20px; display: block; }
#menu li a:hover	{ background-color:#000; color: #fff; text-decoration: none; }
#menu li.current a	{ background-color:#000; color: #fff; }

#menu #imprint { width: 100px; padding: 6px 20px 0 0; float:right; font-size: 11px; text-align: right; }
#menu #imprint a {  color: #BCB986; }
#menu #imprint a:hover { }

/* ------------- Submenu ------------------- */

#subMenu {
height: 24px; 
width: 965px;
padding: 0 10px 0 10px;
margin-bottom: 20px;
line-height: 24px; 
border-bottom: #DDDECD 1px solid;
}

#subMenu ul { margin: 0; padding: 0; list-style-type:none; }
#subMenu li	{ margin: 0; padding: 0 10px 0 10px; float: left; }
#subMenu li.current	{ }
#subMenu li a	{ color: #BCB986; }
#subMenu li a:hover	{ color:#2E9CC0; text-decoration: none;  }
#subMenu li.current a { color:#2E9CC0; }

/* **********************
Contentainer
********************** */

#contentContainer1 { width: 985px; margin: 20px 0 20px 0; }
#contentContainer1 #col2 { float: left; width: 745px; padding-right: 19px; border-right: #DDDECD 1px solid; }
#contentContainer1 #col3 { float: right; width: 200px; }

#contentContainer2 { width: 985px; margin: 20px 0 20px 0; }
#contentContainer2 #col1 { float: left; width: 200px; }
#contentContainer2 #col2 { float: right; width: 745px; padding-left: 19px; border-left: #DDDECD 1px solid; }

#contentContainer3 { width: 985px; margin: 20px 0 20px 0; }
#contentContainer3 #col1 { float: left; width: 200px; }
#contentContainer32 { float: right; width: 745px; padding-left: 19px; border-left: #DDDECD 1px solid; }
#contentContainer3 #col2 { float: left; width: 505px; padding-right: 19px; border-right: #DDDECD 1px solid; }
#contentContainer3 #col3 { float: right; width: 200px; }

#contentContainer4 { width: 985px; margin: 20px 0 20px 0; }
#contentContainer4 #col2 { float: left; width: 615px; padding-right: 19px; border-right: #DDDECD 1px solid; }
#contentContainer4 #col3 { float: right; width: 330px; }

div.bg1 { background-color: #EEEFE6; padding: 3px 10px 10px 10px; margin-bottom: 10px;}

/* **********************
Content  Formatierungen
********************** */

h1 { line-height: 24px; padding: 4px 0; font-size: 24px; font-weight: bold; color:#2E9CC0; }
h2 { font-size: 16px; font-weight: bold; color:#2E9CC0; } 
h3 { font-size: 13px; font-weight: bold; color:#806F36; }
h4 { font-size: 12px; font-weight: bold; color:#000; }
img { border: none; }
a { color:#2E9CC0; text-decoration:none; }
a:hover { color:#2E9CC0; text-decoration:underline; }
ul { list-style-type: square; }
hr { height: 1px; background-color: #DDDECD; border:none; }

table {  }
table td.title { width: 150px; vertical-align: top; }

.align-right { text-align: right; }
.align-center { text-align: center; }

input.button {
 margin: 5px 0px 5px 5px;
 background-color:#2E9CC0;
 border:1px solid #2E9CC0;
 color:#FFFFFF;
 font-weight: bold;
 vertical-align: middle;
}

#col3 div.csc-sitemap ul{
list-style-type: none;
margin: 0;
padding: 0;
}
#col3 div.csc-sitemap ul li ul {
padding-left: 20px;
}
#col3 div.csc-sitemap ul li ul li ul {
padding-left: 20px;
}
#col3 div.csc-sitemap ul li ul li ul li ul {
padding-left: 20px;
}

/* ********************** 
Footer 
********************** */

#footer {
margin: 20px 0 20px 0;
padding: 0 20px 0 20px;
font-size: 11px;
height: 25px;
line-height: 25px;
color:#A3A586;
border-top: #DCDCDC 1px solid;
border-bottom: #DCDCDC 1px solid;
}

#footer a { color:#A3A586; }
#footer a:hover {}
#footer_left { float: left; width: 250px; }
#footer_right { float: right; width: 450px; text-align: right; }

/* ------------- footerNav ------------------- */

#footerNav { padding: 0; margin: 0 0 0 20px; font-size: 11px; }
#footerNav ul { padding: 0; margin:0; list-style-type:none; }
#footerNav ul li { padding: 0; padding: 0; font-weight: bold; color: #A3A586; }
#footerNav ul li a { font-weight: bold; }
#footerNav ul li ul li a { font-weight: normal; }
#footerNav a { color: #A3A586; }
.footerNav_col { padding-right: 75px; float: left; }


div.tx-newloginbox-pi1 form { background-color: #EEEFE6; padding: 10px; }



/* ------------- Startseite Teaserboxen ------------------- */

div.teaserbox {
background-color: #EEEFE6;
padding: 3px 10px 10px 10px;
/*height: 245px;
width: 100%;
float: left;*/
margin: 0 0 10px 0;
font-size: 11px; 
}
div.teaserbox a { font-weight: normal; }
div.teaserbox h3 {margin:10px 0 5px 0; padding:0;}
div.teaserbox h3 a, div.teaserbox h3 a:hover { color:#806F36; font-weight: bold; }



#jobboerse_teaser, #wohnboerse_teaser {}

div.teaser_entry { padding: 3px 0 3px 0; background-color: transparent; }


/* ------------- 50:50 Boxen ------------------- */
div.box5050 {}

div.box5050 div.col1 {
width: 49%;
float: left;
overflow: hidden;
}

div.box5050 div.col2 {
width: 49%;
float: right;
overflow: hidden;
}


/* ------------- RSS-Links ------------- */
a.rss {
padding: 1px 0 1px 20px;
height: 20px;
line-height: 20px;
background: url(../img/rss.gif) no-repeat top left;
}