/*	
  IT-POTT OHG, Multimedia im Ruhrgebiet
  Promenadenweg 23
  45219 Essen
  Telefon: 02054-969598-3
  Telefax: 02054-969598-4 
  www.it-pott.de
*/	


html, body {
	height:              	100%;
	margin:              	0;
	padding:             	0;
	
	}
	
html {

	}
	
body {
	font-family:			Georgia, "Times New Roman", Times, serif;
	color:					#48282b;
	font-size:           	12px;
	letter-spacing:			1px;
	background-color:#48282b;

	} 
	
/* --------------------------------------------LINKS--------------------------------------- */
a {
	color:					#00afc0;
	text-decoration:		none;
	}

a:hover {
  	color: 					#48282b;
	}

	

#header { 
	height:					250px;
	width:					950px;
	}
	
/* ------------------------------------------Grundaufbau------------------------------------ */	 
.logo {
	position:				relative;
	left: 					44px;
	top: 					33px;

	}

#wrapper {
	position:				absolute;   
	margin:					auto;
	left:					50%;
	margin-left:			-475px;  
	height:					100%;
	min-height:				100%;
	width:					950px;
	background-color:		#fff;
	}

body>#wrapper {
	height:					auto;
	}

#main {
	position:				relative;
	float:					left;
	width:					640px;
	padding-right:			70px;
	padding-left:			44px;
	padding-bottom:			50px;
	line-height:			1.5;
	}
	
#main_home {
	position:				relative;
	float:					left;
	width:					542px;
	padding-bottom:			30px;
	padding-left:			44px;
	padding-right:			44px;
	line-height:			1.5;
	}

#home_border {
position:relative;




}

#right {
	position:				relative;
 	float:					left;
	}

#right_home {
	position: 				relative;
 	float:					left;
	}
 
#left {
	position:				relative;
	float:					left;
	width:					190px;
	padding-left:			44px;
	}	
	
/* -------------------------------------------Kalender------------------------------------- */
#main_kalender {
	position:				relative;
	float:					left;
	width:					380px;
	padding-left:			70px;
	padding-right:			70px;
	padding-bottom:			50px;
	line-height:			1.5;
	overflow:				hidden;
	}

#kalenderblatt {
	position:				relative;
	width:					190px;
	height:					135px;
	overflow:				hidden;
	background-image: 		url(../img/kalenderblatt_smal_bg.gif);
	background-repeat:		repeat-x;
	background-color:		#00afc0;
	}

#kalenderblatt_home {
	position:				relative;
	width:					240px;
	height:					245px;
	background-image:		url(../img/kalenderblatt_bg.gif);
	background-repeat:		repeat-x;
	overflow:				hidden;
	}

.facebook {
	position: absolute;
	margin-top:10px;
	right:0;
	}



#kalenderblatt_home .tag_name {
	position:				relative;
	text-align:				center;
	width:					240px;
	text-transform:			lowercase;
	top:					5px;
	font-size:				20px;
	font-weight:			bold;
	}

#kalenderblatt .tag_name {
	position:				relative;
	text-align:				center;
	width:					190px;
	text-transform:			lowercase;
	top:					5px;
	font-size:				15px;
	font-weight:			bold;
	}

#kalenderblatt_home .tag_zahl {
	position:				relative;
	text-align:				center;
	top:					-29px;
	width:					240px;
	font-size:				180px;
	font-weight:			bold;
	}

#kalenderblatt .tag_zahl {
	position:				relative;
	text-align:				center;
	top:					-8px;
	width:					190px;
	font-size:				80px;
	font-weight:			bold;
	}	

#kalenderblatt_home .monat {
	position:				relative;
	text-align:				center;
	top:					-40px;
	width:					240px;
	text-transform:			lowercase;
	font-size:				35px;
	font-weight:			bold;

	}

#kalenderblatt .monat {
	position:				relative;
	text-align:				center;
	top:					-10px;
	width:					190px;
	text-transform:			lowercase;
	font-size:				20px;
	font-weight:			bold;
	}

/* ------------------------------------------Navigation------------------------------------ */
#navi .active ul,
#navi .trail ul { 
	display:				block;
	}

#navi {
	position:				relative;
	width:					150px;
	font-weight:			bold;
	letter-spacing:			normal;
	font-family:			Georgia, "Times New Roman", Times, serif;
	}
	
#kalender_navi {
	position:				relative;
	width:					188px;
	margin-top:					45px;
	padding-bottom:			2px;
	border-bottom:			#48282b solid 6px;
	}
	 
#navi_home {
	position:				relative;
	padding-bottom:			20px;
	width:					542px;
	font-weight:			bold;
	letter-spacing:			normal;
	font-family:			Georgia, "Times New Roman", Times, serif;
	} 

#navi ul,
#kalender_navi ul {           
	margin:					0;
	padding:				0;
	list-style:				none;
	}

#navi ul li {
	float:					left;
	width:					120px; /* Width of Menu Items */
	border-top:				2px solid #48282b;   
	font-size:				13px;
	text-transform:			uppercase;
	}
  
#kalender_navi li {
	width:					188px; /* Width of Menu Items */
	font-size:				13px;
	text-transform:			uppercase;
	}

#navi_home ul li{
	width:					542px;
	float:					none;
	background-color:		#fff;
	}

#navi ul li.last,
#kalender_navi ul li.last {
	border-bottom:			2px solid #48282b;
	}

#navi li ul li.last,
#kalender_navi li ul li.last {
	border-bottom:			none;
	}
	
#navi li ul {
	left:					0; 
	text-align:				left;
	display:				none;
	}
	
#navi li ul li,
#kalender_navi li ul li {
	left:					0; 
	text-align:				left;
	border:					none;
	text-transform:			none;
	font-weight:			normal;
	}		

#navi a {
	text-decoration:		none;
	display:				block;
	padding:				5px;
	height:					100%;
	color:					#48282b;
	}

#kalender_navi a {
	text-decoration:		none;
	display:				block;
	padding:				5px;
	padding-left:			2px;
	color:					#48282b;
	border-bottom:			2px solid #48282b;
	}

#navi ul li a:hover,
#kalender_navi ul li a:hover {
	background-color:		#00afc0;
	}

#navi li ul li a:hover,
#navi li ul li .active,
#navi ul ul li a.submenu.trail,
#navi ul ul li a.trail,
#kalender_navi li ul li a:hover,
#kalender_navi li ul li .active {
	background-color:		#fff;
	color:					#00afc0;
	}
	
#navi .active span,
#navi a.submenu.trail {
	display:				block;
	padding:				5px;
	font-size:				13px;
	color:					#48282b;
	background-color:		#00afc0;
	}

#kalender_navi .active span {
	display:				block;
	padding:				5px;
	padding-left:			2px;
	font-size:				13px;
	color:					#48282b;
	background-color:		#00afc0;
	border-bottom:      	2px solid #48282b;
	}


	.invisible{width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline;}
	.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both;}
                      
/* Holly Hack. IE Requirement \\*/
* html #navi ul li,
* html #kalender_navi ul li { 
	float:					left; 		
	height:					1%;
  }
* html #navi ul li a,
* html #kalender_navi ul li a { 
	height: 			        1%; 
  }
/* --------------------------H1,H2----------------------------------- \\*/

#main_home h1,
#main h1,
#main h1 a {
	position:				relative;
	font-size:				12px;
	line-height:			normal;
	margin:					0;
	color:					#48282b;
	margin-bottom:			10px;
	padding-top:			5px;
	padding-bottom:			5px;	
	border-top:				2px solid #48282b;
	border-bottom:			2px solid #48282b;
	}

#main h2 {
	position:				relative;
	font-size:				13px;
	line-height:			normal;
	margin:					0;
	text-transform:			uppercase;
	color:					#48282b;
	margin-top:				40px;
	margin-bottom:			10px;
	padding-top:			5px;
	padding-bottom:			5px;	
	border-top:				2px solid #48282b;
	}

#main_kalender h1,
#main_kalender h1 a {
	position:				relative;
	font-size:				12px;
	line-height:			normal;
	margin:					0;
	color:					#48282b;
	margin-bottom:			10px;
	padding-top: 			5px;
	padding-bottom:			5px;	
	border-top:				2px solid #48282b;
	}

#footer {		
	position:				relative;
	float:					left;
	padding-left:			44px;
	bottom:					53px;
	
	}
	
	.kalender_balken {		
	position:				relative;
	float:left;
	padding-left:44px;
	
	bottom:23px;
	}

.blog_home h1 {
	position:				relative;
	width:					535px;
	padding-left:			7px;
	padding-top:			4px;
	padding-bottom:			4px;
	margin:					0;
	font-size:				12px;
	color:					#fff;
	font-weight:			normal;
	background-color: 		#48282b;
	}
	
.blog_home h2 {
	position:				relative;
	width:					535px;
	margin:					0;
	top:					3px;
	padding-left:			7px;
	padding-top:			4px;
	padding-bottom:			4px;
	font-size:				12px;
	font-weight:			bold;
	background-color: 		#00afc0;
	}

.kalender_home {
	position:				relative;
	width:					240px;
	}

.kalender_home h1  {
	position: 				relative;
	margin:					0;
	padding-left:			7px;
	padding-right:			7px;
	line-height:			1.5;
	padding-top:			7px;
	padding-bottom:			10px;
	font-size:				12px;
	font-weight:			normal;
	border-top: 			#fff solid 1px;
	border-bottom:			#48282b solid 2px;
	}
	
.kalender_balken h2 {
	position:				relative;
	width:					233px;
	margin:					0;
	top:					26px;
	padding-left:			7px;
	padding-top:			4px;
	padding-bottom:			4px;
	font-size:				12px;
	font-weight:			bold;
	background-color:		#00afc0;
	}

.blog_home h1 a {
	color:					#fff;
	}

.blog_home h2 a {
	color:					#48282b;
	}

.kalender_balken a,
 .kalender_home a
 {
	color:					#48282b;
	}

.blog_home h1 a:hover {
	color:					#fff;
	}

.subtitle {
	font-weight:			normal;
	}

.more a,
.back a {
	font-weight:			bold;
	}

#main .layout_latest,
#main .layout_full,
#main_kalender .layout_full,
#main_kalender .layout_latest {
	padding-bottom:			30px;
	border-bottom:			0px;
	}
#main .layout_latest img,
#main .layout_full img {
	margin-top:				30px;
	border:					0px;
	}

#main .ce_image img,
#main .ce_image {
	margin-top:				0px;
	padding-bottom:			0px;
	}

.caption_referenzen {
	font-size:				10px;
	}
	
hr {
	position:				relative;
	border-top:				1px solid #48282b;
	border-bottom: 			1px solid #48282b;
	margin-bottom:			10px;
	}

#flash_banner object {
	width:					100%;
	}

#kalender_content img,
#main img {
	border:					0;
	}

img {
	border:0;
	}

INPUT
	{
	font-size:11px;
	margin:5px;
	width:145px;
	border:1px solid #030;

	}
	
.ce_comments INPUT	{
width:120px;
}

.captcha
	{
	width:50px;
	}

TEXTAREA	
{
	font-size:11px;
	margin:5px;
	width:380px;
	border:1px solid #030;
}

.col_0 {
width:150px;
}
.error {
padding-left:6px;
font-size:11px;
color:#00afc0;
}

.submit {
width:154px;
}

.comment .info {
font-weight:bold;
}
.comment {
padding-bottom:20px;
}

#main_kalender .ce_comments h1 {
border-bottom:2px solid;
}

.comments_link {
font-size:11px;
}

#main .ce_bookmarking  {
border-top: solid 1px #48282b;
padding-top:10px;
}

#main .ce_bookmarking ul {
	margin:					0;
	padding:				0;
	list-style:				none;
}

#main .ce_bookmarking ul li{
float:left;
padding-right:20px;
}

/* ------------------------------------------Adventskalender------------------------------------ */

body.advent #main_advent {
	position: absolute ;
	background-image: url(../tl_files/advent/img/advents_kalender_open.jpg);
	background-repeat: no-repeat;
	background-color: #5b3739;
	width: 846px;
	height: 690px;
	padding-right: 52px;
	padding-left: 52px;
	padding-bottom: 0px;
	line-height: 1.5;
	}

body.advent #head { 
	height: 162px;
	width: 950px;
	background-color: #FFFFFF;
	z-index: 3;
	}	
	
body.advent .back_kuk {
	position: absolute;
	width: 950px;
	height: 130px;
	z-index: 3;
	}	

	
body.advent .schnee {
	position: absolute;
	top: -10px;
	z-index: 2;
	}	
	
body.advent .kalender_teaser {
	position: absolute;
	z-index:3;
	}
	
body.advent .mod_article {
	position: relative;
	z-index: 3;
	}		
	
body.advent .advent_front {
	position: absolute;
	z-index: 1;
	left: 0px;
	}		
	
body.advent .symbol {
	position: absolute;
	left: 608px;
	top: 390px;
	}
	
body.advent .blog_stern {
	position: absolute;
	left: 764px;
	top: 410px;
	z-index:5;
	}
	
body.advent .gt_headline {
	position:relative;
	text-align:center;
	width: 530px;
	}	

body.advent .gt_sub_headline {
	position:relative;
	text-align:center;
	top:0px;
	width: 530px;
	padding-bottom:0;
	}	
	
body.advent #wrapper {
	position: absolute;   
	margin: auto;
	left: 50%;
	margin-left: -475px;
	background-color: #5b3739;
	height: 100%;
	min-height: 100%;
	width: 950px;
	}

body.advent {
	background-image: url(../tl_files/advent/img/bg_wrapper.gif);
	}

body.advent a.back_kalender img {
	position:relative;
	background-image:url(../tl_files/advent/img/pfeil_back_off.png);
	background-repeat:no-repeat;
	behavior:			url(../iepngfix.htc);
	}

body.advent a.back_kalender img:hover {
	background-image:url(../tl_files/advent/img/pfeil_back_on.gif);
	}

body.advent #main_advent h1 {
	position: absolute;
	font-size: 20px;
	line-height: normal;
	margin: 0;
	color: #48282b;
	margin: 0;
	padding: 0;
	border: none;
	border-bottom: none;
	}

body.advent #main_advent p {
	width: 535px;
	}
	
body.advent #main_advent .winner {
	width:545px;
	margin-left:50px;
	margin-bottom:20px;
	}	
	
body.advent a {
	color: #fff;
	text-decoration: none;
	}
	
body.advent .ce_text a {
	color: #00afc0;
	text-decoration: none;
	}	
	
body.advent a.active {
  	color: #00afc0;
	}	

body.advent a:hover {
  	color: #00afc0;
	}	
	
body.advent h1.adventskalender_01 {
	top:280px;
	left:260px;
	
	}
	
body.advent h1.adventskalender_02 {
	top:110px;
	left: 628px;
	}	
	
body.advent h1.adventskalender_03 {
	top:450px;
	left:268px;
	}

body.advent h1.adventskalender_04 {
	top:260px;
	left:346px;
	}
	
body.advent h1.adventskalender_05 {
	top:115px;
	left: 355px;
	}	
	
body.advent h1.adventskalender_06 {
	top:450px;
	left:90px;
	}			
	
body.advent h1.adventskalender_07 {
	top:290px;
	left:500px;
	}

body.advent h1.adventskalender_08 {
	top:65px;
	left:67px;
	}	
	
body.advent h1.adventskalender_09 {
	top:460px;
	left:448px;

	}			
	
body.advent h1.adventskalender_10 {
	top:265px;
	left:40px;
	}
	
body.advent h1.adventskalender_11 {
	top:490px;
	left:-5px;
	}		

body.advent h1.adventskalender_12 {
	top:110px;
	left: -25px;
	}
	
body.advent h1.adventskalender_13 {
	top:95px;
	left:258px;
	}			
				
body.advent h1.adventskalender_14 {
	top:435px;
	left:518px;
	}			
body.advent h1.adventskalender_15 {
	top:110px;
	left: 535px;
	}
	
body.advent h1.adventskalender_16 {
	top:290px;
	left:595px;
	}
	
body.advent h1.adventskalender_17 {
	top:260px;
	left:160px;
	}
	
body.advent h1.adventskalender_18 {
	top:75px;
	left: 430px;
	}
	
body.advent h1.adventskalender_19 {
	top:480px;
	left:183px;
	}
	
body.advent h1.adventskalender_20 {
	top:120px;
	left:150px;
	}
	
body.advent h1.adventskalender_21 {
	top:470px;
	left:355px;
	}
	
body.advent h1.adventskalender_22 {
		top:468px;
	left:575px;

	}
body.advent h1.adventskalender_23 {

		top:270px;
	left:415px;
	}
	
body.advent h1.adventkalender_24 {
	top:275px;
	left:-15px;
	}
	

	
	
body.advent .formbody .headline p,
body.advent p.line {
	position: relative;
	font-size: 12px;
	line-height: normal;
	margin: 0;
	margin-top: 30px;
	font-weight: bold;
	width: 545px;
	color: #48282b;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;	
	border-top: 2px solid #48282b;
	border-bottom: 2px solid #48282b;
	}	

	
body.advent .radio_container span	{
	position: relative;
	float: left;
	clear: left;
	}	

body.advent .ce_form {
position:relative;
z-index:3;

}	

body.advent .radio_container	{
	position:relative;
	float:left;
	clear:both;
	width:900px;
	margin-bottom:20px;
	}	
	

body.advent INPUT.radio	{
	position:relative;
	width:20px;
	padding:0;
	margin:8px;
	top:3px;

	}	
	
body.advent INPUT	{
	position:relative;
	margin:8px;
	border:none;
	}	

body.advent .error	{
	padding:0px;
	
	font-size:12px;
	
	}	
	
body.advent p.error	{
	position: absolute;
	margin-top:-24px;
	left:210px;
	color:#48282b;
	

	
	}	
	
/* IE 6 */
* html body.advent p.error {
 	margin-top:15px;
}

* html body.advent INPUT.radio {
	top:9px;
	}

* html body.advent .mandatory {
	top:9px;
	}
	
* html body.advent  .schnee {
	height:550px;
	overflow:hidden;
	}		
/* IE 7 */
* + html body.advent p.error {
	margin-top:15px;
	}

* + html body.advent INPUT.radio {
	top:9px;
	}
	
* + html body.advent .mandatory {
	top:9px;
	}	
	
* + html body.advent  .schnee {
	height:550px;
	overflow:hidden;
	}		

body.advent .submit_container	{
	position:relative;
	margin-left:412px;
	}	
	
	body.advent .submit {
	width:124px;
	}
		body.advent .addthis {
		margin-left:53px;
	}
.xmas_bt {
	position:absolute;
	top:140px;
	left:785px;
}	



/*----------------livexxl-------------------*/

body.livexxl #wrapper	{
background-color:#000000;
	}	
	
#coverflow {
margin-top:160px;
margin-left:100px;
width:650px;

}