/* GLOBAL BROWSER RESET
====================================================================================  */ 

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

:focus {
outline:0;
}

body {
line-height:1;
background:transparent url('../img/bodyback.gif') repeat-x top left;
background-color:#FFF;
color:#3f3f3f;
}

ol,ul {
list-style:none;
}

table {
border-collapse:separate;
border-spacing:0;
}

caption,th,td {
text-align:left;
font-weight:400;
}

blockquote:before,blockquote:after,q:before,q:after {
content:"";
}

blockquote,q {
quotes:"" "";
}




/* GENERAL TAG STYLES
====================================================================================  */ 

p { font:normal normal normal 11px verdana, sans-serif; padding: 5px 0px 15px 0px; }

table tr td p { font:normal normal normal 11px verdana, sans-serif; padding: 5px 0px; }
table tr td h1, table tr td h2 { font:normal normal bold 12px verdana, sans-serif; padding: 5px 0px; }

/* headlines / h3-h6 not in use */
h1,h4,h5,h6 { font:normal normal bold 14px verdana, sans-serif; padding: 5px 0px 10px 0px; text-transform: uppercase; color: #B3005D; }

/* subheadline */
h2 { font:normal normal bold 12px verdana, sans-serif; padding: 5px 0px 10px 0px; }

h3, b { font:normal normal bold 11px verdana, sans-serif; padding: 5px 0px 10px 0px; }

a, a:hover, a:link, a:visited { font:normal normal normal 11px verdana, sans-serif; text-decoration: underline; color: black; }

strong { font-weight: bold; }

#content ul { padding-left: 20px;}

#content ul li { font:normal normal normal 11px verdana, sans-serif; padding: 3px 0px; list-style-type: square;}

#content #rightCol ul { margin: 10px 0px; }

img, div { behavior: url(lib/iepngfix/iepngfix.htc); }



/* LAYOUT
====================================================================================  */  

/* dropshadow both sides and bottom */
#dsWrapper {
width:840px;
background:transparent url('../img/dsBack.png') repeat-y top center;
margin:0 auto;
}

#dsBtm {
	width: 820px;
	height: 13px;
	clear:both;
	margin: 0px auto;
	background:transparent url('../img/dsBtm.gif') repeat-x top left;
}

/* wrapper for page content */
#wrapper {
width:800px;
background-color:#f5f5f6; /* lighter grey */
margin:0 20px;
}

/* whole navbox including logo / navigation links  only is styled further down  */
#navigation {
background-color:#FFF;
width:100%;
height:140px;
clear:both;
}

#navigation #logo {
float:left;
width:215px;
height:140px;
background:transparent url('../img/logo.gif') no-repeat top left;
}

#navigation #greySpacer {
background:#f5f5f6 url('../img/dsLogo.gif') repeat-y top left;
float:right;
height:80px;
width:585px;
}

#navigation #mainNav {
float:right;
width:585px;
height:60px;

background-color:#a3a4a4;
 /* darker grey */

}

/* headerbox including contact and headerimg */
#header {
width:100%;
height: 172px;
clear:both;
}

/*
#header #contact {
float:left;
width:215px;
height:172px;
background:transparent url('../img/contact.gif') no-repeat top left;
}
*/

#header #contact {
background:transparent url(../img/contact.gif) no-repeat scroll left top;
color:white;
float:left;
height:112px;
padding:30px;
width:155px;
}

#header #contact a:link, #header #contact a:hover, #header #contact a:visited, #header #contact a:active {
color: white;
text-decoration: none;
}

#header #headerImg {
float:right;
width:585px;
height:172px;
background:transparent url('../img/headerImg.gif') no-repeat top left;
}

#header #headerLeistung {
float:right;
width:585px;
height:172px;
background:transparent url('../img/leistungen.jpg') no-repeat top left;
}

#header #headerVita {
float:right;
width:585px;
height:172px;
background:transparent url('../img/vita.jpg') no-repeat top left;
}

#header #headerPub {
float:right;
width:585px;
height:172px;
background:transparent url('../img/publikation.jpg') no-repeat top left;
}

#header #headerLehre {
float:right;
width:585px;
height:172px;
background:transparent url('../img/lehre.jpg') no-repeat top left;
}

#header #headerReferenzen {
float:right;
width:585px;
height:172px;
background:transparent url('../img/referenzen.jpg') no-repeat top left;
}

/* grey spacer with white link inside */
#spacer {
clear:both;
width:100%;
height:20px;
background-color:#a3a4a4; /* darker grey */
}

#spacer a { 
padding-left: 10px;
color: white; 
text-decoration: none;
}


/* contentbox with left,rightcol */
#content {
width:100%;
height: auto;
}

#content #leftCol {
float: left;
width:195px;
padding:20px 10px;
margin:10px 0;
}


#content #rightCol {
float: right;
width:545px;
padding:20px;
margin:10px 0;
background:transparent url('../img/dots.gif') repeat-y top left;
}

/* footer with imprint link */
#footer {
width:100%;
height:20px;
background:transparent url('../img/footerBack.gif') no-repeat top left;
clear: both;
}

#imprint {
width: 100%;
height: 20px;	
background:transparent url('../img/imprintLink.gif') no-repeat top right;
display:block;
}




/* NAVIGATION
====================================================================================  */  

#navigation #mainNav ul {
background:transparent url('../img/navBack.gif') repeat-x top left;
width:585px;
height:45px;
}

#navigation #mainNav ul li {
float:left;
background-color:#a3a4a4; /* darker grey */
list-style-type: none;
}

#navigation #mainNav ul li a {
display:block;
height:45px;
}

#mainNav #leistung a {
width:121px;
background:transparent url('../img/btn_leistung.gif') no-repeat top left;
}

#mainNav #vita a {
width:81px;
background:transparent url('../img/btn_vita.gif') no-repeat top left;
}

#mainNav #publikationen a {
width:142px;
background:transparent url('../img/btn_publikationen.gif') no-repeat top left;
}

#mainNav #lehre a {
width:78px;
background:transparent url('../img/btn_lehre.gif') no-repeat top left;
}

#mainNav #referenzen a {
width:123px;
background:transparent url('../img/btn_referenzen.gif') no-repeat top left;
}

#mainNav ul li.navSpacer {
height:45px;
width:10px;
background:transparent url('../img/navSpacer.gif') no-repeat top left;
}



#content #leftCol ul {
text-align: right;
}

#content #leftCol ul li {
list-style-type: none;
}

#content #leftCol ul li a:link, #content #leftCol ul li a:hover,#content #leftCol ul li a:active, #content #leftCol ul li a:visited {
text-decoration: none;
font:normal normal bold 11px verdana, sans-serif;
color: #B3005D;
text-transform: uppercase;
}