/**************************************
**           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:         url(../images/arrow_left.png) no-repeat 0% 50%;   
    padding-left:       12px;
    color:              #000;
    margin:             10px;
    display:            block;
}

* html #headline {
    height:             39px;
}

#headline {
    min-height:         39px;
	margin:				0;
  	padding:            0 55px 25px 55px;
    float:				none;
}



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

* html #map {
    height:             620px
}

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

h1 span {
	display: none;	
}

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

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

* html copy {
	clear:				both;	
}

#flashcontainer{
    width:              1001px;
    min-height:         436px;
    margin-left:        -48px;
    background:         rgb(226,226,226);
    z-index:            1;
    position:           relative;
}

#flashcontent {
	height:				321px;
	background:         rgb(226,226,226);	
}

* html #flashcontainer {
    position:           absolute;
    height:				436px;
}


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

/***** allowed styles *****/
.copyText {
    margin-left:        10px;
}

.copyText b, .copyText strong {
    font-weight:        bold;
}

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

.copyText li {
}

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

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

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

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

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

* html .copyText li {
    list-style-image:   none;
 	background: 	    url(../images/dot.png) no-repeat left 15px;
 	padding-left:       8px;
}

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


#listHeader {
    height:             20px
}

#listSearchbox {
    vertical-align:     bottom;
}

#listSearchbox input {
	margin-top:			1px;
    width:              108px;
    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:             98px;
    border-top:         1px solid #979A9B;
}

.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;
    padding-left:       12px;
    margin-bottom:      10px;    
}

.list a {
    margin-top:         10px;
    color:              #000000;
    background:		    transparent url(../images/arrow_right.png) no-repeat scroll left 51%;
    padding-left:       12px;    
}

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

.listPager span {
	font-weight:        bold;
	padding:            2px;
	background:         #C5CBCE;
	color:              #fff;
}

.listPager a {
	color:				#000;
	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 {
    list-style-image:   url(../images/arrow_right_ie.gif);
}

#linklist a {
    color:              #000;
}




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


#homeContent {
	margin-top:			33px;
}

* html #homeContent {
    margin-top:         486px;
}

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

* html .homeTeaser {
    width:              255px;
}


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

.homeTeaser .homeTeaserImage img {
    border:		1px solid #979a9b;
}


.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% 51%;
    padding-left:       12px;
    display:            block;
    color:              #000000;
    margin-top:         4px;
}

#homeNews {
	background-color:	rgb(226,226,226);
	height:				auto;
	width:				915px;
	margin:				0px 0px 0px 0px;
	padding:			35px 0px 35px 85px;
}

* html #homeNews {
		
}

#homeNewsText {
	width:				600px;
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	background:			transparent;
	font-size:			14px;
	line-height:		24px;
	text-align:			left;
	
}

#homeNewsText b, #homeNewsText strong {
	font-weight:		bold;	
}

#homeNewsText i {
	font-style:			italic;	
}

#homeNewsText u {
	text-decoration:	underline;	
}

#homeNewsText a {
	color:				#b53652;
	text-decoration:	none;	
}



/***** FORMULARE   ***/

form {
    margin-left:        10px;
}

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;
}

* html .button {
  	background:	        url(../images/buttonbg.gif) #c5cbce;
  	font-size:          11px;
    margin-top:			0;  	
    display:            inline-block;
    width:              90px;
    text-align:         center;
    padding:            2px;
}

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

a.backToTopLink {
    text-decoration:    none;
    margin-bottom:      10px;
}

a.backToTopLink:hover {
    text-decoration:    underline;
}


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

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

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

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

.imageDescriptionBig {
    width:              345px;
    color:              #2c2f2f;
    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;		
}


#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;    
}

.peopleDescription div a:hover {
    text-decoration:    none;
}


/******** 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:       12px;
    color:              #000;
}

#pagerRight {
    float:              right;
}

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



/******* REFERENZEN ************/


.refCopyText {
	border-top: 		1px solid #adadad;
	padding-top:		15px;	
}

.referenceSmall {
	margin-left:		146px;	
}


.refImageLeft {
	float:				left;
	margin:				5px 10px 0 10px;
}


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

/* complete footer */
#footer {
    background:         #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:              275px;
    float:              right;
}