/*Background color is set to light tan and shows through only in the footer region and below.*/
body {
	font-family: verdana, Arial, sans-serif;
	font-size: 101%;
	color: #333333;
	background-color: #fff;
	min-width: 760px;
	margin: 0;
	padding: 0;
}
html, body {
	height: 101%;
}
/* begin title-left */
#beratung{
	background-image:url(../images/title_left/beratung.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#corporate{
	background-image:url(../images/title_left/corporate.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#onlinepublishing{
	background-image:url(../images/title_left/onlinepublishing.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#printmediapublishing{
	background-image:url(../images/title_left/printmedia.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#application{
	background-image:url(../images/title_left/application.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#upgrade{
	background-image:url(../images/title_left/upgrade.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#smallBudget_web{
	background-image:url(../images/title_left/smallbudget.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#smallBudget_print{
	background-image:url(../images/title_left/smallbudget.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#smallBudget_starter{
	background-image:url(../images/title_left/smallbudget.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#network{
	background-image:url(../images/title_left/network.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#impressum{
	background-image:url(../images/title_left/impressum.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#kontakt{
	background-image:url(../images/title_left/kontakt.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#home{
	background-image:url(../images/title_left/onartline.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#showroom{
	background-image:url(../images/title_left/showroom.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#team{
	background-image:url(../images/title_left/team.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#logo{
	background-image:url(../images/title_left/showroom.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#leistungen{
	background-image:url(../images/title_left/leistungen.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#website_check{
	background-image:url(../images/title_left/website_check.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/* end title-left */

/* form */

#mailform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	text-align: left;
	padding-left: 10px;
}


.formfield {
	background-color: #eeeeef;
	color: #585858;
	border: 1px solid #ccc;
	padding-left: 3px;
	margin-top: 3px;
}
.button{
	border:1px solid #ccc;
	background-color:#eeeeef;
	color:#585858;
	cursor:pointer;
	cursor:pointer;
	height: 20px;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 3px;
}
/*end form*/
#outer{
	background-image:url(../images/dotsbg.gif);
	background-repeat: repeat-x;
	background-position: right top;
}
/*The masthead contains the Tommi logo. Text is set to align right and
right padding is set to 148px, so that the logo aligns with middle column.
Background color is set to white.*/
#masthead {
	text-align: left;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*The wrapper envelopes all page elements- including the masthead. It carries the white
background color is set to white. Margin must be declared, even if it is zero, in order to 
accomodate an IE-Windows workaround for min-width deployed in a conditional comment on the page.
For more info on the workaround, see the readme_first file.*/
#pagewrapper {
	margin: 0;
}
/*The menubar DIV is the container for our menu. We set a background color.
Font-size is set to .85em, setting the menu text size.*/
#menubar {
	background-color: #fff;
	color: #CCCCCC;
}
#toplogo {
	text-align: right;
	vertical-align: top;	
}
/*The maincontent TD is the left column that contains the page's main content.
A background image is set to display at the top right edge. To give this image room
to display, we set right padding to 72px.*/
#leftsidetop {
	width: 10%;
	background-image: url(../images/left_top_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#leftsidebottom {
	width: 10%;
}
#rightsidetop {
	background-image: url(../images/dotsbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#navitop {
	font-size: 0.7em;
	width: 344px;
	text-align: left;
	margin-top: 4px;
	margin-left: 400px;
	color: #999999;
}
#navitop a{
	color: #999;
	text-decoration: none;
}
#navitop a:visited {
		color: #999;
}
#navitop a:hover, #navitop a:focus {
	color: #585858;
}
#navitop a:active {
	color:#cc0000;
}
#leftside {
	width: 10%;
}
#td_content{
	vertical-align:top;
	padding-top:5px;
}


/*######CONTAINER LEFT START######*/
#inhaltcontainerleft {
	text-align: left;
	float: left;
	background-image: url(../images/container_bg_img.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #d9d9d9;
	width: 360px;
	margin-top: 4px;
	margin-right: 2px;
	margin-bottom: 4px;
	margin-left: 4px;
	color: #999;
	}
.inhaltcontainerleft {
	text-align: left;
	float: left;
	background-image: url(../images/container_bg_img.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #d9d9d9;
	width: 350px;
	margin-top: 4px;
	margin-right: 2px;
	margin-bottom: 4px;
	margin-left: 4px;
	color: #999;
	padding-bottom: 10px;
	padding-left: 10px;
	}
/*######CONTAINER LEFT STOP######*/



/*######CONTAINER RIGHT START######*/
#inhaltcontainerright {
	text-align: left;
	float: right;
	background-image: url(../images/container_bg_img.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #d9d9d9;
	width: 360px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 2px;
	color: #999;
}
.inhaltcontainerright {
	text-align: left;
	float: right;
	background-image: url(../images/container_bg_img.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #d9d9d9;
	width: 350px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 2px;
	color: #999;
	padding-bottom: 10px;
	padding-left: 10px;
}
/*######CONTAINER RIGHT STOP######*/

li {
	font-size: 0.7em;
	list-style-image: url(../images/list.gif);
}

p {
	font-size: 0.7em;
	margin-top: 0px;
	padding-right: 10px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/*######CONTAINER 730 START######*/
#inhaltcontainer-730 {
	text-align: left;
	float: left;
	background-image: url(../images/container_bg_img.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #d9d9d9;
	width: 736px;
	margin: 4px;
	color: #999999;
}
#inhaltcontainer-730 .fleft{
	float: left;
	width: 365px;
}
#inhaltcontainer-730 .fright{
	float: right;
	width: 365px;
}
.inhaltcontainer-730 {
	text-align: left;
	float: left;
	background-image: url(../images/container_bg_img.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #d9d9d9;
	width: 736px;
	margin: 4px;
	color: #999999;
}
.inhaltcontainer-730 .fleft{
	float: left;
	width: 365px;
}
.inhaltcontainer-730 .fright{
	float: right;
	width: 365px;
}
#inhaltcontainer-517 {
	text-align: left;
	float: left;
	background-image: url(../images/container_bg_img.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #d9d9d9;
	width: 517px;
	margin: 4px;
	color: #999999;
}
#inhaltcontainer-731 {
	text-align: left;
	float: right;
	clear: right;
	background-image: url(../images/container_bg_img.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #d9d9d9;
	width: 204px;
	margin: 4px;
	color: #999999;
}
#inhaltcontainer-517 #latestProjects-1 {
	float: left;
	width: 258px;
}
#inhaltcontainer-517 #latestProjects-2 {
	width: 258px;
	float: right;
	clear: right;	
}	
.latestProjects-1 {
	float: left;
	width: 258px;
}
.latestProjects-2 {
	width: 258px;
	float: right;
	clear: right;	
}	
/*######CONTAINER 730 STOP######*/
#inhaltcontainer-730 a {
	color:#999;
	text-decoration:underline;
	font-weight: normal;
	}
#inhaltcontainer-730 a:hover {
	color:#C00;
	text-decoration:underline;
	}
#inhaltcontainer-731 a {
	color:#999;
	text-decoration:underline;
	font-weight: normal;
	}
#inhaltcontainer-731 a:hover {
	color:#C00;
	text-decoration:underline;
	}
.inhaltcontainer-730 a {
	color:#999;
	text-decoration:underline;
	font-weight: normal;
	}
.inhaltcontainer-730 a:hover {
	color:#C00;
	text-decoration:underline;
	}
.inhaltcontainer-731 a {
	color:#999;
	text-decoration:underline;
	font-weight: normal;
	}
.inhaltcontainer-731 a:hover {
	color:#C00;
	text-decoration:underline;
	}
#inhaltcontainer-517 a {
	color:#999;
	text-decoration:underline;
	font-weight: normal;
	}
#inhaltcontainer-517 a:hover {
	color:#C00;
	text-decoration:underline;
	}	

/*######CONTAINER LEFT SMALL START######*/
#inhaltcontainerleft-small {
	text-align: left;
	float: left;
	background-image: url(../images/container_bg_img.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #d9d9d9;
	width: 280px;
	margin-top: 4px;
	margin-right: 2px;
	margin-bottom: 4px;
	margin-left: 4px;
	color: #999999;
	}

/*######CONTAINER LEFT SMALL STOP######*/


/*######CONTAINER RIGHT BIG START######*/
#inhaltcontainerright-big {
	text-align: left;
	float: right;
	background-image: url(../images/container_bg_img.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #d9d9d9;
	width: 440px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 2px;
	color: #999999;
}
/*######CONTAINER RIGHT BIG STOP######*/


.txt-bold-right{
	font-weight: bold;
	text-align:right;
	padding-left:10px;
	color: #585858;
}
.txt-bold-left{
	font-weight: bold;
	text-align:left;
	padding-left:10px;
	color: #585858;
}
/*Paragraphs margins*/
/*#maincontent p, #sidecontent p {
	margin: 6px 0 8px;
}*/
/*The midcolumn TD is the center content cell. Nested inside are a decorative image
and the news section. A gradient background image is assigned.*/
#midcolumn {
	width: 197px;
	background-repeat: repeat-y;
	background-color: #fff;
	border-right: 1px solid #d9d9d9;
	font-size: .9em;
	border-left: 1px solid #d9d9d9;
}
#midcolumn2 {
	width: 197px;
	background-repeat: repeat-y;
	background-color: #fff;
	border-right: 1px solid #d9d9d9;
	font-size: .9em;
	border-left: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}
/*This DIV sits at the top of the midcolumn table cell and contains
a decorative image.*/
#artwork {
	height: 100px;	
}
/*News contains news content. It's a DIV positioned below the artwork DIV. It's
nested inside the midcolumn TD.*/
#news {
	padding: 0px;
	font-size: 0.85em;
	background-color: #ececec;
}
/*Style attributes common to all level 1-4 headings*/
h1, h2, h3 {
	margin: 0;
	padding-top:18px;
	padding-bottom:20px;
	padding-left:10px;
	line-height: .1em;
	color: #CC0000;
}
/*Style attributes specific to all level 1 headings*/
h1 {
	/*	border-bottom: 1px solid #686868;
*/	font-size: .95em;
	color: #CC0000;
}
/*Style attributes specific to all level 2 headings*/
h2 {
	font-size: 0.8em;
	font-weight: bold;
}
/*Style attributes specific to all level 3-4 headings*/
h3 {
	font-size: 1.35em;
}
h4 {
	font-size: 0.7em;
	padding-left: 10px;
	margin-bottom: 2px;
	margin-top: 0;
}
/*Sidecontent is the third content column.*/
#sidecontent {
	font-size: 0.75em;
	padding-top: 24px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 12px;
}
/*Style attributes specific to all level 4 headings in the sidecontent TD.*/
#sidecontent h4 {
	margin: 0;
	font-style: italic;
}
/*Footer styles.*/
#footerTbl {
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cc0000;
}
#footer {
	font-size: 0.9em;
	color: #636363;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 24px;
	padding-bottom: 12px;
	padding-left: 0px;
}

/*-----PAGE LINK STYLES --------*/
/*We assign specific link styles for links based upon the element that contains them.*/
#maincontent a:link, #sidecontent a:link {
	color: #666699;
}
#maincontent a:visited, #sidecontent a:visited {
	color: #6666CC;
}
#maincontent a:hover, #maincontent a:active, #maincontent a:focus,
#sidecontent a:hover, #sidecontent a:active, #sidecontent a:focus {
	color: #000000;
}
#news a:visited {
		color: #666666;
}
#news a:hover, #news a:active, #news a:focus {
	color: #000000;
}
#footer a:link {
	color: #999;
	text-decoration: none;
}
#footer a:visited {
	color: #999;
	text-decoration: none;
}
#footer a:hover, #footer a:active, #footer a:focus {
	color: #585858;
	font-size: 1em;
}
#footer ul {
	float: left;
	clear: none;
	padding-right: 12px;
	padding-left: 0px;
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
}
#footer li {
	list-style-image: none;
	list-style-type: none;	
}
/*-----PMM MENU STYLE UPDATES for this PAGE PACK-------*/

/*We turn off Tommi's default background image for the top-level menu items.*/
#p7PMnav li {
	background-image: none;
}
/*We set a subtle border to the right of each top-level menu item to visually
define its box.*/
#p7PMnav a {border-right: 1px solid #367e80;}

/*WORK AROUND FOR IE5 (MAC ONLY) The single backslash \ character inside this
comment causes IE5 Mac to ignore the following rule, which allows other browsers
to render top-level menu items at their natural widths.
DO NOT EDIT THIS COMMENT or the following rule. This rule should remain last in
this style sheet.*/
#p7PMnav li {
	width: auto;
}
.clearit {
	font-size: 0px;
	clear: both;
	height: 0px;	
}
#adresse {
	height: 62px;
	width: 190px;
	margin-top: 100px;
	font-size: 1em;
	color: #636363;
}
.linie {
	margin-right: 10px;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d9d9d9;
	height: 10px;
	}


#websitecheck {
	margin-left: 2px;
	}
#websitecheck li{
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	}