/* layout --------------------------- */

html, body {
	margin: 0;
	padding: 0;
	}

body {
	background-color: #FFF;
	}

#bodycontainer {
	margin: 0 0 0 0;
	position: relative;
	}
	
#left-col  {
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	margin-top: 20px;
	}
	
#main {
	margin: 0 0 0 0;
	}
#bereich
{
	display:none;
}	

/* schriften ------------------------ */

h1, h2, h3, h4, h5, h6, p, blockquote, li, dt, dd, caption, th, td, label {
	font-family: Arial, Helvetica, sans-serif;
	}

h1, h2, h3 {
	font-size: 14px;
	line-height: 1.2em;
	}

form h2, form h3, h4, h5, h6, p, blockquote, li, dt, dd, caption, th, td, label, input, select {
	font-size: 12px;
	line-height: 1.4em;
	}

#content p span.legend {
	font-size: 11px;
	}

h1, h2 {
	margin: 1em 0;
	}

h3, h4 {
	margin: 1em 0 0.5em 0;
	}

caption {
	margin: 1em 0 0.5em 0;
	}

p, blockquote {
	margin: 0.5em 0;
	}

table p {
	margin: 0;
	}

em {
	font-style: italic;
	}

strong {
	font-weight: bold;
	}

ins {
	color: #F00;
	font-weight: normal;
	text-decoration: none;
	}

/* misc ----------------------------- */

.error {
	color: #F00;
	}

.clearer {
	clear: both;
	line-height: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	}

/* links ---------------------------- */

a {
	color: #093;
	}

/* zitate --------------------------- */

blockquote {
	color: #002479;
	}

/* hintergruende -------------------- */

body {
	background: url(../img/bas/bg_head_aktuelles.jpg) no-repeat 225px 30px;
	}

body#home {
	background: url(../img/bas/bg_head_home.jpg) no-repeat 225px 112px;
	}

body#home div#main {
	background: url(../img/bas/slogan_svwa.png) no-repeat 15px 30px;
	}

body#ak {
	background-image: url(../img/bas/bg_head_aktuelles.jpg);
	}

body#ak div#main {
	background: url(../img/bas/head_aktuelles.gif) no-repeat 27px 8px;
	}

body#sg {
	background-image: url(../img/bas/bg_head_studiengaenge.jpg);
	}

body#sg div#main {
	background: url(../img/bas/head_studiengaenge.gif) no-repeat 27px 6px;
	}

body#st {
	background-image: url(../img/bas/bg_head_studiengaenge.jpg);
	}

body#st div#main {
	background: url(../img/bas/head_studierende.gif) no-repeat 27px 7px;
	}

body#se {
	background-image: url(../img/bas/bg_head_aktuelles.jpg);
	}

body#se div#main {
	background: url(../img/bas/head_seminare.gif) no-repeat 27px 9px;
	}

body#ab {
	background-image: url(../img/bas/bg_head_absolventen.jpg);
	}

body#ab div#main {
	background: url(../img/bas/head_absolventen.gif) no-repeat 27px 7px;
	}

body#wu {
	background-image: url(../img/bas/bg_head_aktuelles.jpg);
	}

body#wu div#main {
	background: url(../img/bas/head_wirueberuns.gif) no-repeat 27px 6px;
	}

/* navi ----------------------------- */

ul#navi {
	margin: 15px 0 20px 0;
	padding: 0;
	list-style: none;
	}

ul#navi li {
	background: #093 url(../img/bas/bullet_navi.gif) no-repeat 5px 3px;
	margin: 0 0 3px 0;
	border-top: 1px solid #000;
	padding: 1px 0 1px 0;
	}

#ak ul#navi li#menu-ak,
#sg ul#navi li#menu-sg,
#st ul#navi li#menu-st,
#se ul#navi li#menu-se,
#ab ul#navi li#menu-ab,
#wu ul#navi li#menu-wu {
	background-color: #002479;
	}

#sg ul#navi li#menu-sg,
#ab ul#navi li#menu-ab,
#wu ul#navi li#menu-wu {
	margin: 0;
	padding-bottom: 0;
	}

#wu ul#navi li#menu-wu ul {
	border-bottom: 1px solid #000;
	}

ul#navi a {
	color: #FFF;
	padding-left: 15px;
	text-decoration: none;
	}

/* begin IE hack */

* html ul#navi a {
	display: block;
	height: 1%;
	}

* html ul#navi li {
	background-position: 5px 4px;
	}

/* end IE hack */

ul#navi a:hover {
	text-decoration: underline;
	}

ul#navi ul {
	margin: 0;
	border-bottom: 1px solid #FFF;
	padding: 0;
	list-style: none;
	}

ul#navi li li {
	background-color: #FFF;
	background-image: url(../img/bas/bullet_navi_in.gif);
	margin: 0;
	}

ul#navi li li.active {
	background-color: #FFF;
	}

ul#navi li li a {
	color: #000;
	}

ul#navi li li.active a {
	color: #002479;
	font-weight: bold;
	}

/* metanavi ------------------------- */

ul#metanavi {
	margin: 0 0 86px 0;
	padding: 0;
	list-style: none;
	text-align: right;
	}

#home ul#metanavi {
	margin-bottom: 245px;
	}

ul#metanavi li {
	display: inline;
	padding: 0 20px 0 0;
	}

ul#metanavi a {
	height: 1px;
	color: #000;
	padding-left: 15px;
	text-decoration: none;
	}

ul#metanavi li.home a {
	background: url(../img/bas/icon_home.gif) no-repeat 0 40%;
	}

ul#metanavi li.sitemap a {
	background: url(../img/bas/icon_sitemap.gif) no-repeat 0 40%;
	}

ul#metanavi li.impressum a {
	background: url(../img/bas/icon_impressum.gif) no-repeat 0 40%;
	}

ul#metanavi a:hover {
	text-decoration: underline;
	}

* html ul#metanavi li,
* html ul#metanavi a {
	height: 1px; /* Holly Hack */
	}

/* binnennavigation ----------------- */

div#inner-navi a {
	color: #002479;
	}


div#inner-navi li.disabled {
	color: #AAA;
	}


/* logo ----------------------------- */

#logo,
#logo em {
	width: 151px;
	height: 108px;
	background: #FFF url(../img/bas/logo_svwa.png) no-repeat 0 0;
	}
	
#left-col #logo {
	position: relative;
	margin: 3px auto 0 15px;
	padding: 0;
	/* hide overflow: hidden from IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */
	}

#logo em {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1; /*for Opera 5 and 6*/
	}

#logo a {
	display: block;
	}

* html #logo a {
	cursor: hand;  /* invalid, for IE5/win */
	c/ursor: pointer;
	}

/* skip navigation ------------------ */

#skip {
	position: absolute;
	left: -1000px;
	width: 990px;
	font-size: 1px;
	line-height: 1px;
	}

/* inhaltsbereich ------------------- */

#home div#content {
	padding: 10px 0 10px 0;
	}

div#content {
	clear: both;
	margin: 0;
	}

div#content.small {
	width: 550px;
	
	padding-right: 20px;
	}

/* seitenbereich -------------------- */

div#left-col h3,
div#left-col p {
	padding: 0 10px 0 5px;
	}

/* breadcrumb ----------------------- */

ul#bread {
	clear: both;
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
	}

ul#bread li {
	display: inline;
	color: #000;
	}

ul#bread li a {
	color: #002479;
	}

/* ueberschriften ------------------- */

h1, h2 {
	border-top: 1px solid #000;
	padding: 0;
	}

h1 span, h2 span {
	color: #FFF;
	background-color: #002479;
	margin: 0;
	border-right: 2px solid #B2B2B2;
	border-bottom: 2px solid #B2B2B2;
	padding: 1px 5px;
	}

h2 span {
	background-color: #093;
	}

h3, caption {
	color: #093;
	}

h2, h3 {
	clear: both;
	}

/* listen --------------------------- */

#content ul {
	margin: 0.5em 0;
	padding: 0;
	list-style-type: none;
	}

#content ul li {
	background: url('images/bullet_navi_in.gif') no-repeat 0 3px;
	margin: 0 0 3px 0;
	padding: 1px 0 1px 10px;
	}

#content div.inline-list ul {
	margin: 0;
	}

#content div.inline-list ul.small {
	width: 550px;
	}

#content div.inline-list ul li {
	display: inline; /* fuer alte ie */
	width: 202px; /* 3 items per line */
	padding-right: 10px;
	}
	
#co\ntent div.inline-list ul li {
	float: left;
	display: list-item;
	width: 192px; /* 3 items per line */
	}

#content div.inline-list ul.four li {
	width: 180px; /* 4 items per line */
	}
	
#co\ntent div.inline-list ul.four li {
	width: 170px; /* 4 items per line */
	}

#content ol {
	margin: 0 0 0 20px;
	padding: 0;
	}

* html #content ol {
	margin: 0 0 0 22px;
	}

#content li {
	margin: 0 0 1px 0;
	padding: 0;
	}

/* definitionslisten ---------------- */

#content dl {
	margin: 0;
	}

#content dl dt {
	clear: both;
	margin-top: 15px;
	font-weight: bold;
	}

#content dl dd {
	margin: 5px 0 0 0;
	}

#content dl p {
	margin-top: 0;
	margin-bottom: 5px;
	}

/* tabellen ------------------------- */

* html #content table {
	width: 90%;
	w\idth: 100%;
	}

#content table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
	}

#content caption {
	font-weight: bold;
	text-align: left;
	}

#content th {
	background-color: #093;
	text-align: left;
	}

#content thead th {
	color: #FFF;
	border-top: 1px solid #000;
	}

#content th,
#content td {

	vertical-align: top;
	}

#content th.top {
	border-bottom: 0 none;
	text-align: center;
	}

#content tr.sub th {
	border-top: 0 none;
	}

#content th,
#content td {
	padding: 3px 5px 2px 5px;
	}

#content td {
	background-color: #EFF7F2;
	}

#content td.em,
#content tr.em td,
#content tbody th {
	background-color: #CDE3D5;
	}

#content td.cen,
#content th.cen {
	text-align: center;
	}

#content td.num,
#content th.num {
	text-align: right;
	}

#content tr.tabellenkopf td { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	background-color: #093;
	text-align: left;
	color: #FFF;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	vertical-align: top;
	padding: 3px 5px 2px 5px;
}

table.login tr td
{
	background: #FFFFFF !important;
	border: 0 none !important;
}

table.login tr td table tr td[align=center]
{
	background-color: #093 !important;
	border: 0 none !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	line-height: 1.4em !important;
}

/* formulare ------------------------ */

form {
	border-bottom: 1px solid #000;
	}

form h2#form,
form h3#form {
	margin: 0;
	border-bottom: 1px solid #000;
	padding: 0 5px;
	}

form h2#form {
	color: #FFF;
	background-color: #093;
	}

form h3#form {
	color: #000;
	background-color: #CDE3D5;
	font-weight: normal;
	}

form fieldset {
	background-color: #EFF7F2;
	margin: 0;
	border: 0 none;
	border-bottom: 1px solid #000;
	padding: 0 0 8px 0;
	}

form fieldset.box {
	padding-left: 110px;
	}

form>fieldset.box {
	padding-left: 115px;
	}

form fieldset.text label {
	clear: both;
	float: left;
	width: 110px;
	margin-top: 5px;
	padding: 0 5px;
	line-height: 1.8em;
	}

form label.box {
	display: block;
	padding: 5px 5px 0 05px;
	line-height: 1.8em;
	}

form label.box input {
	padding: 0;
	margin: 0 5px 0 0;
	}

form fieldset.text input,
form fieldset.text textarea,
form fieldset.text select {
	width: 300px;
	float: left;
	margin: 8px 50px 0 0;
	}
form fieldset.text input[type=radio] 
{
	width: auto;
}

form fieldset.text select,
form fieldset.text input#plz {
	width: auto;
	}

* html form input#sonstigestext {
	margin-left: 28px;
	}

form input#sonstigestext {
	margin-left: 23px;
	}

form fieldset.text span {
	margin-left: 10px;
	}

form p.submit, .aweb-box-button {
	background-color: #EFF7F2;
	border: 0 none;
	border-bottom: 1px solid #000;
	margin-top: 0;
	padding: 5px 0 5px 0;
	padding-left: 120px;
	}

form input.button {
	color: #FFF;
	background-color: #093;
	border-color: #8ED2A5 #006422 #006422 #8ED2A5;
	border-style: solid;
	border-width: 2px;
	padding: 0;
	}

form input.button:active {
	border-color: #006422 #8ED2A5 #8ED2A5 #006422;
	}

/* bilder --------------------------- */

img {
	border: 0;
	}

#content p.float-left {
	clear: both;
	float: left;
	margin: 2px 10px 10px 0;
	}

#content p.float-right {
	clear: both;
	float: right;
	margin: 2px 0 10px 10px;
	}

#content p span.legend {
	margin-top: 1px;
	display: block;
	}

#content p.figure {
 text-align: center;
 }

/* footer --------------------------- */

p#footer {
	margin: 0 0 10px 0;
	
	clear: both;
	}

p#footer.small {
	width: 550px;
	}

/* clearer -------------------------- */

#content div {
	clear:both;
	}

#content .clearer {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	}

#content .no-clear {
	clear: none;
	}

/* statements ----------------------- */

dl#statements dt {
	border-top: 1px dotted #000;
	padding-top: 0.5em;
	}

/* forum ---------------------------- */

dl#forum {
	margin: 1em 0;
	border-top: 1px solid #000;
	}

dl#forum dt {
	font-style: italic;
	font-weight: normal;
	}

dl#forum dt span.autor {
	color: #002479;
	}

dl#forum dd {
	border-bottom: 1px dotted #000;
	}

/* login ---------------------------- */

#login h2 {
	margin-bottom: 10px;
	}

#login fieldset {
	border: solid 0 transparent;
	margin-bottom: 10px;
	}

#login label {
	width: 70px;
	}

/* SBMH */

* html #login label {
	width: 80px;
	w\idth: 70px;
	}

#login input {
	width: 90px;
	margin-right: 0;
	}
#login p.submit {
	margin-left: 75px;
	}

#login input.button {
	width: auto;
	}

/* sitemap -------------------------- */

ul#sitemap li {
	font-weight: bold;
	}

ul#sitemap ul li {
	font-weight: normal;
	}

ul#sitemap ul ul li {
	display: inline;
	background: #fff;
	padding: 0;
	}

/* startseite ----------------------- */

div#kontakt {
	border-bottom: 1px solid #000;
	}

#home div#content {
	padding-top: 1em;
	padding-left: 0;
	}

#home div.intro {
	float: left;
	width: 320px;
	margin-right: 15px;
	}

#home div.course {
	clear: none;
	float: left;
	width: 180px;
	margin: 0 0 0 30px;
	}
	.GridExpandCollapseButton
        {
            cursor: hand;
            border: solid 1px gray;
            text-align: center;
            width: 13px;
            display: block;
            height: 15px;
            line-height: 15px;
            text-decoration:none;
            vertical-align:middle;
            font-family:Verdana;
            color: black;
        }

        .GridExpandButton
        {
            width: 11px;
            height: 11px;
            
            cursor: hand;
            text-align: center;
            display: inline-block;
            text-decoration:none;
            vertical-align:middle;
            background-image:url(Images/expand.gif);
            background-repeat:no-repeat;
        }

        .GridCollapseButton
        {
            width: 11px;
            height: 11px;
            line-height:0px;
            cursor: hand;
            text-align: center;
            display: block;
            text-decoration:none;
            vertical-align:middle;
            background-image:url(Images/collapse.gif);
            background-repeat:no-repeat;
        }