@charset "utf-8";
/* CSS Document */

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,
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-weight:normal;font-style:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif;vertical-align:baseline;}
:focus 											{outline: 0;}
ol, ul 											{list-style: none;}
table 											{border-collapse: separate;border-spacing:0;}
caption, th, td 								{text-align: left;font-weight: normal;}
body 											{line-height:1.3em;color:#888;background:#333; font-size:12px;background: url(../img/layout/bg_body.jpg) top right repeat-x #333;behavior: url(csshover.htc);}

#headerContainer	{width:100%; height:80px; background:url(../img/layout/bg_header.png) repeat-x;}
#header				{width:940px;padding:0px 30px; margin:0px auto;}
#contentWrapper 	{width:940px;padding:0px 30px; margin:100px auto 30px;}

.thin 		{width:230px;}
.medium 	{width:460px;}
.large 		{width:690px}
.right		{float:right;}
.left		{float:left;}

a 						{color:#888;text-decoration:none;}
a#logo 					{float:left;margin-top:16px; padding-bottom:3px;}
a#logo.active,
a#logo:hover			{border-bottom:4px solid #852952}
a.text					{text-decoration:underline;}
a.pfeil					{padding-left:10px; background:url(../img/layout/arrow_ri.gif) center left no-repeat;}

ul#topNavi 				{float:right; padding-top:42px;}
ul#topNavi li 			{float:left; display:block; margin:0px 2px;}
ul#topNavi li:hover,
ul#topNavi li.active 	{border-bottom:4px solid #852952;}
ul#topNavi li a 		{padding:0px 10px 5px; display:block; font-weight:bold;}
#header a.active,
ul#topNavi a:hover 		{color:#CCC;}

h1 			{font-size:36px; margin:20px 0px 10px; line-height:1em}
h2 			{font-size:16px; margin-bottom:5px; font-weight:normal;}
h3 			{font-size:14px; font-weight:bold; margin-bottom:10px;}
h4 			{font-size:12px; font-weight:bold; margin-top:5px;}
p 			{margin-bottom:10px;}
p.stil1 	{font-size:22px; line-height:25px;}
p.stil3		{font-weight:bold; margin-top:10px;}
img.stil1 	{padding:5px; background:#444;border:1px solid #555;}
img.stil2 	{float:right;}
img.text 	{display:inline;}
.lila 		{color:#852952}
hr 			{border-bottom:1px solid #444; color:#222; margin:10px 0px; display:block;}
		
form				{width:100%;padding-top:10px;}
fieldset			{width:48%;}
label				{display:block; margin-bottom:10px;}
input				{width:100%; height:15px; padding:3px 2px 1px; border:1px solid #444; background:#222; display:block; color:#777;font:normal 12px Arial, Helvetica, sans-serif; line-height:15px;}
input:focus			{border:1px solid #852952; color:#FFF; color:#FFF;}
textarea			{width:100%; height:110px;padding:1px; border:1px solid #444;overflow:auto;background:#222; color:#777; font:normal 12px Arial, Helvetica, sans-serif;line-height:15px;}
textarea:focus		{border:1px solid #852952; color:#FFF;}
input.button		{width:100px; height:30px; padding:2px 5px 0px; float:right;border:0 none;border-bottom:4px solid #333}
input.button:hover	{cursor: pointer; color:#FFF; border:0 none;border-bottom:4px solid #852952}
form p				{float:left;}

#slider 					{width:680px; margin:; position:relative; border:10px  solid #444; background:url(../img/layout/bg_body2.jpg) right bottom no-repeat #333;}
.scroll 					{overflow:hidden; width:680px; margin:; position:relative;}
.scrollContainer 			{position:relative;}
.scrollContainer div.panel 	{padding:10px; width:204px; height:230px;}
#left-shadow 				{position:absolute; top:0; left:0; width:12px; bottom:0; background:url(../img/layout/leftshadow.png) repeat-y;}
#right-shadow 				{position:absolute; top:0; right:0; width:12px; bottom:0; background:url(../img/layout/rightshadow.png) repeat-y;}
.inside 					{padding:10px; border:1px solid #444; background:#222;}
.inside img 				{display:block; margin:0 0 10px 0; width:180px}
.inside p 					{font-size:8px; color:#CCC;}
.scrollButtons 				{position:absolute; top:105px; cursor:pointer;}
.scrollButtons.left 		{left:-30px;}
.scrollButtons.right 		{right:-30px;}
.hide 						{display:none;}

ul.gallery li 					{float:left; display:block; margin:1px; padding:5px; background:#222; border:1px solid #444; width:212px;}
ul.gallery li.web 				{width:220px;}
ul.gallery a 					{display:block; background:#000;}
ul.gallery a.hidden 			{display:block; background:#333;}
a.thumb img						{filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50;}
a.thumb:hover img				{filter:alpha(opacity=99); -moz-opacity: 0.99; opacity: 0.99;}
ul.gallery a.info				{height:15px; padding:5px 0px 0px; background:#222;}
ul.gallery a.info:hover			{color:#fff; text-decoration:none;}
ul.gallery2 li 					{float:left; display:block; margin:1px; background:#000; padding:0; width:70px; height:70px;}
ul.gallery2 li.hidden 			{display:none;}
ul.gallery2 li a img 			{display:inline;}

*html #headerContainer				{width:100%; height:72px; background:#000; border-bottom:1px solid #852952}
*html .sideContent					{width:235px; float:left;}
*html a#logo 						{float:left;margin-top:20px; padding-bottom:3px; background:url(../img/layout/logo.jpg) top center no-repeat;}
*html ul#topNavi li a 				{padding:0px 10px 10px; display:block;}
*html .active .pop_menu 			{display:block; background:#222; position:absolute; padding:5px; width:220px; margin:20px 0px 0px -137px; border:1px solid #444;border-top:0 none;}
*html input.button					{width:100px; height:35px; padding:0px 5px 3px; float:right;border:0 none;border-bottom:4px solid #333}