/* global */

* {
	margin:0;
	padding:0;
}

body {
	text-align:center;
	background-color:#676767;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-attachment: fixed;
}

body, td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 16px;
	color:#333333;
}

#center {
	width:962px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;

}

* html a {
	position:relative;
}

* html #center .frame #content #qtframe {
	position:relative;
}

/* ======================================================== Header Bereich */

#header {
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	height: 109px;
	width: 962px;
}

#header ul {
	padding-top: 22px;
	padding-right: 20px;
	text-align: right;
}


#header li {
	list-style-type: none;
	
}


#header li a {
	color: #333333;
	text-decoration: none;

}

#header li a:hover {
	text-decoration: underline;
}



/* IE ignores styles with [attributes], so it will skip the following. */
.frame {
	background-image: url(../images/bg_content.png);
	background-repeat: repeat-y;
	float:left;
}

/*sizingMethod = crop|image|scale */
* html .frame {
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  	background-image: url(../images/trans.gif);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/bg_content.png');
	float:left;
}


/*sizingMethod = crop|image|scale */
.framekurs {
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/bg_content_kurs.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.framekurs[class] {
	background-image: url(../images/bg_content_kurs.png);
	background-repeat: repeat-y;
	float:left;
}


#headPic {
	margin-right: 11px;
	margin-left: 11px;

}

/* ======================================================== Content Bereich */

#content360 {
	width: 480px;
	padding-left:20px;
	padding-right:14px;
	float:left;
	display:block;
	line-height:18px;
}




#content {
	width: 480px;
	padding-left:20px;
	padding-right:14px;
	float:left;
	display:block;
	line-height:18px;
}

#content a {
	color:#333333;
	text-decoration:none;
	font-weight:bold;

}


#content a:hover {
	color:#333333;
	text-decoration:underline;
	font-weight:bold;
}

#content li,
#content-tab li,
#content-popup li,
#content_right li{
	background:url(../images/dot.gif) 0px 4px no-repeat;
	padding-left:20px;
	list-style-image: none;
	list-style-type: none;
}


#content .list {

	padding-left:0px;

}


#content li h2 {
	padding-left:20px;

}

#content img {
	float: left;
	padding:1px;
	margin-right:10px;
	border:2px solid #ffe2ca;
	margin-top:5px;
	margin-bottom:5px;
}




#content-tab {
	width: 700px;
	padding-left:20px;
	padding-right:14px;
	float:left;
	display:block;
	line-height:18px;
	background-color:#FFFFFF;
}

/*#content-popup {
	width: 980px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	display:block;
	line-height:18px;
	background-color:#FFFFFF;
	text-align:left;
	
}*/

#content-popup{
	position:absolute;
	left:0px;
	top:0px;
	width:98%;
	height:100%;
	z-index:1;
	background-color: #FFFFFF;
	padding: 10px;
	text-align:left;
}




h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666666;
	margin-bottom: 16px;
}


h2 {
	font-size: 12px;
	color:#333333;
	margin-bottom: 4px;
	font-weight:bold;
}

h3 {
	font-size: 11px;
	color:#333333;
	margin-bottom: 2px;
	font-weight:bold;
}

.listlink  {
	background-image: url(../images/listlink.gif);
	background-repeat: no-repeat;
	padding-left:12px;
	height:18px;
	display:block;
	padding-top:3px;
	margin-top:3px;
	width: 45%;
}

.pdflinkleft  {
	background-image: url(../images/pdf.gif);
	background-repeat: no-repeat;
	padding-left:42px;
	height:22px;
	display:block;
	padding-top:3px;
	margin-top:3px;
	width: 35%;
	float: left;
}

.pdflink  {
	background-image: url(../images/pdf.gif);
	background-repeat: no-repeat;
	padding-left:42px;
	height:22px;
	display:block;
	padding-top:3px;
	margin-top:3px;
	width: 45%;
}

hr {
	height:0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
	color:#FFFFFF;
	background-color:#FFFFFF;
	margin-top:18px;
	margin-bottom:17px;
}

html* hr { /*Für IE*/
	margin-top:11px;
	margin-bottom:11px;
}


.tab td{
	padding:2px;
	vertical-align:top;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.tab {
	background-color: #F4F4F4;
	border-style:solid;
	border-width:2px;
	border-color:#aeaeae;

}

/* ======================================================== Content Rechts */

#content_right {
	width:210px;
	float:left;
	padding-left:16px;
}

#content_right img {
	float: left;
	padding:1px;
	border:2px solid #ffe2ca;
	display:block;
	margin-bottom:5px;
}

#content_right div {
	margin-top:2px;
	margin-bottom:22px;
	font-weight:bold;
}

#content_right a,
#content_right div a {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}

#content_right a:hover,
#content_right div a:hover {
	color:#333333;
	text-decoration:underline;
	font-weight:bold;
}

/* ======================================================== Footer Bereich */
/*sizingMethod = crop|image|scale */




#footer {
	background-image: url(../images/footer.png);
	background-repeat:no-repeat;
	height: 109px;
	width: 962px;
	padding-left:26px;
	padding-top:36px;
	float:left;
}

/*sizingMethod = crop|image|scale */
* html #footer {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='images/footer.png');
	height: 109px;
	width: 962px;
	padding-left:26px;
	padding-top:36px;
	float:left;
}





#footer li {
	list-style:none;
	display:inline;
	float:left;
}

#footer li .right {
	margin-left:525px;
}


#footer a {
	color: #333333;
	text-decoration: none;

}

#footer a:hover {
	text-decoration: underline;
}




/* ======================================================== Tabellen Mouse OVEr*/

.kurstab {
	background-color: #F4F4F4;
	border-style:solid;
	border-width:2px;
	border-color:#aeaeae;

}

.kurstab .week{
font-weight:bold;
/*	border-style:solid;
	border-width:10px;
	height:20px;*/

}

.kurstab td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color:#e2e2e2;
	padding:2px;
	vertical-align:top;
}

.kurstab td a {
	color:#333333;
	text-decoration:none;
	font-weight:bold;

}


.kurstab td a:hover {
	color:#333333;
	text-decoration:underline;
	font-weight:bold;
}


.rowLite {
 	background-color:#ffb980;
/*	height:20px;*/
}

.tableheader {
	background-color:#E2E2E2;
	font-weight:bold;
}
.tableSubheader {
	vertical-align:bottom;
	font-weight:bold;
	height:25px;
}


/*.kurstab .trA {
	background-color: #F4F4F4;
}

.kurstab .trB {
	background-color: #FFFFFF;
}
*/

#center .frame #content360 #pano {
	height: 220px;
	width: 458px;
	display:block;
	margin-top: 12px;
	margin-left: 11px;
	margin-bottom: 11px;
}