/* ----- Basics ----- */
	#seite,#tgxMBbodyContent  {
		background-color : #FF8400;
		font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
		background-image : url(/AtossT2/Images/backhand-all.gif);
		background-repeat : no-repeat;
		background-attachment : scroll;
	}

	a {color: #FF8500; text-decoration: none;}
	a:visited {color: #FF8500; text-decoration: none;}
	a:hover {color: #FF8500; text-decoration: underline;}
	a:active {color: #FF8500; text-decoration: none;}

	p {
		margin : 0px 0px 17px 0px;
		position:static;
	}
	p, .block, .text
	{
		font: 12px/17px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #464646;
	}
	
	h1 {
		font: bold 17px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #FF8500;
		margin-top: -1px;
		margin-bottom: 8px;
	}
	
	.subhead, .subheadorange, .big {
		font: bold 12px/17px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #464646;
		margin : 0px 0px 0px 0px;
	}
	.big {
		font-size:1.4em;
		line-height:1.2em;
		margin-bottom:18px;
	}
	.subheadorange {
		color: #FF8500;
	}
	
	.noscript {
		position: absolute;
		top:5px;
		left:10px;
		font: bold 9px/11px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #ff0000;
		background: #ffffff;
		z-index:99;
	}

	a.abutton, a.abutton:link, a.abutton:hover, a.abutton:visited {
		background:url(/AtossT2/Images/icon_linkpfeil.gif) no-repeat #FF8400;
		color:#fff;
		text-decoration: none;
		display:block;
		font-weight:bold;
		font-size:11px;
		width:0;
		height:22px;
		padding:2px 7px 0 20px;
		margin-left:3px;
	}
	
	a.dbutton, a.dbutton:link, a.dbutton:hover, a.dbutton:visited 
	{
		cursor:hand;
		font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
		background:url(/AtossT2/Images/icon_linkpfeil.gif) no-repeat #FF8400;
		xbackground-repeat: no-repeat;
		xbackground-color: #FF8400;
		xbackground-image:url(/AtossT2/Images/icon_linkpfeil.gif);
		color:#fff;
		text-decoration: none;
		font-weight:bold;
		font-size:11px;
		width:0;
		height:20px;
		padding:4px 7px 0 20px;
		margin-left:3px;
	}
	a.bbutton, a.bbutton:link, a.bbutton:hover, a.bbutton:visited 
	{
		background-image: url(/AtossT2/Images/icon_Back.gif);
		background-position: 5px 8px;
	}	

/* ----- /Basics ----- */

/* ----- -------- ----- */
/* ----- Content ----- */
/* ----- -------- ----- */
	/* ----- Content Elemente ----- */
	
	.block { /*Texblock mit Bild, etc.*/
		clear: both; /*  wg. Bilderschachtelung */
		margin-bottom:17px;
	}
	
	
	/* ----- Inline Bild	----- */
	.picbox {clear: both; width: 144px; float: right; margin:5px 0px 10px 10px;  }
	.piclink {position: relative; float:right;  z-index: 20; top: -27px; right: 6px; display: inline;}
	.pictext {font: 9px/12px Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 7px 7px 7px 7px;  background-color: #e8e8e8;}
	.contentpic {width: 144px;}
	/* ----- /Inline Bild	----- */


	.pfeillink { /* Link am Ende eines Absatzes */
		padding-left: 13px;
		background : url(/AtossT2/Images/linkpfeil.gif) no-repeat;
	}
	.pfeillinkspecial {font-weight: bold; }
	
	.linkafterlist { margin-top: -17px;} /* Klasse für p wenn Link auf Liste folgt */

	ul { 
		top: 0px; left: 0px;
		padding-left: 0px;
		margin: 0px 0px 0 15px;
		color: #464646;
		list-style-image: url(/AtossT2/Images/listbullet.gif);}
		
	li.lang { 
		margin: 0px 0px 7px 0px;
	}
	/* ----- 2 Spalten für index-Seite	----- */
	.twocol { /* Bereich zwei Spalten */
		margin : 0;
		width: 464px;
		clear: both;
		background:transparent url(/AtossT2/Images/colspacer.gif) repeat-y scroll 50% 0;
		margin-bottom:20px;
	    overflow:auto;
	}

	.col { /* Einzelne Spalte */
		width: 220px;
		float:left;
		border: 0px solid red;
	}
	
	.col p {margin:0}

	
	.colspacer { /* gepunktete Linie zwischen Spalten */
		height: 114px;
		width: 24px;
		border: 0px solid red;
		float:left;
	}
	
	.teaserpic {margin: 5px 0px 2px 2px;} /* kleine Bild auf Index Seite */
	/* ----- /2 Spalten für index-Seite	----- */


	.pageservice { /* Seite verschicken + Seite drucken */
		width: 464px;
		border: 0px solid red;
		clear: both;
		margin-top: 0px;
	}
	/* ----- /Content Elemente ----- */


	/* ----- Content Bereiche ----- */
	#content {
	/* Content+Navi+Footer */
		position: absolute;
		top: 20px;
		left: 0px;
		width: 772px;
		background: #ffffff url(/AtossT2/Images/bogen_back.gif) no-repeat scroll top;
	}

	#headpic { 			/* pflegbares Kopfbild mit Menürändern */
		position: relative;
		top: 0px;
		left: 0px;
		width: 772px;
		height: 182px;
	}


	#contentarea {		/* pflegbarer Bereich Text+Bild+etc. */
		position: relative;
		top: -13px;
		left: 259px;
		width: 464px;
		font : 12px/17px Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
	.tablehead
	{
		background-color: #FF8400;
		font-weight:bold;
		font: 12px/17px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #464646;
	}
	.tablelow
	{
		background-color: #EDECEC;
	}
	.tablehigh
	{
		background-color: #DDDDDD;		
	}
	/* ----- Content Bereiche ----- */

/* ----- -------- ----- */		
/* ----- /Content ----- */
/* ----- -------- ----- */

/* ----- -------- ----- */
/* ----- Head ----- */
/* ----- -------- ----- */
	#head {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 200px;
		z-index: 10;
		border: 0px solid yellow;
		overflow: visible;
	}

	/* ----- META NAVIGATION ----- */
	#metaback {
		position: absolute;
		top: 0px;
		left: 0px;
		background-color : #000000;
		height: 20px;
		width: 772px;
	}

	#metanav {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 772px;
		height: 20px;
		padding-top: 2px;
		font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;		
		font-weight:bold;
		color: #fff;
		border: 0px solid yellow;
		padding : 3px 0px 0px 0px;
		background : url(/AtossT2/Images/metanav-back.gif) top left no-repeat;
		background-position: 16px 19px;
	}
	#metanav span {color:#fff; font-weight: bold;}
	#metanav a {color: #fff;text-decoration:none; font-weight: bold;}
	#metanav a:visited, #metanav a:active {color: #fff;}	
	#metanav a:hover {color : #FF8500;}

	.metainput {
		font : 9px/11px Verdana, Geneva, Arial, Helvetica, sans-serif;
		height: 14px;
		width:128px;
		color: #eeeeee;
		border: 1px solid #a6a6a6;
		background-color: #000000;
		background:#000000;
	}
	/* ----- /META NAVIGATION ----- */

	/* ----- MAIN NAVIGATION ----- */
	#mainnav {
		position: absolute;
		top: 20px;
		left: 0px;
		width: 772px;
		height: 100px;
		/*background-color: #000000;*/
		border: 0px solid #5E5E5E;
		z-index:11;
	}


	/* ----- /MAIN NAVIGATION ----- */
	
	#logo {
		  position:absolute;
		  top: 107px; 
		  left: 24px;
	}
	
	
/* ----- -------- ----- */
/* ----- /Head ----- */
/* ----- -------- ----- */


/* ----- Footer	----- */
	#footer {
		height: 20px;
		font : 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color : #5E5E5E;
		padding : 60px 0px 0px 0px;
		clear: both;
	}

	#footer a {color : #5E5E5E;text-decoration: none;}
	#footer a:hover {color : #5E5E5E;text-decoration: underline;}
	#footer a:visited {color : #5E5E5E;}
	#footer a:active {color : #5E5E5E;}
/* ----- /Footer	----- */


/* ----- -------- ----- */
/* ----- -- Video ----- */
/* ----- -------- ----- */

#contentarea .videoSection	{color:#000;margin:12px 0 15px 0;border:0px solid #FF8500;}
.videoSecEditmode			{position:relative;margin:12px 0 20px 0;width:100%;height:auto;display:inline-block;border:1px solid #FF8500;padding:10px 5px 15px 5px}
.videoSecEditmode h3		{color:#FF8500;font-weight:bold;font-size:1.2em;margin:0}
.videoSecEditmode p			{margin:0 0 5px 15px}
.videoSecEditmode a			{color:Black}
.videoSecEditmode img.lupe		{}
#contentarea .col .videoSection	{margin-top:1px;}


.openLupe						{position:absolute;width:200px;z-index:1000;font-family:verdana;font-size:11px;color:#000;display:none;height:100px;padding:0 0 10px 10px;background-color:#FFF;border:2px solid #cdcdcd}
.openLupe p						{margin:0 0 10px 0}
.openLupe div.input				{background-color:White;border:1px solid black;padding:3px;width:376px;height:18px;display:inline-block}
.openLupe select				{margin-bottom:10px}
.openLupe div.input, .openLupe p, .openLupe select {width:180px}
.openLupe .closebutton			{cursor:hand;display:block;text-align:right;background:url(../images/but-close.gif) no-repeat right top;height:15px;margin-bottom:5px}
img.lupe						{cursor:hand;position:absolute}				
img.left						{left:0;}				

#pictureGallery					{width:460px;margin:16px 0 4px 0;xbackground-color:#D7D7D7;xborder:1px solid #FF8500}
#pictureGallery #biggerOne		{width:460px;height:460px;max-height:458px;text-align:center;padding:0 0 0 0;line-height:460px;vertical-align:middle}
	*:not(hr) #pictureGallery #biggerOne {display:table-cell;line-height:normal;vertical-align:middle;}
#pictureGallery #biggerOne img	{margin:0;max-height:450px;max-width:450px;overflow:hidden;}
#pictureGallery #biggerOneText	{background: url(../images/colspacer-horiz.gif) repeat-x left bottom;margin:10px 5px 20px;font-size:1.1em;width:450px;padding-bottom:7px;text-align:center}
	html>body #pictureGallery #biggerOneText	{height:auto;xmin-height:40px;}
#pictureGallery #biggerOne .showBiggerIcon	{top:250px}

#pictureGallery .thumbs			{margin:0;padding:0 0 0 5px;}
#pictureGallery .thumbs .thumb	{margin:0 6px 15px 0;float:left;padding:0;padding-bottom:4px;position:relative;xmin-height:144px;xmin-width:144px}
#pictureGallery .thumbs .thumb img {margin:0;}
#pictureGallery .thumbs .thumb .showBiggerIcon, #pictureGallery #biggerOne .showBiggerIcon	{cursor:pointer;z-index:10;position:absolute;left:0;bottom:1px;width:17px;height:19px;background:transparent url(../images/icon_showBigger.gif) no-repeat left top;}
#pictureGallery .thumbs	.thumb6er	{display:none;}
#pictureGallery .thumbs	.visible	{display:inline;}

#selectCategory					{float:right;margin-top:30px}
#selectCategory select			{width:179px;margin:2px 19px 6px 0;font-size:1em;color:#FF6600;}
#pictureGallery .pointrow		{background: url(../images/colspacer-horiz.gif) repeat-x left top;height:1px;margin:0;padding:0;width:450px;}
#pictureGallery .pictureblockNavigation {clear:both;width:450px;margin:0;padding:0;padding-bottom:4px;min-height:22px;xbackground: url(../images/colspacer-horiz.gif) repeat-x left bottom;}
#pictureGallery .pictureblockNavigation p {font-weight:bold;width:auto;float:left;cursor:pointer}
#pictureGallery .pictureblockNavigation p.info {font-weight:normal;cursor:auto;}

#pictureGallery .pictureblockNavigation .switch_prev, #pictureGallery .pictureblockNavigation .switch_next	{cursor:pointer;position:absolute;left:5px;padding:2px 0 0 0;padding-left:32px;margin:0;height:22px;background:transparent url(../images/buttonl.gif) no-repeat left center;}
#pictureGallery .pictureblockNavigation .switch_next {background-image:url(../images/buttonr.gif);right:11px;position:absolute;margin:0;left:auto;padding-right:12px;background-position:right center}
#pictureGallery .pictureblockNavigation * {padding:0;margin:0;display:inline-block;}
#pictureGallery .pictureblockNavigation .showCounter, #pictureGallery .pictureblockNavigation .direktlinks {font-weight:normal;font-size:0.9em;padding-top:3px;position:absolute;left:180px}

#pictureGallery .pictureblockNavigation .direktlinks {right:70px;left:auto}
#pictureGallery .pictureblockNavigation .direktlinks a {margin-right:4px;color:#000;text-decoration:underline;}
#pictureGallery .pictureblockNavigation .direktlinks a.noLink {text-decoration:none;cursor:default;font-weight:bold}
