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

body		{background:url(../images/mainbg.jpg);
			font-family:Verdana, Arial, Helvetica, sans-serif;
			margin:0px;}
			
#navibg		{	height: 35px;
				background:url(../images/button1.gif);}
			
img			{border:0px;}

#wrapper	{width: 894px;
position:absolute;
			left:50%;
			margin:0 0 80px -445px;}

h1		{background:url(../images/header.jpg);
			width:894px;
			height:143px;
			text-indent:-99em;
			margin:0px;
			padding:0px;}
			
h2			{text-indent:-99em;
			height:48px;
			width:894px;
			margin:0px;
			padding:0px;}
			
#fb	{margin-left:63px;
padding: 25px 0 25px 0;}
			
.aktuelles		{background-image:url(../images/line-aktuelles.png);}
				
.kontakt		{background-image:url(../images/line-kontakt.png);}

.logo		{background-image:url(../images/line-logo.png);}

.beautyretusche		{background-image:url(../images/line-beautyretusche.png);}

.composings		{background-image:url(../images/line-composings.png);}
			
.screendesign		{background-image:url(../images/line-screendesign.png);}

.webdesign		{background-image:url(../images/line-webdesign.png);}

.printmedien		{background-image:url(../images/line-printmedien.png);}

.ueberuns		{background-image:url(../images/line-ueberuns.png);}

.special		{background-image:url(../images/line-special.png);}
			
			
			
#content	{background:url(../images/contentbg.jpg);
			background-repeat:no-repeat;
			height:100%;
			min-height:300px;}
			
#navi		{	margin-left:46px;
				width:770px;
				margin-top:-35px;	}
			
.slideshow { height: 395px; width: 770px; margin: auto; border-bottom:#F00 1px; }

#thumbnails	{margin-left:62px;
			margin-bottom:10px;
			margin-top:10px;}
			
			
.thumb2		{padding-left: 0.65em;}

#web2	{margin-left:62px;
background-image:url(../images/fb-bg.gif);
			margin-top:20px;
			width:770px;
			float:left;
			background-color:#292929;
			}
			
			#web3	{margin-left:62px;
background-image:url(../images/fb-bg.gif);
			width:770px;
			float:left;
			background-color:#292929;
			margin-top:-1px;
			}
			
.line	{margin-top:15px;}
		
#logos	{width:770px;
		height:100px;
		clear:left;
		margin-left:62px;
		background-image:url(../images/logo-bg.gif);}
		
#footer	{width:770px;
		margin-left:62px;
		height:60px;
		text-align:center;
		padding-top: 20px;
		font-size:10px;
		color:#666;}
		
#footer-nav	{	margin-left:150px;	}

#kontakt	{	margin-left:62px;
				width:500px;
				margin-top:10px;
				font-size:14px;
				float:left;	}
				
#formular	{	float:left;
width:580px;
margin-bottom:35px;	}

#kontaktdaten	{	width:252px;
					height:410px;
					background-color:#2a2a2a;
					background-image:url(../images/sub-bg.gif);
					background-repeat:repeat-x;
					float:left;
					margin-top: 20px;	}
					
.name		{	color: #F00;
				text-align:center;
				margin-top:5px;
				margin-bottom:0px;	}
				
.button-senden		{	background-image:url(../images/button-senden.gif);
				width:114px;
				height:34px;
				text-indent:-999px;
				border:0px;
				cursor:pointer;	}
				
.button-loeschen		{	background-image:url(../images/button-loeschen.gif);
				width:114px;
				height:34px;
				text-indent:-999px;
				border:0px;
				cursor:pointer;
				margin-left: 13px;	}
				
.subtext	{	color:#CCC;
				font-size:13px;
				text-align:center;
				margin:0px;	}
				
.nachricht	{	width: 474px;
				margin-left:-6px;
				border:0px;
				background-image:url(../images/textarea-bg.gif);
				color:#FFF;
				height:99px;
				padding:14px;
				padding-top: 45px;
				font-size:12px;
				font-family:Verdana, Arial, Helvetica, sans-serif;	}
				
.daten		{	border:0px;
				background-image:url(../images/input-bg.gif);
				margin-left:-4px;
				color:#FFF;
				height:23px;
				width: 236px;
				padding:6px;
				font-size:12px;
				font-family:Verdana, Arial, Helvetica, sans-serif;		}
				
.captcha	{	margin-left: 8px;	}
			
			
			
.menu1 {padding:0; margin:0; list-style:none; height:35px; position:relative;  }
.menu1 li {float:left;}
.menu1 li a {float:left; height:35px; font-size:13px; line-height:35px; color:#eaeaea; text-shadow: 1px 2px 0px #000; text-decoration:none; padding-left:16px;}
.menu1 li a:hover { color:#F00;}

.menu2 {padding:0; list-style:none; position:relative; }
.menu2 li {float:left;}
.menu2 li a {float:left; font-size:10px; color:#666; text-decoration:none; }
.menu2 li a:hover { color:#F00;}


img.tTip						{ margin: 8px 15px 8px 0px; float: left; }
.tinyTip						{ width: 325px; padding: 17px 0px 0px 0px; display: block; background: url(../images/tinyTip-top.png) 0px 0px no-repeat; }
.tinyTip .content				{ padding: 0px 15px 0px 15px; font-size: 12px; color: white;  background: url(../images/tinyTip-content.png) 0px 0px repeat-y; }
.tinyTip .bottom				{ height: 47px; background: url(../images/tinyTip-bottom.png) 0px 0px no-repeat; font: 0px/0px sans-serif; }

#lexikon					{	float:left;
width:497px;
margin:0 0 35px 0;
padding: 20px 20px 0 63px;
text-align:justify;
font-size: 14px;	}

#temp2					{	float:left;
width:770px;
margin:0 0 35px 0;
padding: 20px 20px 0 63px;
text-align:justify;
font-size: 14px;	}

p				{	margin:0px;	}

#subnavi		{	width:252px;
					height:100%;
					background-color:#2a2a2a;
					background-image:url(../images/sub-bg.gif);
					background-repeat:repeat-x;
					float:left;
					margin-top: 20px;
					list-style:none;
					font-size:14px;
					}
					
#submenu		{	font-size:14px;
					margin: 0px;
					padding:15px 0 0 20px;	}
					
.hr					{	margin-left:-20px;	}

#subnavi li a		{	color:#CCC;	}
						
						#subnavi ul		{
						list-style:none;	}

#subnavi li a:hover		{	color:#F00;	}

#modul #modul_kontaktformular table tr td p{
	
	color: #000;
	margin: 0px 0px 5px 0px;
	
}

#modul #modul_kontaktformular table tr td select {
	
	width: 546px;
	height: 28px;	
	padding: 5px 4px 4px 5px;
	margin: 2px 0px 8px 0px;
	background: #fff;
	border: 1px solid #cbbaa8;
	font-size: 12px;
	color: #000;
	font-family: "Arial";

}

#modul #modul_kontaktformular table tr td select option {

	height: 18px;
	padding: 5px 0px 2px 8px;
	font-size: 12px;
	color: #000;
	font-family: "Arial";

}

/* - ALBUM ÜBERSICHT : TABELLE (TD) - LISTEN ANSICHT - */

#modul #modul_ftpgallery #album_index table tr td.album_liste {

	width: 100%;
	background:url(../images/portbg.jpg);
	border: 1px solid #e0e0e0;
	padding: 10px;
	line-height: 0px;

}

/* - ALBUM ÜBERSICHT : TABELLE (TD) - GITTER ANSICHT - */

#modul #modul_ftpgallery #album_index table tr td.album_gitter {

	width: 25%;
	text-align: center;
	background: transparent;
	border: none;
	padding: 0px;

}

/* - ALBUM ÜBERSICHT : THUMBNAIL STYLES - */

#modul #modul_ftpgallery #album_index div.thumbnail {

	width: 160px;
	height: 80px;
	padding: 10px;
	background: #fff;
	border: 1px solid #E5E3E1;
	position: relative;
	margin: 0px;

}

#modul #modul_ftpgallery #album_index div.thumbnail div.thumb {

	width: 160px;
	height: 80px;
	border: #E5E3E1;
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;

}

#modul #modul_ftpgallery #album_index div.thumbnail div.thumb a, #text div.thumbnail div.thumb a:hover {

	display: block;
	width: 160px;
	height: 80px;
	text-decoration: none;
	background: transparent;
	font-size: 0px;
	line-height: 0px;

}



/* - ALBUM : LINK ZUR ÜBERSICHT - */

.album_titel { padding-left:15px;}

 .album_titel a {
	color:#F00;

	text-decoration: none;

}

#modul #modul_ftpgallery #album_index a.link_gaub  {
	color:#F00;

	text-decoration: none;

}

#modul #modul_ftpgallery #album_index a:hover.link_gaub {

	text-decoration: underline;

}

/* - ALBUM INDEX : SEITENÜBERSICHT - */



#modul #modul_ftpgallery #album_index div.ftpgallery-seitennavi a {

	text-decoration: none;
	color:#F00;

}

#modul #modul_ftpgallery #album_index div.ftpgallery-seitennavi a:hover {

	text-decoration: underline;

}

/* - ALBUM INDEX : HEADLINE 1 (ALBUM TITEL) - */

#modul #modul_ftpgallery #album_index span.headline1 {

	font-weight: bold;

}

.album_anzahl { color:#FFF; }

/* - ALBUM INDEX : HEADLINE 2 (ANZAHL DER BILDER) - */

#modul #modul_ftpgallery #album_index span.headline2 {

	font-weight: normal;
	color:#FFF;

}

#box	{	background:#333;
		color:#FFF;
		width:710px;
		font-size:12px;
		font-style:italic;
		padding: 30px;}
		
		#box2	{	background:#333;
		color:#FFF;
		width:438px;
		font-size:12px;
		font-style:italic;
		padding: 30px;}
		
			#box3	{	background:url(../images/subcon.png);
		color:#eaeaea;
		width:770px;
		height: 198px;
		line-height: 16pt;
		margin-left:62px;
		text-shadow: 1px 2px 0px #000;}
		
		#slwr { background-image:url(../images/slidebg.jpg);
		width: 100%;
		height: 395px;
		margin-top:143px;
		position:absolute;}
		
		#slwr2 { background-image:url(../images/slidebg.jpg);
		width: 100%;
		height: 395px;}
		
.ctPortfolioCategoryBox
		{background:#333;}