/**
    Stern Steward Stylesheet
    (c) Scholz & Volkmer
*/


/**************************************
**           MAIN/GENERAL
***************************************/

body {
    font-family:        Arial, Helvetica, sans-serif;
    font-size:          12px;
}

#main {
    width:              1000px;
    margin:             auto;
}


.breaker {
    clear:              both;
}

.red {
	color:				#9f2a14;			
}

a {
    text-decoration:    none;
}

a:hover {
    text-decoration:    underline;
}



/**************************************
**           HEADER
***************************************/


#header {
    background:         url(../images/topMenuBar.gif) no-repeat top left;
    height:             155px;
    width:              1000px;    
    margin:             auto;
}


#logo {
    float:              right;
}


/*** Main Menu ***/

.clearit {
	clear:              both;
	height:             0;
	line-height:        0.0;
	font-size:          0;
}

#mainmenu {
    padding-top:        8px;
    padding-left:       47px;
}

#menubar, #menubar ul {
	padding:            0;
	margin:             0;
}

#menubar a {
	display:            block;
	padding:            0 3px;
	border-right:       1px solid #676767;
	border-left:        1px solid #676767;
	margin-right:       -1px;
}

#menubar li {
	float:              left;
}

#menubar li ul, #menubar ul li  {
	width:              300px;
}

#menubar > li > a {
    margin-bottom:      3px;
}

#menubar ul li a  {
	border:             0;
}

#menubar li ul {
	position:           absolute;
	display:            none;
}


#menubar li:hover ul, #menubar li.menuhover ul {
	display:            block;
}

#menubar li ul a, #menubar li.menuhover ul a {
    margin-left:        7px;
    padding-top:        1px;
	color:              #000000;
	background-color:   transparent;
}

#menubar .active ul {
    display:            block;
}

/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#menubar li {width: auto;}




/**************************************
**           HEADLINE
***************************************/

#backButton {
	width: 				50px;
	margin-left:		48px;
	color:				#000;
}

#backButton a {
    background-image:	url(../images/arrow_left.png);
    background-position:0% 50%;
    background-repeat:	no-repeat;
    margin:				10px;
    display:			block;   
    padding-left:       16px;
    color:              #000;    
}


#headline {
	margin:				0;
  	padding-top:		0;
  	padding-left:		55px;
  	padding-right:		55px;
  	padding-bottom:		25px;
    float:				none;
}


#map {
	background:			url(../images/map.png) no-repeat;	
}

/**************************************
**           CONTENT
***************************************/

h1 span {
	display: none;	
}

#content {
    margin:             auto;
    margin-bottom:		25px;
    color:              #49575f;
    padding:            0 20px 0 48px;
}

#copy {
    width:              656px;
    float:              left;
}


#flashcontent {
    width:              1001px;
    height:             321px;
    margin-left:        -48px;
    background:         #ccc;
    z-index:            1;
    position:           relative;
}

#flashTeaser {
    z-index:            1;
    position:           relative;
}

/***** allowed styles *****/
.copyText b, .copyText strong {
    font-weight:        bold;
}

.copyText i, .copyText em {
    font-style:         italic;
}

.copyText li {
    
}

.copyText a {
    text-decoration:    underline;
    color:              #FFFFFF;
}

.copyText {
    line-height:		22px;
    margin-bottom:		20px;
    padding-right:		100px;    
    margin-left:		10px;
}

.copyText img {
    margin-left:        -10px;
}

.copyText ul, .copyText ol {
	margin:				10px;
}

.copyText li {
	list-style-image: 	url(../images/dot.png);
}

/******* LISTEN ************/


#listHeader {
    height:             40px
}

#listSearchbox {
    vertical-align:     bottom;
}

#listSearchbox input {
	margin-top:			1px;
    width:              120px;
    height:             18px;
    border:             0;
    background:         url(../images/form_input_small.png) no-repeat;
}

#listSearchbox span {
	position:			relative;
	top:				-1px;	
}

#listSorting {
    float:              right;
    vertical-align:     top;
}

.list {
    width:              656px;
    height:             96px;
    border-top:         1px solid #19575f;
}

.listImage {
    float:              left;
    width:              110px;
    height:             90px;
}

.list img {
    border:             1px solid #979a9b;
    margin-right:       10px;
    margin-top:		    10px;
}

.list h3 {
    margin-top:         10px;
    margin-bottom:      10px;
    font-weight:        bold;
    color:              #2c2f2f;
}

.listCopy {
    color:              #2c2f2f;
    margin-bottom:      10px;    
}

.listCopy.listInfopanelCopy {
    line-height:		18px;
}

.list a {
    margin-top:         10px;
    color:              #000000;
    background-image:	url(../images/link_arrow.gif);
    background-repeat:	no-repeat;
    background-position:left 2px;
    padding-left:       12px;    
}

.listPager {
	padding: 			10px;
	text-align:         right;
	height:             24px;
}

.listPager span {
	font-weight:        bold;
	padding:            2px;
	color:              #FFFFFF;
	background-color: 	#7A7A7A;
}

.listPager a {
	color:				#FFFFFF;
	font-weight:        normal;
	padding:            2px;
}


/********** Linklist*********/


#linklist {
    margin-left:        10px;
}

#linklist ul {
    list-style-type:    none;
    margin-top:         10px;
    margin-left:        14px;    
}

#linklist li {
    margin-bottom:      10px;
    line-height:        18px;
    list-style-image:   url(../images/arrow_right.png);
}

* html #linklist li {
	line-height:        12px;
    list-style-image:   url(../images/arrow_right.gif);
}

#linklist a {
    color:              #000;
}



/*********** home ******************/


#homeContent {
	margin-top:			33px;
}

.homeTeaser {
    width:              255px;
    height:             92px;
    margin-top:         23px;
    margin-left:		41px;
    float:				left;
    cursor:				pointer;
}

.homeTeaser .homeTeaserImage {
    float:              left;
    width:              108px;
}

.homeTeaser .homeTeaserText {
    float:              right;
    width:              136px;   
    font-size:          12px;
    padding-left:       0px;
    color:              #3b3d3e;
}

.homeTeaser .homeTeaserText h3 {
    color:              #3b3d3e;
    padding-top:        7px;
    padding-bottom:     6px;
    font-weight:        bold;
}

.homeTeaser .homeTeaserText {
    line-height:        14px;
}

.homeTeaser .homeTeaserText a {
    background:         url(../images/arrow_right.png) no-repeat 0% 50%;
    padding-left:       12px;
    display:            block;
    color:              #000000;
    margin-top:         4px;
}



/***** FORMULARE   ***/

form label {
    display:            block;
    width:              140px;
    padding:            2px;
}

form td {
    margin-top:         6px;
    vertical-align:     top;
}

form tr {

    height:         	24px;
}

.bigInputField {
    border:             0;
    width:              242px;
    background:         transparent url(../images/form_input_big.png) no-repeat;
    height:             18px;
}

.textarea {
    width:              242px;
    height:             108px;
    background:         #ebedee url(../images/formbg.png) repeat-x;
    border:             1px solid #4b4e4e;
    font-family:        Arial, Helvetica, sans-serif;
    font-size:          12px;
}

.button {
	background:			url(../images/buttonbg.gif) repeat-x;
	border:				1px solid #494c4c;	
	width:				auto;
	padding:			1px 6px;
	background-color:	#c5cbce;
    margin-top:			-3px;
}

.button a {
	background:         url(../images/arrow_right.png) no-repeat 0% 50%;   
    padding-left:       10px;
    color:              #000;	
    cursor:				pointer;
}


/********* IMAGES *****************/

/* normal image */
.image {
    display:            inline;
}

/* big teaser image */
#teaserImage img {
	margin-bottom:		22px;
}



.imageDescription {
    width:              240px;
    color:              #ffffff;
    padding-left:       0px;
    font-size:          11px;
    font-weight:        bold;
}

.imageDescriptionBig {
    color:              #ffffff;
    padding-left:       0px;
    font-size:          11px;
    font-weight:        bold;
}

.imageBorder {
    border:             1px solid #969b9d;
}

.imageLeft {
    float:              left;
    margin-right:       14px;
}

.imageRight {
    float:              right;
    margin-left:        14px;
}



/****** SIDEBAR ***********/
#sidebar {
    position:           relative;
    float:              right;
    z-index:            10;    
}   

.sidebarHome {
	margin-top:			40px;		
}

.sidebarHome2 {
	top:				25px;
}

* html .sidebarHome2 {
	top:				-575px;
}

#sidebar .red {
	color:				#9e1b32;
}

#sidebar .red a {
	color:				#9e1b32;
}


/***** smallTeaser ********/
#sidebar .smallTeaser {
    width:              255px;
    height:             108px;
    background:         url(../images/elements/smallTeaser.png) no-repeat;
    margin-bottom:      8px;
    cursor:				pointer;
}

.smallTeaser .smallTeaserImage {
    padding:            9px 8px 8px 9px;
    float:              left;
    width:              83px;
}

.smallTeaser .smallTeaserText {
    float:              right;
    width:              136px;   
    font-size:          12px;
    padding-right:      8px;
    color:              #2c2f2f;
	line-height:        14px;    
	word-wrap:			break-word;
	word-break: 		keep-all;
}

.smallTeaser .smallTeaserText h3 {
    padding-top:        14px;
    padding-bottom:     6px;
    font-weight:        bold;
}

.smallTeaser .smallTeaserText p {
   	line-height:        14px;    
}

.smallTeaser .smallTeaserText a {
    background:         url(../images/link_arrow.gif) no-repeat bottom left;
    padding-left:       12px;
    display:            block;
    padding-top:        6px;
    color:              #000000;
}

/********** big teaser ***************/
.bigTeaser {
	cursor:				pointer;
    width:              238px;
    height:             164px;
    padding:            8px;
    background:         url(../images/elements/bigteaser.jpg) no-repeat;
    margin-bottom:      8px;
    color:              #2c2f2f;
}

.bigTeaser .bigTeaserText h3 {
    padding-top:        10px;
    padding-bottom:     6px;
    font-weight:        bold;
}

.instituteTeaser {
    margin-top:         60px;
    background:         #3b3d3e;
    height:             auto;
}


/********** people ************/

.peopleElement {
    width:              99px;
    height:             198px;
    background-position:center;
    float:              left;     
    background-repeat:  no-repeat;
    z-index:            1;
	margin:      		0 4px 4px 0;
	cursor:				pointer;    
	vertical-align:		bottom;
	overflow:			hidden;
}

.peopleDescription {
	padding:			0 3px 0 5px;
    display:            none;
    background:         url(../images/trans.png);
    height:             198px;
    color:              #fff;
    vertical-align:		bottom;
	position:			relative;
}

* html .peopleDescription {
	height:             118px;
	padding-top:		80px;
	position:			static;
	filter:				alpha(opacity=80);
}

.peopleDescription div {
	display:			inline;
	position:			absolute;
	bottom:				0;
	padding-bottom:		17px;
	padding-right:		5px;
}

* html .peopleDescription div {
	position:			static;
}

.peopleDescription h3 {
    color:              #fff;
    font-weight:        bold;
    margin-bottom:      10px;
    padding-top:         10px;    
}


/******** pager navigation *******/
#pager {
    margin-top:         25px;
    width:              565px;
}

#pagerLeft {
    float:              left;
}

#pagerLeft a {
    background:         url(../images/arrow_left.png) no-repeat 0% 50%;   
    padding-left:       16px;
    color:              #000;
}

#pagerRight {
    float:              right;
}

#pagerRight a {
    background:         url(../images/arrow_right.png) no-repeat 100% 50%;   
    padding-right:      16px;
    color:              #000;
}

/**************************************
**           FOOTER
***************************************/

/* complete footer */
#footer {
    background-color:   #ececec;
    height:             16px;
    padding-top:        6px;
}

* html #footer {
    position:           static;
}

/* left part of the footer */
#footerLeft {
    margin-left:        57px;
    float:              left;
}

* html #footerLeft {
    margin-left:        25px;
}

/* right part of the footer */
#footerRight {
    width:              277px;
    float:              right;
}

/**************************************
**           GALLERY
***************************************/
.gallery {
	display: 			block;
	padding-top: 		15px;
	padding-bottom: 	27px;
}

.imageSet {
	display:			block;
	padding-top:		24px;
}

.imageSet img {
    margin-left:		0px;
    margin-right:		0px;
    padding-left:		0px;
    padding-right:		2px;
    border:				none;
}

.galleryHL {
	font-weight:		bold;
	padding-top: 		5px;
}

.blueLine {
	height: 1px;
	width: 655px;
	border-bottom: 1px solid #19575F; 
}