html,body {margin:0;padding:0;border:0px solid red;}
body {font: 100.1% "lucida sans",arial,sans-serif;text-align:center; background: #ddd6 url(img/body_bg.gif) repeat-y center; color: #eeeeee;}
p {font-size: 1.2em; line-height:1.4em;margin:0px;}
h1 {font-size:1.8em;}
a {color: #626; text-decoration: none;}

/* table {border:1px solid red; background-color: blue;} */

/*td {background-color: red;}*/
/*.tr-even {background: #dddddd; }*/
.link {color: #0000FF; }

.card_dozent {float:left; height: 15em; width:21em; padding:0.2em;margin: 0.1em; }
.card_dozent_color1 {background: #bbbbbb; }
.card_dozent_color2 {background: #dddddd; }
.card_dozent h2 {display: block; font-size: 0.9em; font-weight: bold; }
.card_dozent p {display: block; font-size: 0.9em; }
.card_dozent a img { font-size: 0.9em; float:left; margin:0.2em;margin-right:0.4em;padding:2px; border:1px solid #000000; background-color:#ffffff;}
.card_dozent_singleView img {float:left; padding: 20px; }

.dozent_singleView_outerFrame {background:url(./dozent_singleview_bg.gif); background-repeat:repeat-y; background-position: top left; background-color: #FFFFFF; width: 930px; }
.dozent_singleView_innerFrame {width: 600px; margin-left: 250px; padding: 40px; background:url(./dozent_logo_bg.gif); background-repeat:no-repeat; background-position: 50% 50%; background-color: #E8E8E8; }
.dozent_singleView_image {float:right; }
.dozent_singleView_image img {float:right; padding: 20px; }
.dozent_singleView_name {float:none; color: #CC9900; margin: 0 0 0 -20px;}
.dozent_singleView_content {margin:0; color: #444444; font-size: 1em; }

#container{text-align:left; width:1040px;margin:0 auto;position:relative;}
#header {height:330px; background:url(img/header_bg.gif);position:relative;}
#subnav {float: right;width:300px;height:30px;z-index:1;text-align:right; margin-right:10px;font-size:1.2em;}
#wrapper{background: #fff url(img/wrapper_bg.gif) repeat-y;}

#content{float:left;width:1040px; overflow:hidden;}
#mainnav {background: #646569 url(img/mainnav_bg.gif); height:26px;padding: 0px;}

#maincontent {
  background:#272829 url(./maincontent_bg.gif) repeat-x; 
  padding:10px 10px 30px 30px; 
  min-height: 800px;}
#maincontent_bottom { clear:both; background: url(img/maincontent_bottom_bg.gif) no-repeat; height:47px;}

#sidebar{background: url(img/sidebar_bg.gif);float:left;width:336px;min-height:200px; overflow:hidden;}
#sidebar_top{background: url(img/sidebar_top_bg.gif); width:336px; height:37px;}
#sidebar_bottom{float:left;width:336px; height:50px;}

#extra{float:right;width:335px; background: url(img/extra_bg.gif) repeat-y;}
#extra_top { background:url(img/extra_top_bg.gif) no-repeat;height:39px;width:335px;}
#extra_bottom { background:url(img/extra_bottom_bg.gif) no-repeat;height:32px;width:335px;}
#extra_content{margin-left:0px;}

#aktuell{float:right;width:335px;background: url(img/extra_bg.gif) repeat-y;}
#aktuell_top { background:url(img/extra_top_bg.gif) no-repeat;height:39px;}
#aktuell_bottom { background:url(img/extra_bottom_bg.gif) no-repeat;height:37px;}
#aktuell_content{margin-left:0px;}

#footer{clear:both;width:100%; background: url(img/footer_bg.gif) repeat-y;}
#footer_top { background: url(img/footer_top_bg.gif) no-repeat;height:35px;}
#footer_bottom { background: url(img/footer_bottom_bg.gif) no-repeat;height:34px;}

#footer { display:block	;margin-left:25px; padding-left:0px; width:600px;border:0px dotted red;color: #222;}
#footer p {display:inline;margin-right:10px; padding-left:0px;border:0px dotted gray;font-size: 0.9em;}
#footer p a {padding: 0px;text-decoration: none;color: #334455;font-size: 0.9em;}
#footer p a:hover {color: #bbccdd;background-color: #667788;}
#footer p a:visited {color: #334455;}

/* Absatzdefinitionen */

#maincontent>p {font-size: 1em;width: 590px; }
#maincontent h1 {font-size: 1.4em;}

#mainnav ul {margin-top:0px; padding:5px 0px;white-space: nowrap;height:26px;}
#mainnav li {margin-top:0px;padding:0px;display: inline;list-style-type: none;font-size:0.7em;}
#mainnav ul li a { padding: 3px 20px 7px 3px; }
#mainnav a:link, #mainnav a:visited {text-decoration: none;color: #000000;background-color: #98999d;border: 1px solid black;}
#mainnav a:hover, #mainnav li.mainnav_act a {color: #222;background: #F6BE7F url(./button_act.gif) repeat-x;text-decoration: none;}

#extra_top>p, #aktuell_top>p {color:#EE7E00;padding: 5px 0px 3px 10px;font-size:1.4em;font-weight: bold;border: 0px dotted gray;}
#extra_bottom>p, #aktuell_bottom>p {color:#EE7E00;padding: 2px 0px 5px 10px;border:0px dotted gray;}
#extra_content>*, #aktuell_content>* {padding: 0px 0px 0px 10px;border:0px dotted gray;width: 310px;}
#extra_content p, #aktuell_content p {font-size: 1.1em;line-height:1.4em;}
#extra_content h1, #aktuell_content h1 {font-size: 1.2em;line-height:1.4em;}

div.tx-fdfx2cols-pi1{position:relative;left:0px;margin-bottom:10px;}
/* Layout 1 */
div.c2l1d-left{ position:absolute;left:0px;padding: 2px;width:286px;white-space:normal;border:1px solid #EE7E00;}
div.c2l1d-middle{position:absolute;left:296px;padding: 2px;width:286px;border:1px solid #EE7E00;white-space:normal;}
/* Layout 2 */
div.c2l2d-left{position:absolute;left:0px;padding: 0px;width:290px;white-space:normal;border:0px;}
div.c2l2d-middle{position:absolute;left:300px;padding: 0px 5px;width:290px;white-space:normal;border:0px;background-color:#ffffff;}
/* Layout 3 */
div.c2l3d-left{position:absolute;left:0px;padding: 0px;width:290px;white-space:normal;border:1px solid #EE7E00;;}
div.c2l3d-middle{float:right;margin:5px;padding: 0px;width: 200px;height: 100px;overflow:auto;white-space:normal;border:1px solid #EE7E00;;background-color:#f0f0f0;}
div.clearfix {clear:both;}
div.clear {clear:both;}
.csc-mailform label { display: block;margin-top: 10px;margin-bottom: 10px; }
.csc-mailform-submit {width: 100px;}
form label { display: block;margin-top: 10px; margin-bottom: -10px;padding: 0px; }
form input { display: block;width: 300px;	background-color: #F9CC9E;}
form textarea { display: block;width: 300px;	background-color: #F9CC9E;}




ul.csc-menu {margin-left:20px;list-style: none;font-size: 1.1em;line-height:1.4em;}
ul.csc-menu li a {color: #334455;}
ul.csc-menu li a:hover {color: #bbccdd;background-color: #667788;}

.csc-uploads-fileName p a,.csc-uploads-fileName p a:visited {font-size: 0.8em;margin:0px;padding: 4px;color: #DA9538; text-decoration: none;}
.csc-uploads-fileName p a:hover {color: #887766;}

a {color: #FFFFFF;}
ul.csc-menu li a,ul.csc-menu li a:visited, ul.csc-menu li a:hover {font-size: 0.8em;font-weight:bold;color:#DA9538;padding:2px;}

/* 1. Level */
#kurs_nav { background: #646569 url(img/mainnav_bg.gif);padding-left:100px;margin-left: 0px; }
#kurs_nav ul { background: #646569 url(img/mainnav_bg.gif);padding:0; margin:0; list-style:none; }
#kurs_nav li { float:left; border-top:5px solid #38393d; border-bottom:4px solid #38393d; background:#98999d; border: 1px solid black;}
#kurs_nav li.last { background-image:0;}
#kurs_nav li a { display:block; color:rgb(34, 34, 34); font-size:0.7em; text-align: left; padding:3px 20px 7px 3px; }
#kurs_nav li:hover , #kurs_nav li.sfhover { background:0; background:#F6BE7F; border-top-color:#1b5e96; border-bottom-color:#1b5e96;}
#kurs_nav li.kurs_nav_act { background:0; background-color:#F6BE7F; border-top-color:#e4e7e5; border-bottom-color:#000;}
#kurs_nav li.kurs_nav_act A { color: #222;background: #F6BE7F url(./button_act.gif) repeat-x;text-decoration: none;}

/* 2. Level */
#kurs_nav LI UL { position:absolute; width:10em; left:-999em; margin:1px 0 0 -21px;}
HTML>BODY #kurs_nav LI UL { margin-left:0px;}
#kurs_nav LI UL LI { width:10em; background:#98999d; border:1px solid #000; border-width:0 1px 1px 1px; padding:0 0 0 0px;}
#kurs_nav UL LI UL LI.kurs_nav A { background: 0; padding: 3px 20px 7px 3px;}


#kurs_nav LI:hover UL LI A, #kurs_nav LI.sfhover UL LI A { text-transform:none; letter-spacing:normal; font-weight:normal; color:rgb(34, 34, 34); padding:4px 2px 4px 2px;}
#kurs_nav LI UL LI:hover, #kurs_nav LI UL LI.sfhover  { background-color:#F6BE7F; border-bottom-color:rgb(34, 34, 34);}
#kurs_nav LI UL LI.kurs_nav_act { background-color:#F6BE7F;}

#kurs_nav LI:hover UL, #kurs_nav LI.sfhover UL { left:auto;}
#kurs_nav A { text-decoration:none;}
#kurs_nav A:hover { text-decoration:none;}
#kurs_nav { width: 100%; overflow: visible; background:#646569 ;}

#box1 {
	top: 50px;
	left:50px;
	width:222px;
	height:222px;
	position:absolute;
}
#box1 img {
	float:left
	display: inline;
	margin:10px;
}

#box2 {
	top: 20px;
	right:50px;
	width: 100px;
	height: 250px;
	position:absolute;
	}

#box2 img {
	margin: 0px;
}