/*----------------------------------------------------------------------------

	Project		:	www.truevision-video.de

	Copyright	:	Michael Schmidt
					www.truevision-video.de

----------------------------------------------------------------------------*/

/*	undo
------------------------------------------------------------------------------*/
:link, :visited { text-decoration: none; }

ul, ol { list-style: none; }

h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; font-weight: normal; }

ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, body, html, p,
blockquote, fieldset, input,
dl, dt, dd { margin: 0; padding: 0; }

img,
a img,
:link img,
:visited img,
fieldset { border: none; }

img		{ margin: 0; padding: 0; vertical-align: bottom; }

address	{ font-style: normal; }

table	{ border: none; padding: 0px; margin: 0px; border-spacing: 0px; font-size: 1em; }
tr		{ border: none; padding: 0px; margin: 0px; }
td		{ border: none; padding: 0px; margin: 0px; vertical-align: top; border-spacing: 0px; }

legend	{ display: none; }

body, div, p, li { background-repeat: no-repeat; }


/*	reset some basic style
------------------------------------------------------------------------------*/
dl			{margin: 0 0 0 0; }
dl dt		{margin: 0 0 0 0; }
dl dd+dt	{margin-top: 0; }
dl dd		{margin: 0 0 0 0; }

ol			{list-style: none; }
ol li		{margin: 0 0 0 0; }
ol li ol	{margin: 0 0 0 0; }
ol li ul	{margin: 0 0 0 0; }

p			{margin-bottom: 0em; }

ul			{list-style: none; }
ul li		{margin: 0 0 0 0; }
ul li ul	{margin: 0 0 0 0; list-style: none; }
ul li ol	{margin: 0 0 0 0; }

pre			{font-size: 1.2em; }

a:hover { text-decoration: none; }



/*	html
------------------------------------------------------------------------------*/
html {
	min-height: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}


/*	body
------------------------------------------------------------------------------*/
body {
	background: url(page_bg_900.gif) center top repeat-y;
	margin-top: 0px;
	/* background: url(site_bg_1500.png) repeat-y; */
	background-color: #333;
	font-family: Arial, sans-serif;
	font-size: xx-small;
	/* voice-family: "\"}\""; */
	/* voice-family: inherit; */
	font-size: x-small;
	font-size: small;
	/* line-height: 1.2em; */
}

hr {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 1px;
	border-top: dotted 1px #AAA;
	border-bottom: solid 1px #FFF;
	border-left: solid 1px #FFF;
	border-right: solid 1px #FFF;
}

.clearer {
	display: block;
	clear: both;
	line-height: 0;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}

.clear {
	clear: both;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

.absatz {
	/* margin-bottom: 0.5em; */
	line-height: 0.5em;
}

.dotted-line {
	margin-top: 0px;
	margin-bottom: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 1px;
	border-top: dotted 1px #AAA;
	border-bottom: solid 1px #FFF;
	border-left: solid 1px #FFF;
	border-right: solid 1px #FFF;
}




/* ########################################################################## */
/* Container                                                                  */
/* ########################################################################## */

#site {
	/* background-color: transparent; */
	/* background-color: #FFF; */
	text-align: left;
	color: #666;
	margin: 0px auto 0px auto;  /* oben rechts unten links */
	padding: 0 0 0 0;
	width: 900px;
	min-height: 500px;
	border: solid 0px #333;
}

#container-site {
	margin: 0px 0px 0px 0px; /* oben rechts unten links */
	/* background-color: #FFF; */
	/* background-color: transparent; */
	min-height: 500px;
}

#container-top {
	margin: 0px 0px 0px 0px; /* oben rechts unten links */
	/* background-color: #FFF; */
	background: url(abstandoben_900x36.gif) no-repeat;
	min-height: 16px;
}

#container-header {
	margin: 0px 0px 0px 0px; /* oben rechts unten links */
	/* background-color: #FFF; */
	background: url(page_bg_900.gif) repeat-y;
	min-height: 70px;
}


#container-navi {
	margin: 0px 0px 0px 0px; /* oben rechts unten links */
	/* background-color: #FFF; */
	background: url(page_bg_900.gif) repeat-y;
	min-height: 56px;
}


#container-main {
	margin: 0px 0px 0px 0px; /* oben rechts unten links */
	/* background-color: #FFF; */
	background: url(page_bg_900.gif) repeat-y;
	/* min-height: 200px; */
	height: 100%;
}

#container-footer {
	margin: 0px 0px 0px 0px; /* oben rechts unten links */
	/* background-color: #FFF; */
	background: url(page_bg_900.gif) repeat-y;
	min-height: 70px;
}


#container-reflection {
	margin: 0px 0px 0px 0px; /* oben rechts unten links */
	/* background-color: #FFF; */
	/* background:url(reflection_bottom_900x70.png) no-repeat; */
	background: url(reflection_bottom_900x70.gif) no-repeat;
	/* background-position: 0px 0px; */
	height: 68px;
}


#container-bottom {
	margin: 0px 0px 0px 0px; /* oben rechts unten links */
	background-color: #333;
	/* background-color: transparent; */
	/* height: 36px; */
}


#main {
	margin: 0px 36px 0px 36px; /* oben rechts unten links */
	/* background-color: #FFF; */
	/* min-height: 150px; */
}

#main p {
	margin-bottom: 0.5em;
}


#left {
	float: left;
	margin: 0px 0px 0px 0px; /* oben rechts unten links */
	padding: 0px 0px 0px 0px; /* oben rechts unten links */
	/* background-color: #FFCC66; */
	width: 532px;
	max-width: 532px;
	/* min-height: 70px; */
	border-right: dotted 2px #333;
	border-right: dotted 1px #CCC;
	border-left: solid 0px #FFF;
	border-top: solid 0px #FFF;
	border-bottom: solid 0px #FFF;
}


#right {
	float: right;
	margin: 0px 0px 0px 0px; /* oben rechts unten links */
	/* background-color: #66CC66; */
	width: 288px;
	max-width: 288px;
	/* min-height: 70px; */
	border-right: solid 0px #FFF;
	border-left: solid 0px #FFF;
	border-top: solid 0px #FFF;
	border-bottom: solid 0px #FFF;
}


#left2 {
	margin: 0px 18px 0px 0px; /* oben rechts unten links */
	/* background-color: #0099CC; */
	/* width: 514px; */
	/* min-height: 70px; */
	border-right: solid 1px #FFF;
	border-left: solid 1px #FFF;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
}


#right2 {
	margin: 0px 0px 0px 18px; /* oben rechts unten links */
	/* background-color: #669966; */
	/* width: 306px; */
	/* min-height: 70px; */
	border-right: solid 1px #FFF;
	border-left: solid 1px #FFF;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
}




/* ########################################################################## */
/* Header                                                                     */
/* ########################################################################## */

/*	header
------------------------------------------------------------------------------*/
#header {
	margin: 0px 39px 0px 39px;  /* oben rechts unten links */
	/* background-color: #FFF; */
	background: url(header_power_822x128_2.png) no-repeat top left;
	height: 128px;
	/* border: solid 1px transparent; */
}

#header-title h1 {
	float: left;
	font-size: 2.4em;
	font-weight: bold;
	color: #f2f2f2;
	/* position: absolute; */
	/* margin: 18px 38px 36px 38px; */ /* oben rechts unten links */
	padding: 2px 4px 0px 4px; /* oben rechts unten links */
	background: url(30prozent_alpha.png) repeat;
	position: relative;
	left: 23px;
	top: 75px;
	/* margin-top: 60px;
	margin-left: 22px; */
}

#select-language {
	float: right;
	font-size: 1.0em;
	/* font-weight: bold; */
	color: #f2f2f2;
	/* position: absolute; */
	padding: 2px 4px 2px 4px; /* oben rechts unten links */
	background-color: transparent;
	background: url(30prozent_alpha.png) repeat;
	position: relative;
	left: -24px;
	top: 94px;
	/* margin-top: 126px;
	margin-right: 26px;
	margin-top: 76px;
	margin-right: 26px; */
}

#header a, 
#header a:link,
#header a:visited,
#header a:active {
	color: #f2f2f2;
	text-decoration: underline;
	text-decoration: none;
}

#header a:hover {
	color: #f2f2f2;
	text-decoration: underline;
	text-decoration: none;
}




/* ########################################################################## */
/* Top-Navigation                                                             */
/* ########################################################################## */

/*	Top-Navigation
------------------------------------------------------------------------------*/
#top-navi {
	/* position:relative; */
	margin: 18px 39px 0px 39px;  /* oben rechts unten links */
	margin: 2px 39px 0px 39px;  /* oben rechts unten links */
	height: 54px;
	/* height: 100%; */
	text-align: center;
	background: url(main_menu_with_reflc_822x54.png) no-repeat;
	/* background: url(main_menu_with_reflc_822x45.png) no-repeat; */
	/* background-color: #99CC00; */
	/* border: solid 1px transparent; */
	/* padding-left: 5px; */
	/* width: 881px; */
	background-color: transparent;
}

#main-navi {
	padding: 0;
	/* margin:0 19px; */
	margin: 0 2px;
	list-style-type: none;
	/* width: 962px; */
	height: 36px;
	/* background:url(cssplay_0.gif) no-repeat top right; */
	background-color: transparent;
}

#main-navi li {
	float: left;
	display: inline;
	width: 130px;
	width: 120px;
	/* background:url(cssplay_1.gif); */
	background-color: transparent;
}

#main-navi li a,
#main-navi li a:visited {
	display: block;
	height: 36px; 
	font-size: 15px; /* font-size:1.1em; */
	/* font-weight: bold; */
	color: #f2f2f2;
	text-decoration: none;
	line-height: 34px;
	font-family: arial, sans-serif;
	background-color: transparent;
}

#main-navi li a:hover {
	color: #333;
	background: url(menu_btn_activ_120x36_2.png) no-repeat;
	background-position: 5px 0px;
	background-position: 0px 0px;
	text-decoration:none;
	background-color: transparent;
} 

#main-navi li a.selected,
#main-navi li a.selected:visited,
#main-navi li a:active,
#main-navi li a:focus {
	color: #333;
	background: url(menu_btn_activ_120x36_2.png) no-repeat;
	background-position: 5px 0px;
	background-position: 0px 0px;
	background-color: transparent;
}


/*	Sub-Navigation
/* ========================================================================== */

#second-navi-container {
	margin: 0px 39px 0px 39px;  /* oben rechts unten links */
	position: relative;
	top: -14px;
}

#second-navi {
	border: 1px solid #778;
	border: 0px solid #FFF;
	/* background-color: #EFFADC; */
	height: 100% /*IE7 beta2 fix*/
}

#second-navi ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	/* display: none; */
}

#second-navi ul li {
	display: inline;
	font-weight: bold;
}

#second-navi ul.selected { /*selected 2nd level content*/
	display: block;
}

#second-navi ul li a,
#second-navi ul li a:visited {
	border-right: 1px solid #778;
	border-right: solid 1px #CCC;
	color: navy;
	color: #999;
	padding: 2px 5px;
	padding: 4px 12px 4px 12px; /* oben rechts unten links */
	display: block;
	float: left;
	text-decoration: none;
}

#second-navi ul li a:hover {
	color: #F00;
	/* background-color: #D3F1A0; */
	/* color: blue; */
} 

 
#second-navi ul li a.selected,
#second-navi ul li a.selected:visited,
#second-navi ul li a:active,
#second-navi ul li a:focus {
	color: #000;
	/* font-weight: bold; */
	/* background-color: #666; */
	/* background-color: transparent; */
}

.clearfix:after{ /*Clear floats hack: http://positioniseverything.net/easyclearing.html*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{
display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#breadcrumb {
	margin: 0px 38px 0px 40px;  /* oben rechts unten links */
	padding-top: 4px;
	padding-bottom: 4px;
	/* height: 100%; */
	text-align: left;
	background-color: transparent;
}


#breadcrumb-content {
	margin: 10px 0px 10px 0px;  /* oben rechts unten links */
	border-top: solid 1px #D2D2D2;
	border-bottom: solid 1px #D2D2D2;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #F2F2F2;
}


/* ########################################################################## */
/* Content                                                                    */
/* ########################################################################## */

/*	content-left
------------------------------------------------------------------------------*/
#content-left {
	margin: 0px 0px 0px 0px; /* oben rechts unten links */
	/* background-color: yellow; */
	/* border: solid 1px black; */
	/* min-height: 100px; */
}

/*	content-right
------------------------------------------------------------------------------*/
#content-right {
	margin: 0px 0px 0px 0px; /* oben rechts unten links */
	/* background-color: green; */
	/* min-height: 100px; */
}




/*	article-left-one-colum 
------------------------------------------------------------------------------*/
.article-left-one-colum {
	margin: 12px 0px 4px 0px;  /* oben rechts unten links */
	padding: 0px 0px 0px 0px;  /* oben rechts unten links */
	text-align: justify;
	text-align: left;
	/* background-color: #00cc99; */
}

/*	article-left-two-colum 
------------------------------------------------------------------------------*/
.article-left-two-colum {
	margin: 0px 0px 0px 0px;  /* oben rechts unten links */
	padding: 0px 0px 0px 0px;  /* oben rechts unten links */
	/* background-color: #CCC; */
}

/*	article-left-two-colum-headline 
------------------------------------------------------------------------------*/
.article-left-two-colum-headline {
	margin: 12px 0px 0px 0px;  /* oben rechts unten links */
	padding: 0px 0px 4px 0px;  /* oben rechts unten links */
	/* background-color: #999999; */
}

/*	article-left-two-colum1
------------------------------------------------------------------------------*/
.article-left-two-colum1 {
	float: left;
	margin: 0px 0px 0px 0px;  /* oben rechts unten links */
	padding: 0px 12px 0px 0px; /* oben rechts unten links */
	width: 242px;
	text-align: justify;
	text-align: left;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	/* background-color: #f2f2f2; */
}

/*	article-left-two-colum2
------------------------------------------------------------------------------*/
.article-left-two-colum2 {
	float: right;
	margin: 0px 0px 0px 0px;  /* oben rechts unten links */
	padding: 0px 0px 0px 12px; /* oben rechts unten links */
	width: 242px;
	text-align: justify;
	text-align: left;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	/* background-color: #e2e2e2; */
}


/* ### Lists ################################################################ */

#main ul, 
#main ol {
	margin-bottom:1.1em;
	margin-bottom: 4px;
	line-height:1.2em;
}

#main ol li {
	margin:0 0 0 30px;
	list-style-type: decimal-leading-zero;
}

#main ul li {
	margin:0 0 0 16px;
	list-style-type: disc;
}


/* ########################################################################## */
/* Teaser                                                                     */
/* ########################################################################## */

.teaser {
	/* background-color: #f2f2f2; */
	margin-top: 0;
	margin-bottom: 2.0em;
	margin-bottom: 20px;
	/* border: solid 1px #f2f2f2; */
	background: url(teaser_bottom_512x200.gif) no-repeat;
	background-position: 0 100%;
	height: 214px;
}

.teaser-content {
	margin: 0px;
	padding: 4px 0.5em 4px 0.5em; /* oben rechts unten links */
	padding: 0.3em 0.5em 0.3em 0.5em; /* oben rechts unten links */
	padding: 0.5em 0.5em 0.5em 0.5em; /* oben rechts unten links */
	padding: 0.0em 0.5em 0.5em 0.5em; /* oben rechts unten links */
	padding: 0.0em 10px 0.5em 8px; /* oben rechts unten links */
}

.null-line {
	font-size: 0.01em;
}



/* ########################################################################## */
/* Pagination                                                                 */
/* ########################################################################## */

#pagination-handle {
	margin: 12px 0px 0px 0px; /* oben rechts unten links */
	text-align: center;
	border-top: 1px solid #CCC;
	/* border-bottom: 1px solid #999; */
	/* background-color: #F2F2F2; */
}

#pagination {
	padding: 0;
	/* margin:0 19px; */
	/* margin: 2px 0px 2px 0px; */ /* oben rechts unten links */
	list-style-type: none;
	/* width: 962px; */
	/* height: 36px; */
	/* background:url(cssplay_0.gif) no-repeat top right; */
}

#pagination ul li,
#pagination ol li {
	margin:0 0 0 0;
	list-style-type: none;
}

#pagination li {
	/* float: left; */
	display: inline;
	line-height: 32px;
	list-style-type: none;
	margin: 0 0 0 0; /* oben rechts unten links */
	/* padding: 0px 0px 0px 0px; */ /* oben rechts unten links */
	/* border: 1px solid #999; */
	/* background-color: #FFF; */
	color: #666;
	/* width: 130px; */
	/* width: 120px; */
	/* background:url(cssplay_1.gif); */
}

#pagination li a,
#pagination li a:visited {
	margin: 0px 1px 0px 1px; /* oben rechts unten links */
	padding: 1px 4px 1px 4px; /* oben rechts unten links */
	border: 1px solid #CCC;
	background-color: #FFF;
	font-size: 1.0em; /* font-size:1.1em; */
	color: #999 !important; 
	text-decoration: none;
	list-style-type: none;
	/* line-height: 26px; */
	font-family: arial, sans-serif;
}

#pagination li a:hover {
	color: #333;
	color: red;
	border: 1px solid #999;
	background-color: #EEE;
	text-decoration:none;
	list-style-type: none;
} 

#pagination li a.selected,
#pagination li a.selected:visited,
#pagination li a:active,
#pagination li a:focus {
	font-weight: bold;
	color: #333 !important;
	border: 1px solid #999;
	background-color: #EEE;
	list-style-type: none;
}


/* ########################################################################## */
/* Buttons                                                                    */
/* ########################################################################## */

.downloadbutton2 {
	float: right;
	display: block;
	width: 104px;
	height: 45px;
	text-align: center;
	font-size: 15px;
	line-height: 30px;
	color: #F2F2F2 !important;
	background: url(btn_104x45.jpg) no-repeat;
}





/* ########################################################################## */
/* Bloecke mit Rahmen                                                         */
/* ########################################################################## */

/*	block-left
------------------------------------------------------------------------------*/
.block-left {
	margin: 4px 0px 4px 0px;  /* oben rechts unten links */
	padding: 4px 6px 4px 6px;  /* oben rechts unten links */
	border: 1px solid #666;
	background-color: #F2F2F2;
}


/*	block-right
------------------------------------------------------------------------------*/
.block-right {
	margin: 4px 0px 4px 0px;  /* oben rechts unten links */
	padding: 4px 6px 4px 6px;  /* oben rechts unten links */
	border: 1px solid #666;
	background-color: #F2F2F2;
}



/*	Dreier-Block
------------------------------------------------------------------------------*/
#three-blocks-container {
	/* display: block; */
	margin: 0px 0px 12px 0px; /* oben rechts unten links */
	padding: 0px 0px 0px 0px; /* oben rechts unten links */
	/* background-color: #FFF; */
	/* background: url(reflection_bottom_900x70.png) no-repeat; */
	/* width: 532px; */
	/* min-height: 70px; */
	border-right: solid 2px #FFF;
	border-left: solid 2px #FFF;
	border-top: solid 2px #FFF;
	border-bottom: solid 2px #FFF;
}

.one-of-three {
	float: left;
	/* width: 270px; */
	width: 256px;
	margin: 6px 0px 0px 0px; /* oben rechts unten links */
	padding: 0px 0px 0px 0px; /* oben rechts unten links */
	/* background-color: #FFF; */
	border: 1px solid #FFF;
	background: url(Box_256x300_blank.jpg) no-repeat;
}

.two-of-three {
	/* width: 272px; */
	width: 256px;
	/* margin: 0px 270px 0px 270px; */ /* oben rechts unten links */
	/* margin: 0px 283px 0px 283px; */ /* oben rechts unten links */ /* fuer Firefox*/
	padding: 0px 0px 0px 0px; /* oben rechts unten links */
	margin: 0px 280px 0px 280px; /* oben rechts unten links */ /* fuer IE*/
	/* background-color: #FFF; */
	border: 1px solid #FFF;
	background: url(Box_256x300_blank.jpg) no-repeat;
}

.three-of-three {
	float: right;
	/* width: 270px; */
	width: 256px;
	margin: 0px 0px 0px 0px; /* oben rechts unten links */
	padding: 0px 0px 0px 0px; /* oben rechts unten links */
	/* background-color: #FFF; */
	border: 1px solid #FFF;
	background: url(Box_256x300_blank.jpg) no-repeat;
}


.block-one {
	/* width: 252px; */
	margin: 0px 12px 0px 0px;  /* oben rechts unten links */
	padding: 4px 0px 4px 0px;  /* oben rechts unten links */
	padding: 4px 0px 0px 0px;  /* oben rechts unten links */
	height: 160px;
	/* background-color: #FFF; */
	/* background: url(_layout_images/Box_256x300_blank.jpg) no-repeat; */
	/* border: 1px solid #FFF; */	
}

.block-two {
	/* width: 250px; */
	margin: 0px 12px 0px 12px;  /* oben rechts unten links */
	padding: 4px 0px 4px 0px;  /* oben rechts unten links */
	padding: 4px 0px 0px 0px;  /* oben rechts unten links */
	height: 160px;
	/* background-color: #FFF; */
	/* background: url(_layout_images/Box_256x300_blank.jpg) no-repeat; */
	/* border: 1px solid #FFF; */
}

.block-three {
	/* float: right; */
	/* width: 252px; */
	/* max-width: 252px; */
	margin: 0px 0px 0px 12px;  /* oben rechts unten links */
	padding: 4px 0px 4px 0px;  /* oben rechts unten links */
	padding: 4px 0px 0px 0px;  /* oben rechts unten links */
	height: 160px;
	/* background-color: #FFF; */
	/* background: url(_layout_images/Box_256x300_blank.jpg) no-repeat; */
	/* border: 1px solid #FFF; */
}

.out-of-the-box {
	/* float: left; */
	/* display: inline; */
	/* margin-left -30px; */
	/* margin-top -30px; */
	/* z-index:1; */
	
	position: relative;
	display: run-in;
	left: -44px;
	/* top: 20px; */
	
	/* right: 44px; */
	/* bottom: 74px; */
	top: -40px;
	
	/* display: block; */
	/* top: 30px; */
	/* left: -30px */
	width: 80px;
	height: 80px;
	background: url(too_cool_med_de.png) no-repeat;
	background-color: yellow;
	border: 1px solid black;
}






/* ########################################################################## */
/* Boxen mit abgerundeten Rahmen und Titel                                    */
/* ########################################################################## */

.block {
	/* width: 650px; */
	margin: 0px 0px 12px 0px; /* oben rechts unten links */
	font-size: 0.95em;
}

.box {
	/* width: 650px; */
	margin: 0px 0px 12px 0px; /* oben rechts unten links */
}

.box-title {
	padding: 0px 0px 0px 0px; /* oben rechts unten links */
	margin: 0px 0px 0px 0px; /* oben rechts unten links */
}

.box-content {
	padding: 0px 0px 0px 0px; /* oben rechts unten links */
	margin: 0px 0px 0px 0px; /* oben rechts unten links */	
}

#main .title-box h3 {
	margin:0px 0px 0px 0px;
	padding:4px 8px 5px 8px; /* oben rechts unten links */
	color: #FFF;
	color: #EEE;
	font-size: 1.1em;
	font-weight: bold;
	/* font-size: 11px; */
}

.content {
	margin:0px 0px 0px 0px;
	padding:4px 8px 1px 8px; /* oben rechts unten links */
	/* color: #F2F2F2; */
	/* font-size: 10px; */
}

/* Titelzeile der Bloecke links und rechts */	
/* #website .block-title h3 { */
/* #site .title-box h3 {
	background-color: #e5f7f9;
	background-image: url("bg_block_title_2.png");
	background-repeat: repeat-x;
	background-position: bottom left;
	border-bottom: solid 1px #dddddd;
	color: red;
	font-size: 1.0em;
	font-weight:bold;
	margin:0px;
	padding: 0.3em 0.5em 0.3em 0.5em; */ /* oben rechts unten links */
/* } */



/* abgerundete Ecken fuer Titel-Leiste der Box */
.ro-title {
	background: url("box_titel_ro.gif") top right no-repeat;
	/* background: url("box_title_blueplastic_ro.gif") top right no-repeat; */
}

.lo-title {
	background: url("box_titel_lo.gif") top left no-repeat;
	/* background: url("box_title_blueplastic_lo.gif") top left no-repeat; */
}

.ru-title {
	background: url("box_titel_ru.gif") bottom right no-repeat;
	/* background: url("box_title_blueplastic_ru.gif") bottom right no-repeat; */
}

.lu-title {
	background: url("box_titel_lu.gif") bottom left no-repeat;
	/* background: url("box_title_blueplastic_lu.gif") bottom left no-repeat; */
}


/* abgerundete Ecken fuer Content wenn Titel-Leiste vorhanden */
.ro-content {
	background: url("box_round_content_ro.gif") top right no-repeat;
}

.lo-content {
	background: url("box_round_content_lo.gif") top left no-repeat;
}

.ru-content {
	background: url("box_round_content_ru.gif") bottom right no-repeat;
}

.lu-content {
	background: url("box_round_content_lu.gif") bottom left no-repeat;
}


/* abgerundete Ecken fuer Content wenn KEINE Titel-Leiste vorhanden */
.ro-round {
	background: url("box_round_ro.gif") top right no-repeat;
}

.lo-round {
	background: url("box_round_lo.gif") top left no-repeat;
}

.ru-round {
	background: url("box_round_ru.gif") bottom right no-repeat;
}

.lu-round {
	background: url("box_round_lu.gif") bottom left no-repeat;
}





/* ########################################################################## */
/* Suche                                                                      */
/* ########################################################################## */

#search {

}

#searchbox-right {
	min-height: 36px;
	/* padding: 8px; */
}

/* Texteingabe */
#searchbox-right #search {
	width: 160px;
	height: 14px;
	margin: 8px;
	/* padding: 3px;
	border: 1px solid #F0F0F0;
	border: 1px solid #F0F0F0;
	background-color: #EEE; */
}

/*
#searchbox-right #searchButton {
	float: right;
	margin: 2px;
	padding: 3px;
	background: url("search_button.png") top left no-repeat;
}
 */
 
.black-leiste-left {
	background: url("black_leiste_left.png") top left no-repeat;
}

.black-leiste-right {
	background: url("black_leiste_right.png") top right no-repeat;
}

#search h2 {
	margin-bottom: 20px;
}

#s {
	width: 120px;
	margin-right: 5px;
	padding: 3px;
	border: 1px solid #F0F0F0;
}

#x {
	padding: 3px;
	background: #ECECEC url(images/img08.gif) repeat-x left bottom;
	border: none;
	text-transform: lowercase;
	font-size: 11px;
	color: #4F4F4F;
}





/* ########################################################################## */
/* Headlines                                                                  */
/* ########################################################################## */

/* Headline 1 */
#main h1 {
	color: #0066cc;
	color: #333;
	color: #67758A;
	color: #3C5A78;
	text-align: left;
	letter-spacing: 0px;
	/* font-size:1.6em; */
	font-size: 1.50em;
	font-weight: bold;
	margin-bottom: 0.25em;
}

/* Headline 2 */
#main h2 {
	color: #333;
	color: #9EB4D2;
	color: #A2B9D8;
	color: #7896C8;
	text-align: left;
	/* font-size: 1.05em; */
	font-size: 1.50em;
	font-size: 1.20em;
	font-weight: bold;
	/* line-height: 1.1em; */
	letter-spacing: 0px;
	/* text-transform: uppercase; */
	/* margin-bottom: 0.1em; */
}

/* Headline 3 */
#main h3 {
	color: #333;
	color: #666;
	text-align: left;
	letter-spacing: 0px;
	font-size: 1.05em;
	font-weight: bold;
	/* margin-top: 0.8em; */
	margin-bottom: 0.2em;
}

/* Headline 4 */
#main h4 {
	color: #333;
	color: #666;
	text-align: left;
	letter-spacing: 0px;
	font-size: 1.05em;
	font-weight: bold;
	/* margin-top: 0.8em; */
	/* margin-bottom: 0.1em; */
}

/* Headline 5 */
#main h5 {
	color: #333;
	color: #666;
	text-align: left;
	letter-spacing: 0px;
	font-size: 1.00em;
	font-weight: bold;
	/* margin-top: 0.8em; */
	/* margin-bottom: 0.1em; */
}

/* Headline 6 */
#main h6 {
	color: #333;
	color: #666;
	text-align: left;
	letter-spacing: 0px;
	font-size: 1.05em;
	font-weight: bold;
	/* margin-top: 0.8em; */
	/* margin-bottom: 0.1em; */
}





/* ########################################################################## */
/* Images                                                                     */
/* ########################################################################## */

img.floatLeft {
	float: left;
	margin:4px 8px 4px 0; /* oben rechts unten links */
}

img.floatRight {
	float: right;
	margin:4px 0 4px 8px; /* oben rechts unten links */
}

.image-floatLeft {
	float: left;
	margin:4px 8px 4px 0; /* oben rechts unten links */
}

.image-floatRight {
	float: right;
	margin:4px 0 4px 8px; /* oben rechts unten links */
}


.image-caption {
	max-width: 100%;
	font-size: 0.8em;
	color: #666;
	padding:0.1em 0.1em;
	/* background-color:#DDD; */
	margin:0px 0 4px 0px; /* oben rechts unten links */
}

.image-copyright {
	font-size: 0.8em;
	color: #666;
	padding: 0.1em 0.1em;
	text-align: right;
}


.center-pic {
	text-align: center;
	overflow: hidden;
}


/* Bild mit Bildunterschrift LINKS */
/* ========================================================================== */
dl.meImgLeft {
	float: left;
	margin-right: 1.0em;
	margin-right: 4px;
} 

dl.meImgLeft dt {
	margin-bottom: 0;
} 

/* verhindert das Einrücken und den Abstand nach oben */
dl.meImgLeft dd {
	margin: 0;
} 


/* Bild mit Bildunterschrift RECHTS */
/* ========================================================================== */
dl.meImgRight {
	float: right;
	margin-left: 1.0em;
	margin-left: 4px;
} 

dl.meImgRight dt {
	margin-bottom: 0;
} 

/* verhindert das Einrücken und den Abstand nach oben */
dl.meImgRight dd {
	margin: 0;
} 






/* ########################################################################## */
/* System Requirements                                                        */
/* ########################################################################## */

/* system requirements */
#container-main .sysreq {
	margin-top: 12px;
	margin-bottom: 1.4em;
	font-size: 11px;
}

#container-main .sysreq ul {
	/* margin-bottom: 0; */
	margin: 0 0 0 0; /* oben rechts unten links */
	list-style-type: none;
}


#container-main .sysreq ul li {
	/* margin-bottom: 0.2em; */
	margin: 0.2em 0 0.2em 0; /* oben rechts unten links */
	list-style-type: none;
}

#container-main .sysreq {
	padding-right: 120px;
	min-height: 70px;
	height: 70px;
	background: url(mac_universal.gif) no-repeat 100% 0;
}


/* system requirements PPC */
#container-main .sysreq-ppc {
	margin-top: 12px;
	margin-bottom: 1.4em;
	font-size: 11px;
}

#container-main .sysreq-ppc ul {
	/* margin-bottom: 0; */
	margin: 0 0 0 0; /* oben rechts unten links */
	list-style-type: none;
}


#container-main .sysreq-ppc ul li {
	/* margin-bottom: 0.2em; */
	margin: 0.2em 0 0.2em 0; /* oben rechts unten links */
	list-style-type: none;
}

#container-main .sysreq-ppc {
	padding-right: 120px;
	min-height: 70px;
	height: 70px;
	background: url(mac_only_PPC.gif) no-repeat 100% 0;
}



/* system requirements universal */
#container-main .sysreq-universal {
	margin-top: 12px;
	margin-bottom: 1.4em;
	font-size: 11px;
}

#container-main .sysreq-universal ul {
	/* margin-bottom: 0; */
	margin: 0 0 0 0; /* oben rechts unten links */
	list-style-type: none;
}


#container-main .sysreq-universal ul li {
	/* margin-bottom: 0.2em; */
	margin: 0.2em 0 0.2em 0; /* oben rechts unten links */
	list-style-type: none;
}

#container-main .sysreq-universal {
	padding-right: 120px;
	min-height: 70px;
	height: 70px;
	background: url(mac_only_universal.gif) no-repeat 100% 0;
}



/* system requirements intel-only */
#container-main .sysreq-intel {
	margin-top: 12px;
	margin-bottom: 1.4em;
	font-size: 11px;
}

#container-main .sysreq-intel ul {
	/* margin-bottom: 0; */
	margin: 0 0 0 0; /* oben rechts unten links */
	list-style-type: none;
}


#container-main .sysreq-intel ul li {
	/* margin-bottom: 0.2em; */
	margin: 0.2em 0 0.2em 0; /* oben rechts unten links */
	list-style-type: none;
}

#container-main .sysreq-intel {
	padding-right: 120px;
	min-height: 70px;
	height: 70px;
	background: url(mac_only_intel.gif) no-repeat 100% 0;
}




/* details table */
#container-main .details {
	margin: 0 0 0 0; /* oben rechts unten links */
	/* margin: 0 -1px 1.8em; */
	padding: 0 1px;
	font-size: 11px;
	border-bottom: 1px solid #f2f2f2;
}
#container-main .details dl {
	display: inline;
}

#container-main .details dt,
#container-main .details dd {
	float: left;
	padding-top: 0.5em;
	border-top: 1px solid #f2f2f2;
}
#container-main .details dt {
	clear: left;
	width: 30%;
	margin-left: -1px;
	padding-left: 1px;
	/* padding-left:2px; */
}

#container-main .details dd {
	width: 70%;
	margin-right: -1px;
	padding-right: 1px;
	text-align: right;
}


/* download button */
#container-main a.downloadbutton {
	display: block;
	float: right;
	font-size: 9px;
	text-decoration: none;
	cursor: pointer;
}

#container-main a.downloadbutton:hover {
	text-decoration: none;
}

#container-main a.downloadbutton b {
	display: block;
	float: left;
	padding: 2px 0 1px;
	width: 80px;
	text-indent: -99999px;
	font-weight: normal;
	font-style: normal;
	background: url(btn_download_bgleft.gif) no-repeat 0 center;
}

#container-main a.downloadbutton i {
	display: block;
	float: left;
	padding: 2px 10px 1px 4px;
	color: #6a6a6a;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	background: url(btn_download_bgright.gif) no-repeat 100% center;
}

#container-main a.downloadbutton i:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#container-main .boxbottom a.downloadbutton,
#container-main .boxbottom a.buynow {
	margin-bottom: 0.8em
}

#container-main .boxtop a.downloadbutton,
#container-main .boxtop a.buynow {
	line-height: 18px;
}

#container-main a.buynow {
	background: url(btn_buynow.gif) no-repeat 0 center;
	display: block;
	float: right;
	margin-right: 18px;
	padding: 2px 0 1px;
	text-indent: -99999px;
	width: 56px;
}





/* ########################################################################## */
/* Footer                                                                     */
/* ########################################################################## */

#footer {
	clear: both;
	font-size: 11px;
	margin: 24px 39px 0px 39px;  /* oben rechts unten links */
	/* width: 886px; */
	height: 66px;
	/* height: 80px; */
	/* text-align: center; */
	/* background-color: #FFF; */
	background: url(footer_with_reflc_822x54.png) no-repeat;
	/* border: solid 1px transparent; */
}

#footer-left {
	float: left;
	margin-left: 12px;
	height: 36px;
	font-size: 1em;
	line-height: 38px;
	text-align: left;
	color: #F2F2F2;
	/* background-color: transparent; */
	/* border: solid 1px #f2f2f2; */
}

#footer-right {
	float: right;
	margin-right: 12px;
	height: 36px;
	font-size: 1em;
	line-height: 38px;
	text-align: right;
	color: #F2F2F2;
}


#footer a:link,
#footer a:visited,
#footer a:active {
	color: #F2F2F2;
	text-decoration: underline;
	text-decoration: none;
}

#footer a:hover {
	color: #F2F2F2;
	text-decoration: underline;
}




/* ########################################################################## */
/* Formular                                                                   */
/* ########################################################################## */
.red-font {
	color: red;
	/* font-style: italic; */
}

.senden {
	/* background-color : #EFEFEF; */
	/* color : #000000; */
	border: none;
	float: left;
	/* display: block; */
	width: 104px;
	height: 45px;
	margin: 0px 12px 0px 0px;  /* oben rechts unten links */
	padding: 0px 0px 15px 0px;  /* oben rechts unten links */
	text-align: center;
	font-size: 15px;
	line-height: 15px;
	color: #F2F2F2 !important;
	background: url(btn_104x45.jpg) no-repeat;

}

textarea {
     resize: none; /* Safari 3; kein Resize der Textarea moeglich */
     resize: vertical; /* Safari 3; nur vertikales Resize der Textarea moeglich - funktioniert nicht immer */
}



/* ########################################################################## */
/* Hyperlinks                                                                 */
/* ########################################################################## */

#breadcrumb a, 
#breadcrumb a:link,
#breadcrumb a:visited,
#breadcrumb a:active {
	color: #0066cc;
	color: #666;
	color: #336699;
	/* color:red; */
	text-decoration: underline;
	text-decoration: none;
}

#breadcrumb a:hover {
	color:#0066cc;
	color:#666;
	color: #336699;
	/* color:red; */
	text-decoration: underline;
}



#main a, 
#main a:link,
#main a:visited,
#main a:active {
	color:#0066cc;
	color: #336699;
	/* color:red; */
	text-decoration: underline;
	text-decoration: none;
}

#main a:hover {
	color:#0066cc;
	color: #336699;
	/* color:red; */
	text-decoration: underline;
}


/* PDF document links */
a[href$='.pdf'] {
	background: transparent url(pdf_icon_20x20.png) center left no-repeat;
	display:inline-block;
	padding-left: 24px;
	line-height: 20px;
	text-decoration: none;
}

/* Excel Documents links */
a[href$='.xls'], a[href$='.csv'], a[href$='.xlw'], a[href$='.xlt'] {
background:transparent url(../images/excel.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:15px;
}

/* Word Document Links */
a[href$='.doc'], a[href$='.rtf'], a[href$='.wps'], a[href$='.txt'] {
background:transparent url(../images/word.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:15px;
}

/* mailto: links */
a[href^="mailto:"] {
background:transparent url(../images/mailto.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:15px;
}




/* ########################################################################## */
/* Micha's SiteMap                                                            */
/* ########################################################################## */

.sitemap-tree {
	margin: 12px 0 12px 0; /* oben rechts unten links */
}

.sitemap-tree ul {
	list-style-type: none;
	margin: 0 0 0 0;
}

.sitemap-tree ul li {
	padding: 0 0 0 0;
}




/* ########################################################################## */
/* SiteMap                                                                    */
/* ########################################################################## */

/* Navigation zur Anzeige der aktuellen Position */

/*
#navigationBreadcrumb                             {margin:0 0 8px 0}

#navigationBreadcrumb .navLevel1Open              {}
#navigationBreadcrumb .navLevel1OpenSelected      {}

#navigationBreadcrumb .navLevel2Open              {}
#navigationBreadcrumb .navLevel2OpenSelected      {}

#navigationBreadcrumb .navLevel3Open              {}
#navigationBreadcrumb .navLevel3OpenSelected      {}

#navigationBreadcrumb .navLevel4Open              {}
#navigationBreadcrumb .navLevel4OpenSelected      {}
*/

/* Sitemap */

/*
.wglLinkTree                                   {margin:0 0 0 -15px;}
.wglLinkTree *                                 {margin:0;padding:0}
.wglLinkTree ul                                {list-style-type:disc}
.wglLinkTree li                                {overflow:hidden; list-style-image:none;}
.wglLinkTree a                                 {display:block;width:100%;text-decoration:none;}
.wglLinkTree a:hover                           {display:block;width:100%;text-decoration:underline;}
.wglLinkTree span                              {}

.wglLinkTree .navLevel1space                                   {padding:0 0 0 16px}
.wglLinkTree .navLevel2space                                   {padding:0 0 0 4px}
.wglLinkTree .navLevel3space                                   {padding:0 0 0 24px}
.wglLinkTree .navLevel3spaceLast                           {padding:0 0 0 0px}
.wglLinkTree .navLevel4space                                   {padding:0 0 0 24px}
*/

/* Sitemap Level 1-4 */

/*
.wglLinkTree  .navLevel1                       {}
.wglLinkTree  .navLevel1 span                  {padding:0 1px 0 1px;}
.wglLinkTree a.navLevel1                       {padding:2px 0 4px 0;font-weight:bold;}
.wglLinkTree a.navLevel1:hover                 {padding:2px 0 4px 0;font-weight:bold;}

.wglLinkTree  .navLevel1Open                   {}
.wglLinkTree  .navLevel1Open span              {padding:0 1px 0 1px;}
.wglLinkTree a.navLevel1Open                   {padding:2px 0 4px 0;font-weight:bold;}
.wglLinkTree a.navLevel1Open:hover             {padding:2px 0 4px 0;font-weight:bold;}

.wglLinkTree  .navLevel2                       {}
.wglLinkTree  .navLevel2 span                  {}
.wglLinkTree a.navLevel2                       {padding:1px 0px 3px 22px; margin:0px; background-image:url(/files/sitemap_bullet.gif); background-repeat:no-repeat; background-position:6px -4px; list-style-type: disc;}
.wglLinkTree a.navLevel2:hover                 {padding:1px 0px 3px 22px;}

.wglLinkTree  .navLevel2Open                   {padding:0px; margin:0px; background-image:url(/files/sitemap_bullet_open.gif); background-repeat:repeat-y; background-position:6px -4px; list-style-type: disc;}
.wglLinkTree  .navLevel2Open span              {}
.wglLinkTree a.navLevel2Open                   {padding:1px 0px 3px 22px;}
.wglLinkTree a.navLevel2Open:hover             {padding:1px 0px 3px 22px;}

.wglLinkTree  .navLevel2Last                   {padding:1px 0px 15px 22px; margin:0px; background-image:url(/files/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px; list-style-type: disc;}
.wglLinkTree  .navLevel2OpenLast               {padding:1px 0px 15px 22px; margin:0px; background-image:url(/files/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px; list-style-type: disc;}

.wglLinkTree  .navLevel3                       {}
.wglLinkTree  .navLevel3 span                  {}
.wglLinkTree a.navLevel3                       {padding:1px 0px 3px 22px; margin:0px; background-image:url(/files/sitemap_bullet.gif); background-repeat:no-repeat; background-position:6px -4px; list-style-type: disc;}
.wglLinkTree a.navLevel3:hover                 {padding:1px 0px 3px 22px;}

.wglLinkTree  .navLevel3Open                   {padding:0px; margin:0px; background-image:url(/files/sitemap_bullet_open.gif); background-repeat:repeat-y; background-position:6px -4px; list-style-type: disc;}
.wglLinkTree  .navLevel3Open span              {}
.wglLinkTree a.navLevel3Open                   {padding:1px 0px 3px 22px;}
.wglLinkTree a.navLevel3Open:hover             {padding:1px 0px 3px 22px;}

.wglLinkTree  .navLevel3Last                   {padding:1px 0px 15px 22px; margin:0px; background-image:url(/files/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px; list-style-type: disc;}
.wglLinkTree  .navLevel3OpenLast               {padding:1px 0px 15px 22px; margin:0px; background-image:url(/files/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px; list-style-type: disc;}

.wglLinkTree  .navLevel4                       {}
.wglLinkTree  .navLevel4 span                  {}
.wglLinkTree a.navLevel4                       {padding:1px 0px 3px 22px; margin:0px; background-image:url(/files/sitemap_bullet.gif); background-repeat:no-repeat; background-position:6px -4px; list-style-type: disc;}
.wglLinkTree a.navLevel4:hover                 {padding:1px 0px 3px 22px;}

.wglLinkTree  .navLevel4Open                   {padding:0px; margin:0px; background-image:url(/files/sitemap_bullet_open.gif); background-repeat:repeat-y; background-position:6px -4px; list-style-type: disc;}
.wglLinkTree  .navLevel4Open span              {}
.wglLinkTree a.navLevel4Open                   {padding:1px 0px 3px 22px;}
.wglLinkTree a.navLevel4Open:hover             {padding:1px 0px 3px 22px;}

.wglLinkTree  .navLevel4Last                   {padding:1px 0px 15px 22px; margin:0px; background-image:url(/files/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px; list-style-type: disc;}
.wglLinkTree  .navLevel4OpenLast               {padding:1px 0px 15px 22px; margin:0px; background-image:url(/files/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px; list-style-type: disc;}
*/























/* ########################################################################## */
/* tooCool                                                                    */
/* ########################################################################## */

#tooCool a {
	position: fixed;
	right: 0;
	bottom: 0;
	display: block;
	height: 80px;
	width: 80px;
	background: url(too_cool.png) bottom right no-repeat;
	text-indent: -999em;
	text-decoration: none;
}

#tooCoolText {
	display: none;
}



#test-video {
	background-color: yellow;
	/* background:url(reflection_bottom_900x70.png) no-repeat; */
	width: 512px;
	min-height: 70px;
}