/* -------- CSS Reset -------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border: none;	
}

div, ul, li, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}

/* -------- CSS Reset END -------------- */




a 				{
				color: #9fa204;
				text-decoration: underline;
				}

a:hover			{
				color: #9fa204;
				text-decoration: none;
				}

/* -------- Font Colors -------------- */
.black 			{
				color: black;
				}	
	
.blue h1, span.blue, h2.blue	{
				color: #0786c5;
				}
				
.green			{
				color: #b6c600;
				}
				
.grey			{
				color: #4b4a4b;
				}	
				
.grey-footer	{
				color: #9c9e9f;
				}

/* -------- Font Colors END -------------- */



.clear-both 	{
				clear: both;
				}
				
.float-left		{
				float: left;	
				}

.float-right	{
				float: right;	
				}

				
.contentelement {
				font-size: 12px;
				font-weight: normal;
				color: #4b4a4b;
				clear: both;
				line-height: 20px;
				}

.contentelement table.table-quote {
	border-width:0px;
        border-style:solid;
        border-color:black;

}

.contentelement table.table-quote td {
        vertical-align:top;
        padding:5px;
}

.quote-quotation-mark-blue {
				background: top left no-repeat url(../img/gfx/anfuehrung_oben_blau.jpg);        
}
				
.marginalelement{			
				width: 168px;	
				margin-left:45px;
				border-right: solid 1px #b6c600;
				border-left: solid 1px #b6c600;
				background: top left url(../img/gfx/marginal-bg-gradient-trans.png);		
				}

.marginalelement h3 {
				font-size: 13px;
				font-weight: bold;
				color: #b6c600;
				margin-bottom: 10px;
				}

.marginalelement ul {
				margin:2px 0 0px 4px;
				list-style-position:outside
				}
				
.marginalelement li {
				font-size: 12px;
				line-height:21px;
				list-style-type: none;
				padding-left:18px;
				padding-top:1px;
				background: left 6px url(../img/gfx/list-icon-green-trans.png) no-repeat;
				}

.marginalelement-start{			
				width: 202px; 	
				margin:10px 0px 13px 11px;
                		padding: 5px 0px 20px 2px;
                                border-left: 3px solid #b6c600;
				background: top left url(../img/gfx/right_content-start-bg-gradient-border.png) no-repeat;	
                                }


.marginalelement-start p {
                padding-left: 5px;
                padding-right: 30px;
                margin:0px;
                color: #FFFFFF;
                line-height: 18px;
                height: 40px;
                font-size: 13px;
                }  

.marginalelement-start h3 {
				font-size: 13px;
				font-weight: bold;
				color: #b6c600;
				margin-bottom: 10px;
				}

.marginalelement-start ul {
				margin:2px 0 0px 4px;
				list-style-position:outside
				}
				
.marginalelement-start li {
				font-size: 12px;
				line-height:21px;
				list-style-type: none;
				padding-left:18px;
				padding-top:1px;
				background: left 6px url(../img/gfx/list-icon-green-trans.png) no-repeat;
				}

.marginalelement-start-video {
				width: 202px;
				margin-left: 11px;
				font-size: 13px;
				}

.marginalelement-start-video a {
				color: #BBC600;
				text-decoration: underline;
                                font-weight: normal;
				padding-left: 15px;
				background: left url(../img/gfx/link-start-arrow.jpg) no-repeat;
				}

.marginalelement-twitter {
                                background-image:url(../img/gfx/twitter-header-trans.png);
                                background-position:right center;
                                background-repeat:no-repeat;
                                height:62px;
                                margin-left:-53px;
                                margin-top:-20px;
                                overflow:visible;
                                width:215px;
                                }
				

.marginalgradient {
				margin-left:45px;				
				margin-bottom: 40px;
				height: 40px;
				background: bottom left no-repeat url(../img/gfx/marginal-gradient-trans.png);
				}

.marginalfont 	{
				font-size: 12px;
				color:#4b4a4b;
				padding-left: 7px;
				padding-right: 7px;
				width: 154px;
                                line-height: 20px;
				}
/*
.marginalfont-start 	{
				font-size: 13px;
				color:#4b4a4b;
				padding-left: 7px;
				padding-right: 7px;
				}
*/
				
.header-gradient {
				position: absolute;
				top: 0;
				left:0px;
				}



#wrapperbg		{ 
				position:absolute; 
				left:0px; 
				top:0px; 
				z-index:1; 
				width:99%; 
				height:100%; 
				visibility:visible; 
				margin: 0px; 
				padding: 0px; 
				border:none; 
				text-align:center; 
				background: right top url(../img/gfx/background-right.gif) no-repeat;
				}
				
#wrapperpic		{				
				background: no-repeat top url(../img/gfx/background.gif);
				width:100%; 
				height:auto;
				margin-left: -120px;
                                
				}
	
#wrapper		{ 	
				position:relative; 
				left: 120px;
				z-index:2; 
				width:1000px; 
				height: 100%; 
				visibility:visible; 
				margin: 0px auto 0px;
				padding: 0px; border:none; 
				text-align:left; 
				border:none;
				overflow:hidden;
				}



#left			{
				width: 338px;
				height: auto;
				}

#container		{
				position: absolute;
				top: 3px;
				left: 255px;
				z-index: 10;
				}

#container a#start {
				display:block;
				margin-top: 16px;
				}


#main			{
				width: 630px;
				height:auto;
							
				}
				
/* start */

#slideshowelements {
				width: 690px;
				position: absolute;
				top: 270px;
				margin-left: -20px;
				z-index: 100000;
				}

#arrow-left		{
				width: 56px;
				float: left;
				}

#arrow-line		{
				margin: 25px 0 0 5px;
				background: no-repeat url(../img/gfx/blue/content-line-start-trans.png);
				width: 550px;
				height: 1px;
				float: left;
				}

#arrow-right	{
				width: 56px;
				margin-left: 10px;
				float: left;
				}
				
#holder 		{
				width: 630px; 
				height: 543px; 
				float: left;
				}
				
/* not start */				
#content		{
				position: relative;
				width: 415px;
				height: auto;
				}
				
#content h1		{
				margin: 10px 0 10px 0;
				font-size: 12px;
				font-weight: bold;
				}
				
#marginal		{
				width: 215px;
				height: auto;
				}
				
#marginalstart {
				height: 35px;
				}
				
#logo			{
				width: 225px;
				height: 116px;
				padding-top: 9px;
				margin-left: 35px;
				}

#header-info-line {
				width: 630 px;
				height: 50 px;
				margin-top: -30px;
				}

#header-info-line-link {
				width: 330px;
				padding-top: 38px;
				}

#header-info-line-link a {
				color: #0786c5;
				text-decoration: underline;
				font-weight: normal;
                                font-size: 12px;
				}

#header-info-line-box {
				width: 280px;
				padding: 8px 10px;
                                background-color: #0786C5;
				color: #FFFFFF;
                		line-height: 18px;
                		font-size: 12px;
				}

				
#menu 			{
				width: 185px;
				height: 200px;
				margin-left: 114px;
				padding-left: 27px;
				}

#menu h2		{
				font-size: 13px;
				font-weight: bold;
				text-transform: uppercase; 
				}

#menu ul, #container ul		{
				margin:2px 0 20px 4px;
				}



#menu li, #container li {
				list-style: none;		
				background: no-repeat left 6px url(../img/gfx/blue/menu-icon.gif);
				padding-left: 18px;
				line-height:19px;
				}
				
#menu a, #container a {
				font-size: 13px;
				text-decoration:none;
				color:#4b4a4b;
				}
				

#menu a:hover, #container a:hover	{
				color: #0786C5;
				}

#menu li a.active{
                               color:#0786C5;
}

#leftcontent	{
				width: 203px;
				height: 200px;
				margin-top: 10px;
				margin-left: 114px;
				background-color: white;
				padding:10px 0 0 10px;
				}



#footer			{
				width:600px;
				margin-left: 114px;
				padding-left: 27px;
				height: 20px;
				}
				
				
#footer ul		{
				float: left;
				margin: 0 0 8px 5px;
}

#footer li		{
				font-size: 11px;
				color: #9c9e9f;
				padding-left: 28px;
				background:url(../img/gfx/footer-menu-icon.gif) left center no-repeat;
				display: inline;
				}

#footer img#funi{
				margin-top: 3px;
				}
				
				
/*  ------------- Styling Content-Element -------*/

#content div p	{
				font-size: 12px;
				line-height: 20px;
				}
				
#content div.blue ul li {
				background: left 6px url(../img/gfx/blue/list-icon-blue-trans.png) no-repeat;	
				}

#content div p.darkgreen li {
	
}

#content div p.orange li {
	
}	

#content div#people {
				margin:10px 0 0 -20px;
				width: 435px;				
				}

#content div.teaser {
				margin-bottom: 20px;
				width: 415px;	
			        height: 83px;
				}
				
#content div.twoteaser {
                margin:10px 0 0 -15px;
                width: 435px;           
                   
                } 

#content div.twoteaser-start {
                margin:10px 0 0 -15px;
                width: 435px;           
                   
                } 
				
#content div#people a {							
				text-decoration: none;
				}

#content div div.contentelement {				
				/*margin-bottom: 10px;*/
				}

#content div div.peoplepic {				
				margin:0 10px 0 0;
				}


#content div div.peoplecopy {				
				width: 230px;
				}

#content div div.quotepic {				
				margin:0 10px 0 0;
				}


#content div div.quotecopy {				
				width: 320px;
				}
				
#content div div.peoplepic-thumb {				
				margin:0 0px 10px 18px;
				width: 90px;
				font-size: 10px;
				line-height: 17px;
				}
				
#content div div.teaser-pic {				
				margin:0px 0px 10px 10px;
				width: 130px;
				height: 73px;
				}

#content div div.teaser-copy {				
				padding:0px 10px 0px 0px;
				width: 240px;
				line-height: 19px;
				}
				
#content div div.teaser-link {				
				text-align: right;				
				}							
	
#content div div.twoteaser-pic {               
                margin:0px 0px 13px 10px;
                width: 200px;
                background: no-repeat top left url(../img/gfx/teaser-bg-gradient-border.gif);
                padding: 7px 0px 0px 2px;
                height:188px;       
                } 

#content div div.twoteaser-pic-start {               
                margin:0px 0px 13px 10px;
                width: 200px;
                background: no-repeat top left url(../img/gfx/teaser-start-bg-gradient-border.gif);
                padding: 5px 0px 0px 2px;
                height:178px;       
                } 

#content div div.twoteaser-pic p {
                padding-left: 5px;
                margin:0px;
                line-height: 18px;
                height:40px;
                } 

#content div div.twoteaser-pic-start p {
                padding-left: 5px;
                padding-right: 30px;
                margin:0px;
                color: #FFFFFF;
                line-height: 18px;
                height:40px;
                }    

#content div p {				
				margin-bottom: 10px;
				}
			
#content div ul {				
				margin-bottom: 10px;
				}
	

#content div textarea {
				width: 415px;
				height: 100px;				
				margin-bottom: 10px;
				}

#content div ul li {
				font-size: 12px;
				line-height:21px;
				list-style-type: none;
				padding-left:18px;
				padding-top:1px;
}

#content div ul.list-without-bullets li {
                                list-style-type: disc;
                                margin-left:18px;	                        
}


#content div p img.left {
				float: left;
				margin: 5px 8px 5px 0;
				}

.peoplepic-thumb {
				cursor: hand;
				margin-bottom: 10px;
				}
				
#startpage-contentwrapper {
				clear:both; 
				position:relative; 
				height:76px;
				}
				
#studyfieldmixer-header {
				font-size: 13px;
				font-weight: 700;
				color: #0786C5;
				padding: 8px;
				} 
				
#studyfieldmixer-header a {
				font-size: 13px;
				font-weight: 700;
				color: #0786C5;
				text-decoration: none;
				}
				
#studyfieldmixer-header a:hover {
				text-decoration: none;
				} 
				
#studyfieldmixer-header a img {
				vertical-align:baseline;
				}

#studyfieldmixer-boxcase {
				position:absolute;
				top: 10px;
				height: 61px;
				width: 450px;
				background: no-repeat url(../img/content/content/studyfieldmixer/studyfieldmixer-background.gif);
				}

#studyfieldmixer-boxcase div ul {
				line-height:16px;
				font-size:12px; 
				margin-top:1px;
				}

#studyfieldmixer-boxcase div ul li {
				line-height:16px;
				font-size:12px; 
				margin-top:1px;
				padding: 0px;
				}

#studyfieldmixer-box1 {
				position:absolute; 
				top:31px; 
				left:12px; 
				width: 167px; 
				height:19px; 
				overflow:hidden;
				background: no-repeat url(../img/content/content/studyfieldmixer/studyfieldmixer-roll.gif);
				padding-left: 5px;
				}
				
#studyfieldmixer-box2 {
				position:absolute;
				top:31px; 
				left:204px; 
				float:left; 
				width: 167px; 
				height:19px; 
				overflow:hidden;
				background: no-repeat url(../img/content/content/studyfieldmixer/studyfieldmixer-roll.gif);
				padding-left: 5px;
				}
				
#studyfieldmixer-button {
				display:block;
				position:absolute; 
				top:26px; 
				left:382px; 
				float:left;
				background: no-repeat url(../img/content/content/studyfieldmixer/studyfieldmixer-button.gif);
				width: 27px;
				height: 28px;
				border: none;
				}

#twitter-teaser {
				position:absolute;
				top: 9px;
				left:418px;
				}

#twitter_update_list li {
                                list-style-type:none;
                                background-image:none;
                                padding-left:0;
                                margin-bottom:10px;
                                color:#0786c5;
                                font-size:10px;
                                }


#twitter-headline {
                                color:#0786c5;
                                padding-left:57px;
                                padding-top:23px;                               
                                }


/* TIM */

#content div div.twoteaser-pic-start p {
         line-height: 17px;
         letter-spacing: 1px;
         padding-left: 7px;
         height: auto;
}

#content div div.twoteaser-pic-start {
         margin: 0 3px 13px 10px;
         padding: 5px 0 0 0px;
}

#content div div.twoteaser-pic-start img {
         border-left: 2px solid #b6c600;
         margin-top: 10px;
}

#content div div.twoteaser-pic-start img.overlay {
         left: 0;
         position: absolute;
         top: 0;
         z-index: 500;
         margin-top: 0 !important;
}

#content div div.twoteaser-pic-start {
         height: auto;
         background: transparent url(../img/gfx/teaserheadframe_02.jpg) repeat-y scroll left top;
}

#header-info-line {
         height: 61px;
         margin-top: -34px;
}

#header-info-line-box {
         background-color:#0786C5;
         color: #FFFFFF;
         line-height: 18px;
         padding: 10px;
         width: 295px;
}

#header-info-line-link {
        width: 315px;
}

.twoteaser-pic-start a {
        line-height: 0;
}

.twoteaser-pic-start .image-box {
        height: 130px;
        position: relative;
        width: 186px;
}

.menu-left a {
        font-family: Arial;
        font-weight: normal;
}

/*#left #menu {
        margin-top: 139px;
        padding-left: 12px;
}*/



#wrapperbg #wrapperpic {
        background: transparent url(../img/gfx/background_new.gif) no-repeat scroll center top;
}

#left #logo {
        top: 0;
        left: 2px;
}

.contentelement .extended-startpage {
        margin-left: -5px;
}


.marginalelement-start-video object {
       float: left;
       margin: 1px;
}
/*
.marginalelement-start-video {
      border: 2px solid #B6C600;
}*/

.marginalelement-start-video .video-wrap {
      border: 2px solid #B6C600;
      float: left;
}