body { color: #fff; font-size: 13px; font-family: "trebuchet ms"; background-color: #21212a; margin: 0; padding: 0; }
.center { width: 780px; margin: auto; }
.head { height: 135px; float: left; }
.logo { background-image: url(../img/logo.png); width: 350px; height: 105px; float: left; margin-top: 45px; margin-left: 15px; }
.footer { width: 100%; height: 150px; float: left; }
.menu { color: #e0e0e0; font-size: 15px; font-family: "Lucida Grande"; float: left; margin-top: 98px; margin-left: 150px; }
.menu a { color: #e0e0e0; font-size: 16px; font-family: "Lucida Grande"; }
.menu_spacer { font-family: "Lucida Grande"; margin-right: 7px; margin-left: 10px; }
/*********** CONTAINER ****************/
.titel { font-size: 28px; font-weight: normal; width: 800px; height: 235px; float: left; margin-bottom: 20px; }
.box_black { width: 440px; float: left; }
.box_black_top { background-image: url(../img/box_black_top.gif); width: 443px; height: 10px; }
.box_black_titel { color: #3e4145; font-size: 22px; font-family: "trebuchet ms"; font-weight: normal; background-image: url(../img/box_black_back.gif); background-repeat: repeat; width: 422px; height: auto; float: left; padding-bottom: 6px; padding-left: 20px; }
.box_black_mid { background-image: url(../img/preview_back.gif); background-repeat: no-repeat; text-align: left; width: 433px; float: left; padding-bottom: 15px; padding-left: 20px; }
.box_black_bottom { background-image: url(../img/box_black_bottom.gif); width: 443px; height: 10px; float: left; }
.box_big { width: 555px; float: left; }
.box_bigblack_top { background-image: url(../img/box_bigblack_top.gif); width: 555px; height: 10px; }
.box_bigblack_titel { color: #3e4145; font-size: 22px; font-family: "trebuchet ms"; font-weight: normal; background-image: url(../img/box_bigblack_back.gif); background-repeat: repeat; width: 535px; height: auto; float: left; padding-bottom: 6px; padding-left: 20px; }
.box_bigblack_mid { background-image: url(../img/box_bigblack_back.gif); text-align: left; width: 535px; height: 300px; float: left; padding-bottom: 15px; padding-left: 20px; }
.box_bigblack_bottom { background-image: url(../img/box_bigblack_bottom.gif); width: 555px; height: 10px; float: left; margin-bottom: 20px; }
.box_showcase_big { background-image: url(../img/box_black_back.gif); background-repeat: repeat; text-align: center; width: 442px; height: auto; float: left; padding-top: 20px; padding-bottom: 10px; }
/*********** CONTAINER ****************/
.box_blue { width: 180px; float: left; }
.box_blue_top { color: #fff; font-size: 20px; background-image: url(../img/box_blue_top.gif); background-repeat: no-repeat; width: 205px; height: 40px; float: left; padding-top: 10px; padding-left: 20px; }
.box_blue_mid { background-image: url(../img/box_blue_back.gif); background-repeat: no-repeat; width: 205px; height: auto; float: left; }
.box_blue_bottom { background-image: url(../img/box_blue_bottom.gif); width: 205px; height: 15px; float: left; border-width: 0; }
.categorie { color: #f5f5f5; font-size: 13px; font-weight: normal; background-image: url(../img/categorie_back_off.png); background-repeat: repeat; height: 18px; float: left; padding-top: 4px; padding-left: 20px; border-top: 1px dotted #95bcff; }
a { color: blue; text-decoration: underline; cursor: pointer; }
.subheadline { color: #2e3135; font-size: 17px; margin: 0; }
.details { color: #2e3135; font-size: 12px; font-weight: normal; margin: 0 0 0; }
.teaser { background-image: url(../img/teaser_test.png); width: 382px; height: 107px; float: left; margin-bottom: 10px; }
.teaser_button { background-image: url(../img/b_teaser.gif); position: relative; top: 55px; left: 260px; width: 91px; height: 28px; float: left; }
.teaser_button:hover { background-position: 0 -28px; }
.teaser_button:active { background-position: 0 -56px; }
.entry_preview { background-repeat: repeat-x; width: 340px; height: 20px; margin-left: 15px; padding-top: 4px; padding-left: 7px; }
.entry_preview:hover { background-color: #26282b; }
.entry_preview_date { color: #484848; font-size: 11px; margin-left: 10px; }
a { color: #fff; text-decoration: none; }
#box_login { background-image: url(../img/back_login.png); width: 100%; height: 80px; }
.loginbutton { width: 100px; height: 28px; border-width: 0; }
.loginstripe { background-image: url(../img/back_login.png); height: 10px; padding-left: 70%; }
.tooltip_left { background-image: url(../img/tooltip_left.png); background-repeat: no-repeat; width: 24px; height: 68px; float: left; }
.tooltip_mid { background-image: url(../img/tooltip_mid.png); background-repeat: repeat-x; width: auto; height: 68px; float: left; margin-top: 13px; padding-top: 9px; padding-right: 5px; }
.tooltip_right { background-image: url(../img/tooltip_right.png); background-repeat: no-repeat; width: 20px; height: 68px; float: left; margin-top: 13px; }
.tooltip_client { color: #111316; font-size: 13px; font-weight: bold; }
.tooltip_detail { color: #5e6165; font-size: 12px; font-weight: normal; }
#idList {
	margin: 0;
	padding: 0;
}
 
#idList li { font-weight: normal; display: block; margin: 0; width: 289px; background: #4695ff url('(EmptyReference!)'); height: 18px; padding-top: 4px; padding-left: 20px; border-top: 1px dotted #95bcff; }
/*********** MENU ****************/
#box_menu { width: auto; margin-left: -39px; }
#menus { position: relative; }
#menus .menupart { float: left; display: block; width: 195px; height: 207px; }
.menu_grad_unten { background-image: url(../img/t_grad_unten.png); background-repeat: no-repeat; width: 347px; height: 8px; float: left; margin-top: 199px; }
#menu_grafikweb { background-image: url(../img/t_grafikweb.jpg); background-repeat: no-repeat; }
#menu_webhosting { background-image: url(../img/t_webhosting.jpg); background-repeat: no-repeat; }
#menu_buttons { background-image: url(../img/t_buttons.jpg); background-repeat: no-repeat; }
#menu_vinylplots { background-image: url(../img/t_vinylplots.jpg); background-repeat: no-repeat; }
/*********** TABELLEN ****************/
.tabelle { width: 515px; margin-top: 20px; }
.erstespalte { color: #f3f3f3; font-size: 14px; font-weight: bold; text-align: center; width: 134px; height: 25px; float: left; padding-top: 10px; }
.spalte { color: #f3f3f3; font-size: 16px; font-weight: bold; background-color: #0f1012; text-align: center; width: 125px; height: 25px; float: left; padding-top: 10px; border-bottom: 1px solid #191a1e; border-left: 1px solid #191a1e; }
.zeile { color: #f3f3f3; font-size: 12px; font-weight: normal; background-color: #2e7cef; text-align: left; width: 124px; height: 20px; float: left; padding-top: 5px; padding-left: 10px; }
.feld { color: #6d6d6d; font-size: 12px; font-weight: normal; background-color: #0f1012; text-align: center; width: 125px; height: 20px; float: left; padding-top: 5px; border-bottom: 1px solid #191a1e; border-left: 1px solid #191a1e; }
.hoch { font-size: 8px; vertical-align: 3px; }
.zeileleer { color: #f3f3f3; font-size: 12px; font-weight: normal; text-align: left; width: 124px; height: 20px; float: left; padding-top: 5px; padding-left: 10px; }
.spalteunten { color: #f3f3f3; font-size: 16px; font-weight: bold; background-color: #0f1012; text-align: center; width: 125px; height: 25px; float: left; padding-top: 6px; border-left: 1px solid #191a1e; }
/*********** SUBMENU ****************/
.content_box { width: 555px; float: left; }
.maincontent { color: #777; font-size: 12px; width: 600px; padding-top: 20px; padding-left: 45px; }
.submenu_box { width: 800px; float: right; }
.submenu { color: #2a2b2d; font-size: 14px; font-weight: normal; background-image: url(../img/submenu_back.gif); width: 210px; height: 28px; padding-top: 12px; padding-left: 15px; }
.submenu:hover { color: #757678; background-image: url(../img/submenu_back.gif); background-position: 0 -40px; }
/*------------------ TABS ----------------------*/
.mootabs_title { width: 150px; float: left; list-style-image: none; list-style-type: none; margin: 0; padding: 0; }
.mootabs_title li { cursor: pointer; color: #2a2b2d; font-size: 14px; height: 28px; background-image: url(../img/submenu_back.gif); width: 210px; float: left; padding-top: 12px; padding-left: 15px; }
.mootabs_title li.active { color: #757678; font-weight: bold; background-position: 0 -40px; }
.mootabs_title li:hover { color: #757678; }
.mootabs_panel { display: none; color: #fff; width: 555px; overflow: auto; float: left; }

.mootabs_panel.active {
	display: block;
	
}
.box_portfolio { width: 780px; float: left; }
.box_portfolio_top { background-image: url(../img/portfolio_back_top.gif); width: 780px; height: 10px; }
.box_portfolio_titel { color: #3e4145; font-size: 16px; font-family: "trebuchet ms"; font-weight: normal; background-color: #191a1e; width: 740px; height: auto; float: left; padding-right: 20px; padding-bottom: 6px; padding-left: 20px; }
.box_portfolio_mid { background-color: #191a1e; text-align: left; width: 740px; height: auto; float: left; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; }
.box_portfolio_bottom { background-image: url(../img/portfolio_back_bottom.gif); width: 780px; height: 10px; float: left; margin-bottom: 20px; }
/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
height: 80px; margin-top: 10px; margin-left: 10px; /* Set to gallery height */
}
#motioncontainer a img { padding-right: 22px;  /* Set image border color */
}
#motioncontainer a:hover img { 
 /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}
.neu_box_portfolio { width: 340px; float: left; margin-left: 10px; }
.preview { width: 80px; height: 80px; float: left; margin-top: 25px; margin-left: 25px; cursor: pointer; }
.header_neu { background-color: #17171d; height: 40px; margin-bottom: 5px; }
#DHTMLgoodies_panel_one,#DHTMLgoodies_arrows,#DHTMLgoodies_thumbs{	/* Width of divs for thumbnails */
		width:240px;
	}
	#DHTMLgoodies_panel_one{		
		float:left;	
	}
#DHTMLgoodies_thumbs{
		overflow:hidden;	/* Don't change this */
		height:280px;	/* Height of thumbnail div */
		position:relative;	/* Never change this */
		float:left;
	}
	#DHTMLgoodies_largeImage{	/* Large image div */
		float:left; margin-top: 25px; padding-left:30px;	/* "Air" */
		padding-right:10px; }
#DHTMLgoodies_largeImage table{	/* Used table to get both horizontal and vertical center alignement of large image */
		width:100%;
		height:100%;
		text-align:center;
	}
	#DHTMLgoodies_largeImage img{	/* Large image */
		border:solid 0 #317082;	/* Border around large image */
	}
	
	
	.strip_of_thumbnails{	/* A vertical strip of thumbnails */
		width:114px;	/* Width of strip */
		padding:5px;	/* "Air" inside filmstrip div */
		position:absolute;

	}
	.strip_of_thumbnails div{
		width:110px;
		height:90px;
		padding:2px;
		text-align:center;

	}
	.strip_of_thumbnails img{
		border:0px;
		padding:5px;
	}
	.strip_of_thumbnails .activeImage{	/* Active thumbnail */
		border:5px solid #317082;	/* Green border around active thumbnail */
		padding:0px;
	
	}
	.leftArrow{
		float:left;
	}
	.rightArrow{
		float:right;
	}
	#DHTMLgoodies_thumbs_inner{
		position:relative;	/* Never change this */
		width:1000px;
	}
/*NEU NEU NEU NEU NEU */
.logo_neu { background-image: url(../img/formsalon.gif); background-repeat: no-repeat; width: 150px; height: 20px; float: left; margin-top: 12px; margin-left: 40px; }
.b_print { background-image: url(../img/b_print_off.gif); width: 52px; height: 40px; float: left; margin-left: 40px; }
.b_print:hover { background-image: url(../img/b_print_off.gif); background-position: 0 -40px; }
.b_corporate { background-image: url(../img/b_corporate_off.gif); width: 85px; height: 40px; float: left; }
.b_corporate:hover { background-position: 0 -40px; }
.b_logos { background-image: url(../img/b_logos_off.gif); width: 60px; height: 40px; float: left; }
.b_logos:hover { background-position: 0 -40px; }
.b_internet { background-image: url(../img/b_internet_off.gif); width: 73px; height: 40px; float: left; }
.b_internet:hover { background-position: 0 -40px; }
.b_leistungen { background-image: url(../img/b_leistungen_off.gif); width: 89px; height: 40px; float: left; margin-left: 30px; }
.b_leistungen:hover { background-position: 0 -40px; }
.b_kontakt { background-image: url(../img/b_kontakt_off.gif); width: 71px; height: 40px; float: left; }
.b_kontakt:hover { background-position: 0 -40px; }
.tooltip { color: #5e6165; position: static; margin-left: 40px; display: none; }
.box_tooltip { height: 5px; }
.infofont { color: #45454a; font-size: 14px; font-family: courier; line-height: 18px; text-decoration: none; }