@CHARSET "UTF-8";

/* CSS-Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* CSS-Reset */


body,div,span,input,button,select,a,b,h1,h2,h3,h4,h5,h6,h7,td,p,label {font-family: Arial,sans-serif;color:#cccccc;font-size:13px;line-height:16px;}



/*************************************/
/*   Stylesheet by Dudai.net, 2009   */
/*************************************/

body {margin:0;padding:0;background:black;}

/* portfolio teasers */


.teasers .page {position:absolute;top:0px;left:0px;width:800px;height:690px;cursor:pointer;}
.teasers .page div {display:none;position:absolute;width:300px;height:auto;top:auto;left:auto;font-size:11px;line-height:13px;text-align:justify;}
.teasers .page div a {font-size:11px;line-height:13px;}
.teasers .page div h3 {margin-bottom:5px;}

.nodeLinks			{display:none;}

canvas {height:350px;width:320px;}

.powerman_medaille {background: url(../images/portfolio/home/powerman_medaille.jpg) no-repeat bottom left black;}
.dose_koerperwelten {background: url(../images/portfolio/home/dose_koerperwelten.jpg) no-repeat top left black;}
.sporttasche {background: url(../images/portfolio/home/tasche_kanten.jpg) no-repeat top left black;}
.quevita_icons {background: url(../images/portfolio/home/quevita_icons.jpg) no-repeat top left black;}
.shop {background: url(../images/portfolio/home/shop.jpg) no-repeat center left black;}
.cms {background: url(../images/portfolio/home/cms.jpg) no-repeat bottom left black;}



#pagination .page {position:absolute;width:820px;}

#pagination_navi    {height:30px;}
#pagination_navi span {display:block;float:left;margin:0 5px 0 0;padding:0;font-size:30px;color:#888888;}
#pagination_navi span a, #pagination_navi span a:visited {font-size:30px;display:inline;margin:0;padding:0;color:#333333;height:auto;width:auto;float:none;text-decoration:none;border:none;outline:none;}

li.space span.pager          {display:none;margin-right: 30px; font-size: 10px;}
#pagination_navi span.pager  {margin-right: 30px; font-size: 10px;}
li.space span.pager a, #pagination_navi span.pager a {font-size: 10px; color: rgb(51, 51, 51);}

/* portfolio teasers */




h1 {font-size:90px;color:#333333;margin-top:0;line-height:100px;letter-spacing:-0.1em;}
h2 {font-size:50px;color:#94be0e;margin-top:0;line-height:15px;letter-spacing:-0.07em;font-weight:normal;}

h3,h4,h5,h6 {font-size:14px;margin-top:5px;line-height:17px;margin-bottom:2px;}
h3 {color:#ffffff;}
h4 {color:#dd3311;}
h5 {color:#eecc11;}
h6 {color:#66aa33;}
.thumb h6 {color:red;font-size:9px;font-weight:normal;text-transform:uppercase;line-height:9px;color:#AAAAAA;margin-left:3px;margin-top:0px;position:absolute;width:120px;}

h1 a, h2 a, h3 a {font-size:inherit;color:inherit;line-height:inherit;letter-spacing:inherit;font-weight:inherit;text-decoration:inherit;}

sup {font-size:11px;letter-spacing:1px;vertical-align:18px;}
small {font-size:10px;}

a, a:visited {color:#fca539;outline:none;}
a:hover, a:active {color:#fca539;outline:none;}
a img {border:none;outline:none;}

ul {padding-left:20px;}
ul li {list-style-type:disc;color:white;}

#site		{height:690px;text-align:left;}
#content	{position:relative;margin:0 0 0 340px;padding-top:30px;width:315px;/*height:480px;overflow:hidden;*/}
#content p {text-align:justify;margin:10px 0;}
#left_column {width: 280px; height: 690px; overflow: hidden; position: absolute; top:0;left:20px; }
#footer		{position:absolute;top:550px;left:0px;width:100%;background:url(../images/menu_background.png) transparent;height:140px;}

#logo {position:absolute;right:55px;top:-38px;}

#tags_hover {position:absolute;top:0;right:10px;width:340px;height:354px;}
#tags {position:absolute;top:0;right:20px;}
#tags a {position:absolute;overflow:show;line-height:40px;text-decoration:none;color:#ffffff;text-align:center;text-shadow: 0 2px 5px #000000;}
#tags a:hover {color:#fca539;}


ul.menu             {margin:0;padding:0;}
ul.menu.right       {margin:0;padding:0 52px 0 0;}
ul.menu li          {display:block;float:left;list-style-type:none;}
ul.menu li span		{font-size:14px;display:block;margin-top:4px;padding:3px 0px;}
ul.menu li a		{font-size:14px;display:block;margin-left:20px;margin-top:4px;color:#ffffff;text-decoration:none;padding:3px 0px;}
ul.menu li a:hover	{margin-top:0;border-top:4px solid #444444;}
ul.menu li.space    {width:320px;}
ul.menu li.active   {position:relative;}
ul.menu li.active a {margin-top:0;border-top:4px solid #fca539;}
ul.menu li.active a:hover {margin-top:0;border-top:4px solid #fca539;}

ul.menu li ul.submenu {position:absolute;display:none;width:200px;left:0px;padding:0;}
ul.menu li ul.submenu li {margin:0;float:none;text-align:left;margin:0;padding:0;border:none;height:auto;}
ul.menu li ul.submenu li a {color:white;margin:0 0 0 20px;padding:0;border:none;height:auto;font-size:10px;line-height:15px;}
ul.menu li ul.submenu li a:hover {border:none;border-left:2px solid #aaaaaa;padding-left:4px;margin-left:14px;}
ul.menu li.active ul.submenu {display:block;}

.left  {float:left;}
.right {float:right;}
.clear {clear:both;}
.absolute {position:absolute;}
.relative {position:relative;}


img.left {margin:10px 15px 10px 0;}
img.right {margin:10px -120px 10px 15px;}


input.text_field {border:1px solid #008174;padding:2px;}


.linke_seite  {color:#40c016;font-weight:bold;display:block;float:left;}
.rechte_seite {color:#cccccc;text-align:right;display:block;}

.language a img {opacity:0.3;filter:alpha(opacity=30);}
.language a:hover img {opacity:1;filter:alpha(opacity=100);}


.thumb {border:1px solid #777777;float:left;margin:0 7px 7px 0;padding-bottom:40px;}
.thumb img {display:block;cursor:pointer;margin:3px;opacity:0.6;filter:alpha(opacity=60);}
.showroom {position:absolute;top:90px;left:200px;padding:20px;opacity:0;filter:alpha(opacity=0);overflow:visible;z-Index:1001;}
.showroom div {overflow-y:auto;height:1px;}
.showroom div img {display:block;height:auto;width:100%;}
.showroom a {position:absolute;right:0px;top:0px;display:none;width:40px;height:39px;background:transparent url(../images/close.png) no-repeat;}
.shadowscreen {background: #000000;opacity:0.9;filter:alpha(opacity=90);position:fixed;_position:absolute;top:0;left;0;width:100%;z-Index:1000;display:none;}




#time_walk			{position:absolute;left:100px;top:10px;height:300px;}
#time_legend		{position:absolute;left:60px;top:2px;}
#time_legend div	{margin-bottom:8px;height:19px;color:#aaaaaa;font-size:11px;}
#dots				{top: 255px; left: 420px; width: 136px; height: 198px;position:absolute;}
#dots div			{height:0px;width:0px;position:absolute;}
.dot				{height:1px;width:1px;top:-1px;left:-1px;display:none;position:absolute;}
#dots div .tooltip img	{display:inline-block;position:static;height:auto;width:auto;margin:auto;}
#dots div .tooltip a {color:white;text-decoration:none;font-size:10px;line-height:12px;}
#left_column		{overflow:visible;}

#dots div .tooltip .autoscroller	{display:block;width:160px;height:60px;overflow:hidden;position:relative;margin-left:10px;}
#dots div .tooltip .autoscroller img {display:block;position:absolute;top:0px;left:0px;}

a.ui-button         {border-width:2px;}
a.ui-button-text-only span.ui-button-text {padding:0.1em 0.6em;color:black;font-size:10px;}