/**
 * EZdesign
 * main stylesheet
 * 
 * (c) EZdesign.de
 */


/**
 * header
 */

div#head {
	height: 78px;
	background: white;
	border-bottom: 1px solid #4B6683;
}

h1.logo {
	position: absolute;
	top: 20px;
	left: 50px;
	width: 181px;
	height: 39px;
	z-index: 5;
}

h1.logo a {
	position: absolute;
	z-index: 6;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 181px;
	height: 39px;
	background: url(../images/ezdesign.png) no-repeat;
}

ul#mainnav {
	list-style: none;
	margin: 0 0 0 341px;
	padding: 29px 0 0 0;
	width: 659px;
}

ul#mainnav li {
	margin: 0 59px 0 0;
	float: left;
}

ul#mainnav li a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
	height: 17px;
}

ul#mainnav li.active a,
ul#mainnav li a:hover {
	border-bottom: 1px solid #004669;
}

ul#mainnav li.webdesign a {
	background-image: url(../images/nav.webdesign.png);
	width: 79px;
}
ul#mainnav li.grafikdesign a {
	background-image: url(../images/nav.grafikdesign.png);
	width: 90px;
}
ul#mainnav li.fotografie a {
	background-image: url(../images/nav.fotografie.png);
	width: 74px;
}
ul#mainnav li.uberuns a {
	background-image: url(../images/nav.uberuns.png);
	width: 67px;
}

ul#mainnav li.kontakt {
	margin-right: 0;
}
ul#mainnav li.kontakt a {
	background-image: url(../images/nav.kontakt.png);
	width: 57px;
}


/**
 * background
 */

div#container {
	width: 100%;
	min-width: 1000px;
	background: url(../images/bg.bottom.repeater.png) repeat-x #84A9D5;
	background-position: left bottom;
}

div#bg_top_repeater {
	width: 100%;
	min-width: 1000px;
	background: url(../images/bg.top.repeater.png) repeat-y;
}

div#bg_bottom {
	width: 100%;
	min-width: 1000px;
	background: url(../images/bg.bottom.jpg) no-repeat;
	background-position: left bottom;
}

div#fixwidth {
	width: 1000px;
	padding: 33px 0 150px 0;
	text-align: left;
}

div#padding_bottom {
	overflow: hidden;
	height: 10px;
	clear: both;
}


/**
 * content
 */

/* left */
div#leftcontent {
	color: white;
	font-size: 14px;
	margin: 0 0 0 50px;
	width: 210px;
	float: left;
	line-height: 23px;
}
* html div#leftcontent {
	margin-left: 25px;
}

div#leftcontent .small {
	font-size: 12px;
}

div#lefttip {
	font-size: 11px;
	margin: 15px 0 0 0;
	display: none;
	line-height: 20px;
}

.akkordeon_text {
	display: none;
}

.tipp {
	font-style: italic;
	margin: 12px 0 0 0;
	line-height: 130%;
}

div#leftcontent a {
	color: white;
}

/* main box */
div#maincontent {
	width: 606px;
	margin: 0 0 0 341px;
}

div.textpadding {
	/*padding: 10px 12px;*/
	padding: 0;
}

h2 {
	font-size: 15px;
	color: white;
	margin: 0 0 10px 0;
}


/**
 * portfolio
 */

/* mask */
div#port_mask {
	width: 606px;
	height: 295px;
	overflow: hidden;
	position: absolute;
}

div#port_spacer {
	height: 260px;
}

div#port_spacer2 {
	height: 100px;
}

div#port_slider {
	position: absolute;
	width: 10000px;
}

/* portfolio item */
div.port {
	width: 606px;
	height: 280px;
	float: left;
}

div.port_image {
	width: 402px;
	height: 270px;
	margin: 0;
	padding: 0;
	float: left;
}

div.port_image_changer {
	height: 280px;
}

div.port_image_changer a {
	display: block;
	position: absolute;
	width: 400px;
	height: 270px;
	z-index: 400;
}

div.port_image_changer a.image0 {
	z-index: 401;
}

div.port_image_changer img {
	position: absolute;
	border: 1px solid #8494A7;
}

div.port_text {
	margin-left: 40px;
	min-height: 220px;
	width: 145px;
	float: left;
}
* html div.port_text {
	height: 270px;
}

a.port_next {
	display: block;
	float: right;
	padding-right: 15px;
	background: url(../images/port.next.gif) no-repeat;
	background-position: right center;
	display: none;
}

a.port_prev {
	display: block;
	float: left;
	padding-left: 15px;
	background: url(../images/port.prev.gif) no-repeat;
	background-position: left center;
	display: none;
}


/* portfolio services */
.service {
	min-height: 40px;
	margin-bottom: 10px;
}
* html .service {
	height: 40px;
}

.service_head {
	font-size: 12px;
	margin: 0 0 3px 45px;
	padding: 0;
	color: #004669;
	font-size: 14px;
	font-weight: bold;
}

	.service_head.akkordeon_on {
		color: white;
	}
	
	.service_head_image {
		display: block;
		float: left;
		width: 40px;
		height: 32px;
	}

.service_content_mask {
	margin-left: 45px;
}

.service_content {
	display: none;
}


/* navigation */

a#port_prev2 {
	display: block;
	position: absolute;
	width: 19px;
	height: 46px;
	margin: 300px 0 0 -30px;
}

a#port_next2 {
	display: block;
	position: absolute;
	width: 19px;
	height: 46px;
	margin: 300px 0 0 615px;
}

div#port_nav_mask {
	position: absolute;
	margin: 300px 0 0 0;
	width: 606px;
	height: 62px;
	overflow: hidden;
}

ul#port_nav {
	position: absolute;
	width: 3000px;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#port_nav li {
	float: left;
	border: 1px solid #8494A7;
	background: #EBF4FF;
	margin: 0 36px 0 0;
	padding: 0;
	width: 90px;
	height: 60px;
}

ul#port_nav li a {
	display: block;
}


/**
 * contact form
 */

form#contactform input,
form#contactform textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 1px;
	width: 278px;
	padding: 1px 3px;
	border: 1px solid #004669;
	background: #EDF5FE;
}

form#contactform textarea {
	height: 130px;
}

form#contactform input.submit {
	width: auto;
}

div#contactform_error {
	display: none;
	border: 1px solid red;
	padding: 4px;
	margin-bottom: 5px;
}

td#conactform_outer_left {
	width: 420px;
}

td#conactform_outer_right {
	width: 185px;
}

form#contactform td.contactform_left {
	width: 75px;
	vertical-align: middle;
}