@import url('reset.css');
@import url('typo_event.css');
body 					{ background: black; text-align: center;}
.background #background { width: 100%; position: absolute; top: 0; left: 0; z-index: -1; min-width: 960px;}
.container				{ text-align: left; margin-left: auto; margin-right: auto;  width: 960px; top: 230px; position: relative;}
.hidden				{display:none;}

/* MENÜ */
div.menu_container 					{ position: absolute; top: 50px; left: 0; background: url('../img/menu_bg.jpg'); width: 100%; height: 110px; display: block; z-index: 1; color: white; text-align: center; border-bottom: 3px solid #1cabc1;}
div.menu_container .menu_width		{ margin: auto; width: 960px; text-align: left; }
div.menu_container 	a 				{ text-decoration: none;}
div.menu_container 	ul.menu			{ display: inline; background: green;}
div.menu_container 	ul.menu	li		{ float: left; width: 100px; margin-top: 48px;}
div.menu_container 	ul.menu	li a	{ font-size: 24px; color: white;}
div.menu_container 	ul.sub	li		{ float: left; width: auto; margin-right: 5px; margin-top: 0px;}
div.menu_container 	ul.sub	li a	{ font-size: 11px; color: white;}
div.menu_container #Agentur			{ width: 160px;}
div.menu_container #Leistungen		{ width: 240px;}
div.menu_container #Referenzen		{ width: 150px;}
div.menu_container ul li a.active	{ color: #1cabc1;}

/* Overlay */
.overlay			{position: absolute; width: 100%;  top: 00px; left:0px; color: black; z-index: 2; text-align: center;}
.overlay_background {background-color: white; padding-top: 20px;}
.overlay_content 	{height: 180px; background-color: white; text-align: left; width: 960px; margin: auto;}
.overlay_content a	{color: #1cabc1;}
.overlay_content .logo {height: 40px; display: block;}
.overlay_content div { float: left; width: 215px; height: 200px; padding-right: 10px; margin-left: 10px; border-right: 1px solid #CCC;}
.overlay_content .mehr {float: right; }
.overlay_bar	{ height: 25px; text-align: center; background: url('../img/overlay_bg.png') repeat-x; cursor: pointer;}

/* BOXEN */
.container_right_col {  position: absolute; left: 600px; width: 360px;}
.box 		{ display: block; background: black;  filter:Alpha(opacity=89); width: 300px; opacity:0.89; padding: 30px; border-bottom: 3px solid #1cabc1; margin-bottom: 5px; clear: both; overflow:hidden; }
.box h1		{ margin: 0px; margin-bottom: 5px;}
.box h2		{ margin: 0px; margin-bottom: 10px;}
.box p		{ margin-bottom: 1em;}	
.box ul 	{ float: left; width: 100%; display: block; margin-bottom: 10px; margin-top: 0px; list-style: disc; margin-left:12px; }
.box ul li	{ list-style: circle; padding-left: 0px; padding:0px;}

.container_left_col 		{ }
.container_left_col .box { width: 535px;} 

.text 				{ }
.video 				{ position: absolute; left: 000px; width: 535px; height: 300px; }
.video object		{filter:Alpha(opacity=100); opacity:1; }
.video_loesung 		{ position: absolute; top: 368px; left: -300px; width: 235px; }
.video_leistung		{ position: absolute; top: 368px; left: -600px; width: 235px; }


/* Slider */
.slide 			{cursor: pointer; border-bottom: 1px solid #333;}
.slide h3		{margin-left: 3px;}
.slider_content {margin-left: 3px;}
.slider_content h3 {margin-top: 00px; margin-bottom: 0;}
.slider_content .richtext	 { padding-bottom: 10px;}
.slider_content .left 		{  float: left; width: 300px; padding-right: 10px;}
.slider_content .right 		{ float: left; width: 220px;}
.slider_content .right ul	{width: auto; line-height: 20px;}
.slider_content .right ul li {margin-bottom: 4px;}


/* Navigation */
.navigation 	{ position: absolute; width: 360px; left: 600px; top: -35px; line-height: 30px;}
.navigation a	{color: white; text-decoration: none; font-style: italic; line-height: 30px; }
.navigation div 		{float: left;}
.navigation .left 		{width: 80px; height: 30px; background-color: #1dadc2; margin-right: 10px; padding-left: 5px; padding-right: 5px;}
.navigation .middle 	{width: 160px; height: 30px; background-color: #1dadc2; margin-right: 10px; text-align: center;}
.navigation .right 		{width: 80px; height: 30px; background-color: #1dadc2; text-align: right; float: right; padding-left: 5px; padding-right: 5px;}
.navigation .disabled	{ filter:Alpha(opacity=40); opacity:0.4; }

/* Twitter */ 
#twitter_div ul {width: auto; margin: 0; list-style: none;}
#twitter_div ul li {width: auto; margin: 0; list-style: none; margin-bottom: 1em;}

/* Kontaktformular */
#form-module ul.form_warning		{display: block; clear: both; width: auto;}
#form-module .formselect			 { display: block; clear: both;}
#form-module p.formtext 	   		 { margin: 0; padding: 0; margin-bottom: 5px;}
#form-module p.formtext label  		 { width: 130px; display: block; float: left;}
#form-module p.formtext input  		 { width: 228px; border: 1px solid #BBB; }
#form-module input.form_warning		 { border: 1px solid red; background: #ff6b6b;}
#form-module p.formtextarea label	 { display: block;}
#form-module p.formtextarea textarea	{ width: 330px; height: 150px;}
#form-module #innerform .formtext label	{display: block; clear: both; width: 330px; padding-bottom: 5px;}

/* Artikel Liste */
.box ul.articlelist		{list-style-image: none; width: 100%; margin: 0px; margin-top: 20px;}
ul.articlelist li 	{ background: #111; float: left; width: 260px; height:260px; border: 1px solid #111; list-style-image: none; list-style: none; margin-right: 5px; margin-bottom: 5px;}
ul.articlelist li a.headline { margin: 10px; display: block; text-decoration: none; line-height: 18px; font-weight: bold;}
ul.articlelist li p { margin: 10px; }

/* Kunden Liste */
.reflist 	{width: 100%;}
.reflist .date 	{width: 50px; padding-left: 3px;}
.reflist a 		{text-decoration: none;}
.reflist td 	{padding-bottom: 3px; padding-top: 3px; line-height: 15px;}
.reflist tr.even td 	{background: #111;}

/* Kalender */
.valist tr td 		{line-height: 15px; padding-bottom: 3px; padding-top: 3px; }
.valist tr td h2 	{ margin: 0px; margin-top: 2em; border-top: 1px solid #333;border-bottom: 1px solid #333; background: #111; color: #1cabc1;}
.valist tr td.date 	{ padding-left: 5px;}
.valist tr td.client {padding-left: 5px;padding-right: 10px;}
.valist tr td.location 	{ padding-right: 5px;}
.valist tr td.month h2 { padding-left: 5px;}
.valist tr.even td 	{background: #111;}
.valist tr td.event 	{padding-right: 5px;}