/* 	www.lucidmedia.de */

/****************************************************************  all  */

html, body, span, a, table, td, form, input, textarea, h1, h2, h3, p, ul, li, select, tt {
	margin: 0;
	padding: 0;
	font-family: verdana, sans-serif;
	font-size: 11px;
}

body  {
   color: #353434;
   background: url(img/bg.gif) no-repeat center top #ecece5;
   text-align: center;
}

.hidden {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
}

.clearit {
	clear: both;
}

#content .red {
    color: #b41428;
}


img {
	border: 0;
}

/****************************************************************  typo */

#nav {
	padding: 15px 0 0 0;
}

#nav h1 a {
	margin: 0 0 0 109px;
	width: 158px;
	height: 42px;
	text-indent: -10000px;
	display: block;
	text-decoration: none;
	background: url(img/logo.gif) no-repeat;
}

h2 {
	height: 42px;
	width: 448px;
	text-indent: -10000px;
}


h2#headline_agentur { background: url(img/headline_agentur.jpg) no-repeat left top; }
h2#headline_kompetenz { background: url(img/headline_kompetenz.jpg) no-repeat left top; }
h2#headline_portfolio { background: url(img/headline_portfolio.jpg) no-repeat left top; }
h2#headline_portfolio_werbefotografie { background: url(img/headline_portfolio_werbefotografie.jpg) no-repeat left top; }
h2#headline_portfolio_produktfotografie { background: url(img/headline_portfolio_produktfotografie.jpg) no-repeat left top; }
h2#headline_portfolio_videoproduktion { background: url(img/headline_portfolio_videoproduktion.jpg) no-repeat left top; }
h2#headline_kunden { background: url(img/headline_kunden.jpg) no-repeat left top; }
h2#headline_kontakt { background: url(img/headline_kontakt.jpg) no-repeat left top; }
h2#headline_impressum { background: url(img/headline_impressum.jpg) no-repeat left top; }
h2#headline_news_archiv, h2#headline_start { background: url(img/headline_start.jpg) no-repeat left top; }



#content_left .text_two_rows h3 {
	font-size: 15px;
	color: #b41428;
	padding: 3px 0 7px 0;
}

.newsdate, .newstitle h3 {
	font-size: 14px;
	line-height: 20px;
}

#content_right h3 {
	font-size: 11px;
	color: #7d7c3b;
	text-transform: uppercase;
	padding: 0 0 5px 0;
}

#content {
	font-size: 11px;
	line-height: 18px;
}

a {
	text-decoration: underline;
	color: #353434;
	outline: none;
}

a:hover {
	color: #68672c;
}

tt.red {
	text-transform: uppercase;
	color: #b41428;
}

#content p {
	padding: 0 0 10px 0;
}

#content .text_two_rows p {
	padding: 0 0 4px 0;
	line-height: 17px;
}

#content .text_two_rows p.normal {
	padding: 0 0 10px 0;
	line-height: 18px;
}

#content .text_two_rows p.kompetenz {
	padding: 0 0 10px 0;
	line-height: 18px;
}

.img_agentur {
	float: left; 
	margin: 0 15px 7px 0;
}

#footer {
	font-size: 9px;
}

#footer a {
	font-size: 9px;
	margin: 0 5px 0 5px;
}

#footer a.first, #footer a.last {
	margin: 0 5px 0 0;
}

#footer a.space {
	margin: 0 205px 0 0;
}

#footer a.act {
	color: #68672c;
}


/****************************************************************  foto-header */

#main_start, #main_agentur, #main_kompetenz, #main_portfolio, #main_kunden, #main_kontakt  {
	width: 930px;
	margin: 0 auto;
	text-align: left;
	background: url(img/bg_header_start.jpg) no-repeat left top;
	border-left: 1px solid #ecece5;
	border-right: 1px solid #ecece5;
	padding: 107px 0 0 0;
}

#main_agentur {
	background: url(img/bg_header_agentur.jpg) no-repeat left top;
}

#main_kompetenz {
	background: url(img/bg_header_kompetenz.jpg) no-repeat left top;
}

#main_portfolio {
	background: url(img/bg_header_portfolio.jpg) no-repeat left top;
}

#main_kunden {
	background: url(img/bg_header_kunden.jpg) no-repeat left top;
}

#main_kontakt {
	background: url(img/bg_header_kontakt.jpg) no-repeat left top;
}

/****************************************************************  zug */

#zug {
	width: 930px;
	background: url(img/bg_zug.jpg) no-repeat left top;
	height: 338px;
	width: 930px;
}

/****************************************************************  nav */

#nav ul {
	list-style: none;
	list-style-position: outside;
	margin: 23px 0 0 100px;
}

#nav ul li {
	width: 176px;
	height: 30px;
}

#nav ul a {
	display: block;
	width: 176px;
	height: 30px;
	text-indent: -10000px;
	text-decoration: none;
}

#nav li.agentur { background: url(img/bg_nav_li_agentur.jpg) no-repeat left top; }
#nav li.kompetenz { background: url(img/bg_nav_li_kompetenz.jpg) no-repeat left top; }
#nav li.portfolio { background: url(img/bg_nav_li_portfolio.jpg) no-repeat left top; }
#nav li.kunden { background: url(img/bg_nav_li_kunden.jpg) no-repeat left top; }
#nav li.kontakt { background: url(img/bg_nav_li_kontakt.jpg) no-repeat left top; height: 31px; }

#nav a#agentur { background: url(img/bg_nav_agentur.jpg) no-repeat left top; }
#nav a#kompetenz { background: url(img/bg_nav_kompetenz.jpg) no-repeat left top; }
#nav a#portfolio { background: url(img/bg_nav_portfolio.jpg) no-repeat left top; }
#nav a#kunden { background: url(img/bg_nav_kunden.jpg) no-repeat left top; }
#nav a#kontakt { background: url(img/bg_nav_kontakt.jpg) no-repeat left top; height: 31px; }

#nav a#agentur:hover, #nav a#kompetenz:hover, #nav a#portfolio:hover, #nav a#kunden:hover, #nav a#kontakt:hover,
#nav a#agentur.act, #nav a#kompetenz.act, #nav a#portfolio.act, #nav a#kunden.act, #nav a#kontakt.act {
	background: none;
}

/****************************************************************  content */

#content {
	width: 858px;
	background: url(img/bg_content.jpg) no-repeat left top;
	padding: 0 0 0 72px;
}

/* boxmodel hack breite */

#content {
	\width: 930px;
	w\idth: 858px;
}

/* boxmodel hack ende */

#content_left {
	float: left;
	width: 635px;
	padding: 86px 0 0 0;
}

#content_right, #content_right_archiv {
	float: left;
	width: 200px;
	padding: 149px 0 0 0;
}

#content_right_archiv {
	padding: 151px 0 0 0;
}

#content_right ul, .text_right_row ul {
	list-style: none;
	list-style-position: outside;
}

#content_right li a {
	background: url(img/bullet.gif) no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 17px;
}


/*#content_right li a, .text_right_row li a {
	background: url(img/bullet.gif) no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 17px;
}*/


/****************************************************************  agentur, kompetenz */

.text_one_row, .text_two_rows {
	width: 572px;
	padding: 21px 0 0 17px;
}

.text_left_row, .text_right_row {
	width: 254px; 
	float: left; 
}

.text_left_row {
	margin-right: 64px;
}

ul.onearrow {
	list-style: none;
	list-style-position: outside;
}

ul.onearrow li {
	background: #dbdbcc url(img/bullet_onearrow.gif) no-repeat;
	margin-bottom: 3px;
	background-position: 0 2px;
	padding: 0 0 0 20px;
}

/****************************************************************  portfolio */

.box_portfolioimg {
	width: 148px;
	height: 198px;
	background: url(img/bg_newsimg.jpg) no-repeat left top;
	float: left;
}

#content_left .box_portfolioimg a.eins, #content_left a.back {
	background: url(img/bullet.gif) no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 17px;
	width: 127px;
	height: 40px;
}

#content_left a.back {
	width: 200px;
	height: 40px;
	font-weight: bold;
}

#box-portfolio {
	padding: 0 0 0 17px;
}


#content p.einleitung-portfolio, #content p.back {
	padding: 20px 0 15px 0;
	width: 540px;
}

#content p.teaser-portfolio {
	padding: 0 0 20px 0;
}

#content p.show-anfrage-portfolio {
    padding: 0 0 10px 0;
}

#content p.show-anfrage-portfolio a.back {
}

#box-anfrage-portfolio {
	width: 540px;
	padding: 0 0 25px 0;
	background: url(/img/bg_footer.gif) no-repeat left bottom;
}

#box-anfrage-left {
    width: 222px;
	float: left;
}

#box-anfrage-right {
	width: 207px;
	float: left;
}

#content p.kommentar-portfolio {
    padding: 0 0 20px 0;
}

#content p.kommentar-portfolio textarea {
    height: 40px;
}

#box-anfrage-portfolio label {
	display: block;
	padding: 10px 0 3px 0;
}

#box-anfrage-portfolio input {
	width: 202px;
	padding: 3px;
}

#box-anfrage-portfolio textarea {
	width: 424px;
	padding: 3px;
}

#content input.sbmt {
    padding: 3px 0;
	width: 208px;
}

#video-portfolio {
    height: 300px;
}


/****************************************************************  news */

.newsitem {
	padding: 25px 0 0 17px;
}

.box_newsimg {
	width: 172px;
	height: 141px;
	background: url(img/bg_newsimg.jpg) no-repeat left top;
	float: left;
}

.box_newsimg img {
	margin: 11px;
}

.box_newstext {
	float: left;
	width: 390px;
}

.newsdate {
	width: 70px;
	float: left;
}

.newstitle {
	width: 320px;
	float: left;
}

.newstext {
	padding: 20px 0 0 0;
}

/****************************************************************  footer */

#footer {
	margin: 0 0 0 17px;
	padding: 0 0 70px 0;
	background: url(img/bg_footer.gif) no-repeat left top;
	clear: both;
}