@charset "UTF-8";
/** Gregor Nitsche 2009 **/
@media all
{

	/* =Basic	
	===============================================*/
	body {
		background: #FFFFFF url(images/body_bg.png) repeat-y;
		background-position: center;
		margin-top: 0px;
		top: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #5F6C77;
	}
	.clear {
		clear: both;
	}
	a {
		outline: none; /* Firefox =Hack */
	}
	img {
		border-style: none;
	}
	/* =Page	
	===============================================*/
	#gnWebsite { 
		position: relative;
		display: block;
		margin-top: 0px;
		width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
	#gnTop {
		position: realtive;
		display: block;
		top: 0px;
		width: 800px;
		height: 156px;
		background: #FFFFFF url(images/header.png) no-repeat;
	}
	#gnTopLogo h1 {
		display: none;
	}
	#gnTopMenu {
		position: relative;
		display: block;
		top: 102px;
		left: 30px;
		width: 740px;
		height: 20px;
	}
	#gnTopMenu ul {
		padding: 0px;
		margin: 0px;
		list-style: none;
		margin-left: 10px;
	}
	#gnTopMenu li {
		float: left;
		display: block;
		height: 20px;
		line-height: 20px;
		margin-right: 20px;
	}
	#gnTopMenu li a {
		color: #5F6C77;
		text-decoration:none;
		font-size: 12px;
		font-family:Arial, Helvetica, sans-serif;
	}
	#gnTopMenu li a:hover {
		color: #1E262E;
	}
	#gnTopMenu li a.gnTopMenuActive {
		color: #1E262E;
	}
	#gnPage {	
		position: relative;
		display: block;
		top: 0px;
		left: 0px;
		width: 800px;
		background: #FFFFFF url(images/content_bg.png) repeat-y;
	}
	#gnFooter {
		position: relative;
		display: block;
		left: 0px;
		width: 800px;
		height: 60px;
		background: #FFFFFF url(images/bottom.png) no-repeat;
	}
	/* =Teaser =Special	
	===============================================*/
	#gnTeaserRowSpecial {
		position: relative;
		display: block;
		left: 30px;
		width: 740px;
	}
	.gnTeaserSpecial2er {
		position: relative;
		display: block;
		float: left;
		margin: 0px 10px 10px 0px;
		width: 490px;
		height: 109px;
		background: #FFFFFF url(images/2er_bg.jpg) no-repeat top left;
	}
	.gnTeaserSpecial2er h1.gnTeaserSpecial2erHl {
		position: absolute;
		display: block;
		top: 52px;
		left: 2px;
		height: 40px;
		background: #FFFFFF url(images/2er_hlbg.png) repeat-x top left;
		color: #ffffff;
		font-size: 16px;
		font-weight: normal;
		font-family:Arial, Helvetica, sans-serif;
		padding: 0px 12px 0px 10px;
		line-height: 25px;
	}
	.gnTeaserSpecial1er {
		position: relative;
		display: block;
		float: right;
		margin-bottom: 10px;
		width: 240px;
		height: 109px;
		background: #FFFFFF url(images/1er_bg.jpg) no-repeat top left;
	}
	.gnTeaserSpecial1er a {
		position: relative;
		display: block;
		width: 240px;
		height: 109px;
	}
	/* =Teaser
	===============================================*/
	#gnTeaserRowLeft {
		position: relative;
		display: block;
		float: left;
		width: 490px;
	}
	#gnTeaserRowRight {
		float: right;
	}
	#gnTeaserRow {
		position: relative;
		display: block;
		left: 30px;
		width: 740px;
	}
	#gnTeaserRow1, #gnTeaserRow2, #gnTeaserRow3, #gnTeaserRow2er {
		position: relative;
		display: block;
		width: 240px;
	}
	#gnTeaserRow1 {
		float: left;
		margin-right: 10px;
	}
	#gnTeaserRow2 {
		float: left;
	}
	#gnTeaserRow3 {
		float: right;
	}
	#gnTeaserRow2er {
		position: relative;
		float: left;
		width: 490px;
		margin: 0 0 10px 0;
	}
	.gnTeaserBox {
		position: relative;
		display: block;
		width: 238px;
		border: 1px solid #D7D7D7;
		background-color: #F9F9F9;
		margin-bottom: 10px;
		float: left;
	}
	.gnTeaserHeader {
		position: relative;
		display: block;
		width: 238px;
		height: 23px;
		background: #F1F1F2 url(images/teaser_header.png) no-repeat bottom left;
		
	}
	.gnTeaserHeader h3 {
		font-size: 75%;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		padding: 6px 8px 0px 8px;
		margin: 0px;
	}
	.gnTeaserBox .gnTeaserContent {
		position: relative;
		display: block;
		width: 238px;
		background: url(images/teaser_header_top.png) no-repeat top left;
		padding: 10px 0px 5px 0px;
	}
	#gnTeaserRow2er .gnTeaserBox,
	#gnTeaserRow2er .gnTeaserHeader,
	#gnTeaserRow2er .gnTeaserContent {
		width: 488px;
	}
	.gnTeaserBox p {
		margin: 0px 8px 8px 8px;
		font-size: 75%;
	}
	.gnTeaserBox .gnTeaserContent i {
		display: block;
		width: 222px;
		font-size: 110%;
		border-bottom: 1px solid #D7D7D7;
		padding-bottom: 2px;
		margin-bottom: 2px;
	}
	.gnTeaserContent p img {
		float: left;
		margin-right: 5px;
	}
	.gnTeaserContent p a {
		color: #5F6C77;
		background: url(images/ico_internal.png) no-repeat right 2px;
		padding-right: 12px;
	}
	.gnTeaserContent p a[href^="http:"] { /* Nicht IE 6 */
		background: url(images/ico_external.png) no-repeat right 2px;
	}
	.gnTeaserContent p.gnTeaserLink {
		text-align: right;
		border-bottom: none;
	}
	/* =Teaser =Ad
	===============================================*/
	.gnTeaserBox.adNetvibes {
		background: url(images/teaser_ad_netvibes.png) no-repeat left top;
		height: 23px;
	}
	.gnTeaserBox.adMobile {
		background: url(images/teaser_ad_mobile.png) no-repeat left top;
		height: 23px;
	}
	.gnTeaserBox.adPodcast {
		background: url(images/teaser_ad_podcast.png) no-repeat left top;
		height: 23px;
	}
	.gnTeaserBox.adTwitter {
		background: url(images/teaser_ad_twitter.png) no-repeat left top;
		height: 23px;
	}
	.gnTeaserBox.adTwitter a,
	.gnTeaserBox.adNetvibes a,
	.gnTeaserBox.adMobile a,
	.gnTeaserBox.adPodcast a {
		text-decoration: none;
	}
	.gnTeaserBox .gnTeaserAdText h3 {
		font-size: 75%;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		margin: 0px;
		padding: 6px 0px 0px 8px;
	}
	.gnTeaserBox.adNetvibes .gnTeaserAdText h3 {
		color: #148DA7;
	}
	.gnTeaserBox.adMobile .gnTeaserAdText h3 {
		color: #962304;
	}
	.gnTeaserBox.adPodcast .gnTeaserAdText h3 {
		color:#F2960F;
	}
	.gnTeaserBox.adTwitter .gnTeaserAdText h3 {
		color:#589DD1;
	}
	.gnTeaserBox .gnTeaserAdText h3 b {
		color: #5E654C;
		font-weight: normal;
		padding-right: 12px;
		background: url(images/ico_adexternal.gif) no-repeat right 2px;
	}
	.gnTeaserBox.adMobile .gnTeaserAdText h3 b {
		background: none;
	}
	
	/* =gnZoomBox =Zoom	
	===============================================*/
	.gnZoomBox {
		position: absolute;
		top: 100px;
		left: 230px;
		width: 340px;
		z-index: 10;
		border: 1px solid #36424F;
		background-color: #F9F9F9;
	}
	.gnZoomBoxRow {
		position: relative;
		display: block;
		width: 100%;
		float: left;
	}
	.gnZoomBoxImg {
		display: block;
		width: 155px;
		height: 155px;
		float: left;
	}
	.gnZoomBoxText {
		display: block;
		width: 185px;
		float: left;
		margin-top: 5px;
	}
	.gnZoomBoxText h3 {
		font-size: 85%;
		font-family: Arial, Helvetica, sans-serif;
		color: #36424F;
		font-weight: normal;
		margin: 0px;
	}
	.gnZoomBoxText p {;
		font-size: 75%;
		color: #36424F;
	}
	.gnZoomBoxText a {;
		color: #36424F;
	}
	.gnZoomBoxLink {
		position: relative;
		display: block;
		float: right;
		margin: 0px 5px 5px 0px;
		height: 23px;
		width: 60px;
		background: #FFFFFF url(images/teaser_header.png) no-repeat top left;
		border: 1px solid #D7D7D7;
		cursor: pointer;
		text-align: center;
	}
	.gnZoomBoxLink a {
		padding: 5px;
		color: #36424F;
		text-decoration: none;
	}
	
	/* =Teaser =Accordion	
	===============================================*/
	.gnTeaserBoxTabs {
		position: relative;
		display: block;
		width: 238px;
		float: left;
		border-left: 1px solid #D7D7D7;
		border-right: 1px solid #D7D7D7;
		border-bottom: 1px solid #D7D7D7;
		margin-bottom: 10px;
	}
	.gnTeaserBoxTabsRow {
		display: block;
		width: 238px;
		height: 24px;
		margin: 0px;
		padding: 0px;
		background: #F1F1F2 url(images/tab_off.png) no-repeat bottom left;
		text-decoration: none;
		outline: none;
		cursor: pointer;	
	}
	.gnTeaserBoxTabsRow h3 {
		font-size: 75%;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #5F6C77;
		margin: 0px;
		padding: 7px 8px 0px 8px;
	}
	.gnTeaserBoxTabsRow_active {
		background: #F3F5EC url(images/tab_on.png) no-repeat bottom left;
		color: #5E654C;
	}
	.gnTeaserBoxTabsRow_active h3 {
		color: #5E654C;
		font-weight: bold;
	}
	.gnTeaserBoxTabsRowContent {
		display: block;
		background: #F3F5EC url(images/tab_on_top.png) no-repeat top left;
		overflow: hidden;
	}
	.gnTeaserBoxTabsRowContentFooter {
		display: block;
		width: 238px;
		height: 10px;
	}
	.gnTeaserBoxTabsRowContent p {
		margin: 0px;
		padding: 10px 8px 0px 8px;
		font-size: 75%;
		color: #5E654C;
	}
	.gnTeaserBoxTabsRowContent p a {
		color: #5E654C;
		background: url(images/ico_internal.png) no-repeat right 2px;
		padding-right: 12px;
	}
	.gnTeaserBoxTabsRowContent p a[href^="http:"] { /* Nicht IE 6 */
		background: url(images/ico_external.png) no-repeat right 2px;
	}
	.gnTeaserBoxTabsRowContent p.gnTeaserLink {
		text-align: right;
		border-bottom: none;
	}
	/* =Teaser =Form
	===============================================*/
	form {
		margin: 0px;
		padding: 0px;
	}
	form#gnform fieldset {
		margin:  5px 0px 0px 8px;
		_margin:  0px 0px 0px 8px;
		padding: 0px;
		border: none;
	}
	form#gnform legend {
		display: none;
		margin: 0px;
		padding: 0px;
	}
	form#gnform label {
		display: block;
		font-size: 75%;
		width: 215px;
		margin: 5px 0px 1px 0px; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #5E654C;
	}
	form#gnform input,
	form#gnform textarea {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 75%;
		color: #5F6C77;
		padding: 5px 0px 5px 5px;
		_padding: 5px 0px 5px 0px;
		width: 215px;
		_width: 210px;
		border: 1px solid #D7D7D7;
		background: #FFFFFF url(images/form_bg.png) repeat-x top left;
	}
	form#gnform input#gnContactBtn {
		display: block;
		width: auto;
		cursor: pointer;
		padding-right: 5px;
		margin: 5px 8px 0px 0px;
		float: right;
		background: #FFFFFF url(images/teaser_header.png) no-repeat top left;
	}
	form#gnform #gnLoader {
		display: block;
		width: 238px;
		text-align: center;
		display: none;
	}
	p#gnResponse {
		display: none;
	}
	
	/** Table **/
	td {
		font-size: 75%;
	}
	td.gnTableDate {
		font-size: 65%;
		color: #838e97;
	}
	td.gnTableType {
		font-weight: normal;
		font-style:italic;
		color: #838e97;
	}

}