/**
 * base css file
 * --------------------------------------------------------------------------------------------------*/
/* vesion 0.1
 * 2008-04-15
 */
 
@CHARSET "ISO-8859-1";

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

*{ margin:0; padding: 0 }

* html body *{ overflow:visible }
* html iframe, * html frame{ overflow:auto; }
* html frameset{ overflow:hidden; }

html{ height: 100%; margin-bottom: 1px; }

body{
    color:#111;
    text-align:left;
    background:#f2f2f2 none;
    font: normal normal normal 100.01%/1.125em "Trebuchet MS", "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, Sans-Serif;
    position:relative;
    height:100%;
}

#wrapper{
	width:907px;
	padding:0;
	margin:40px auto 0 auto;
	/* background:#b0bdc5 url(http://dgan.de/design/bg-body.jpg) repeat-y 50% 0; */
    background:#f2f2f2 url(http://dgan.de/dsan/graphics/bgPageRepeat.gif) repeat-y center top;
}

#page{
	width:907px;
	margin:0;
	padding:0;	
}

#header{
	width:907px;
	height:130px;
	background:transparent url(http://dgan.de/dsan/graphics/bgPageTop.gif) no-repeat center top;
	position:relative;
}

#footer{
	width:907px;
	height:55px;
	padding-top:30px;
	background:transparent url(http://dgan.de/dsan/graphics/bgPageBottom.gif) no-repeat center bottom;
	position:relative;
	font-size:0.69em;
	line-height:1.27em;
}

#main{
	background-color:transparent;
	overflow:hidden;
	width:901px;
	margin:0 3px;
}

#rail{
	background-color:transparent;
	width:188px;
	padding:10px;
	float:left;
	font-size:0.69em;
	line-height:1.5em;
}

#content{
	background-color:transparent;
	width:621px;
	padding:10px 24px 10px 48px;
	float:left;
	font-size:0.81em;
	line-height:1.5em;
}

#legend{
	width:901px;
	padding:5px 3px 34px 3px;
	margin:0 auto;
    background:transparent;
}

/* end: layout
 */

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

#navigation{
	position:relative;
	
	width:901px;
	height:30px;
	
	margin:0 3px;
	
	background:transparent url(http://dgan.de/dsan/graphics/hrMain.gif) no-repeat 208px top;
	
	font-size:0.69em;
	line-height:1.5em;
}

#navigation ul{ list-style-type:none; margin:0 0 0 242px; padding:0; }

#navigation ul li{ margin:0 15px; padding:0 0 3px 0; float:left; line-height:1.45em; }

#navigation li ul{ list-style-type:none; margin:0; padding:0; position:absolute; top:2.45em; left:0 }

#navigation ul li a{ 
	line-height:1.45em;
	text-transform:uppercase;
	text-decoration:none; 
	color:#222 ;
	border-bottom:1px solid #e8e8e8;
}

#navigation ul li a:hover, #navigation ul li.current a{
	border-bottom:1px solid #5197ed;
	/*background:transparent url(http://dgan.de/dsan/graphics/navigationHover.gif) repeat-x left bottom;*/
}

#navigation li ul{ list-style-type:none; margin:0; padding:0; position:absolute; top:2.45em; left:0 }

#navigation li ul li a{ 
	font-size:0.95em;
	text-transform:none !important;
	text-decoration:none; 
	color:#222 ;
	border-bottom:1px solid #e8e8e8 !important;
}

#navigation li ul li a:hover, #navigation li ul li.current a{
	border-bottom:1px solid #b81619 !important;
	/*background:transparent url(http://dgan.de/dsan/graphics/navigationHover.gif) repeat-x left bottom;*/
}

/* end: navigation
 */
 
/**
 * various
 * --------------------------------------------------------------------------------------------------*/

#header .logo{
	position:absolute;
	top:3px;
	left:3px;
	width:198px;
	height:130px;
	background:transparent url(http://dgan.de/dsan/graphics/bgDganEmblem.gif) no-repeat left top;	
}

#header .logo a{
	display:block;
	width:110px;
	height:108px;
	margin:10px auto auto 43px;
	text-decoration:none;
	border:none;
}

#header .branding{
	position:absolute;
	top:13px;
	left:257px;
	width:443px;
	height:105px;
	background:transparent url(http://dgan.de/dsan/graphics/brandingDgan.gif) no-repeat left top;	
}

#main .tac{ text-align:center }
#main .tal{ text-align:left }

#main .tac h1{ font-style:italic; padding:80px 0 50px 0; margin:0; text-decoration:none; font-size:2.00em }

#main h3{ border-bottom:1px solid #e8e8e8; padding:20px 0 3px 0; margin:0 0 10px 0; text-decoration:none; font-size:1.23em  }

#main h4{ border-bottom:1px solid #e8e8e8; padding:20px 0 3px 0; margin:0 0 10px 0; text-decoration:none; font-size:1.00em  }

#main a, #footer a{
	color:#222;
	text-decoration:none;
	border-bottom:1px solid #e8e8e8;
}
 
#main a:hover{ border-bottom:1px solid #b81619; background-color:#ffeeee; }

#content .endC{
	color:#fff;
	padding:20px 0;
}

#footer .shelves{
	display:none;
	margin:0 3px 0 3px;
	padding-left:710px;
	background:transparent url(/graphics/hrMain.gif) no-repeat 208px 6px;
	color:#999;
}

#footer .address{
	display:none;
	text-align:center;
	position:absolute;
	bottom:37px;
	left:3px;
	width:188px;
	margin:0;
	padding:10px;
	background:transparent;
	color:#999;
}

#footer a{
	color:#999;
	text-decoration:none;
	border-bottom:1px solid #e8e8e8;
}
 
#footer a:hover{ border-bottom:1px solid #b81619 }

#legend p{
	color:#c2c2c2;
	font-size:0.63em;
	line-height:1.40em;
	
}

#legend a, #legend p a{
	color:#c2c2c2;
	text-decoration:none;
}

#legend a:hover, #legend p a:hover{
	text-decoration:underline;
}

option{ padding-left: 0.4em }

fieldset, img{ border: 0 solid; }

ul, ol, dl{ margin: 0 0 1em 1em; }
li{ margin-left: 1.5em; line-height: 1.5em; }

dt{ font-weight: bold; }
dd{ margin: 0 0 1em 2em; }

blockquote{ margin: 0 0 1em 1.5em; }

/* end: various
 */
 
 
/**
 * clearfix
 * --------------------------------------------------------------------------------------------------*/
.clearfix:after{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix{
    display: inline-block;
}

html[xmlns] .clearfix{
    display: block;
}

* html .clearfix{
    height: 1%;
}

/* end: clearfix
 */
 
/**
 * kwick
 * --------------------------------------------------------------------------------------------------*/

#kwicks_container { 
	height: 60px;
}
#kwicks {
	position: relative;
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
	/* background-color:#b81619; */
}
 
#kwicks .kwick {
	float: left;
	display: block;
	width: 206px;
	height:50px;
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
}

#kwicks .current { width: 258px !important; }

#kwicks .kwick a span{
	color:#fff;
}

#kwicks .kwick a{
	text-decoration:none;
	background:transparent none;
	border-bottom:0 solid;
	border-right:5px solid #fff;
	cursor:pointer;
	display:block;
	height:30px;
	overflow:hidden;
	padding:10px;
}

#kwicks .kwick a.firm { border-right:0 solid; }

#kwicks .kwick span a:hover{ background:transparent none; }
 
#kwicks .kwick { background:transparent url(http://dgan.de/dsan/graphics/bgKwick.gif) no-repeat left top; }

#kwicks .kwick a.we{ background:transparent url(http://dgan.de/dsan/graphics/bgKwickWe.gif) no-repeat left top; }
#kwicks .kwick a.students{ background:transparent url(http://dgan.de/dsan/graphics/bgKwickStudents.gif) no-repeat left top; }
#kwicks .kwick a.firm{ background:transparent url(http://dgan.de/dsan/graphics/bgKwickFirm.gif) no-repeat left top; }

#kwicks .clr { clear:both; display:block; }



/* end: kwick
 */