@charset "utf-8";

/* CSS Document */
* {
	margin:0;
	padding:0;
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif; 
}
body { 
	font-size:11px; 
	line-height:16px;
	background-image:url(/images/bg/bg.jpg); 
	background-repeat:no-repeat; 	
	background-color:#f4f4f4;
}




/* LAYOUT */

img {
	border:none;
}

img { text-align:right; color:#adc823; margin:3px; padding:2px; font-size:9px;}

#logo {
	position:absolute;
	left:192px;
	top:50px;
}


#contentbox {
	position:absolute;
	left:173px;
	top:95px;
	width:716px;
	background-image:url(/inc/images/content_bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:15px;
}
#contenttop { 
	width:716px;
	background-image:url(/inc/images/content_top.png); 
	background-repeat:no-repeat;
	padding-top:15px;
	padding-bottom:16px;
	display:table;
}
#contentwrap {
	width:716px;
	background-image:url(/inc/images/content.png);
	background-repeat:repeat-y;
	padding-bottom:15px;
	display:table;
}


#navigationtitle {
	position:relative;
	width:156px;
	margin-left:17px;
}
#navigationtitle h1 {
	background-image:url(/inc/images/title_bg.jpg);
	background-repeat:repeat-x;
	font-size:15px;
	font-weight:bold;
	color:#4B4B4B;
	padding: 70px 0px 13px 22px;
	float:left;
	width:134px;
}
#navigationnumber {
	position:absolute;
	left:144px;
	top:180px;
	width:24px;
	font-size:22px;
	color:#DDDDDD;
	text-align:center;
}

#navigation {
	width:155px;
	background-color:white;
	margin:3px 0 0 0px;
	float:left;
}

#content {
	width:526px;
	margin-left:173px;
	background-image:url(/inc/images/header_bg.jpg);
	background-repeat:no-repeat;
	padding-top:57px
}
div.headerpicture { 
	background-repeat:no-repeat; 
	margin-left:1px;
	width:526px;
	display:table;
}

div.bktitelbypic {
	padding-top:25px;
	padding-bottom:10px;
}




#navigation ul {
	list-style-type:none;
	margin:0px;
}
#navigation ul li a {
	padding-left:23px;
	padding-top:2px;
	display:block;
	height:20px;
	line-height:18px;
	color:#707072;
	font-size:13px;
	text-decoration:none;
}

#navigation ul li a:hover, #navigation ul li a.aktiv {
	background-color:#efefef;
}

#navigation ul li span {
	font-size:9px;
	padding-right:5px;
}

#navigation ul ul li a {
	height:15px;
	margin-left:22px;
	font-size:11px;
	line-height:15px;
	background-position:0px 2px;
}
#navigation ul ul li a:hover {
	background-color:#FFFFFF;
	background-image:url(/inc/images/nav_arrow_mo.jpg);
	background-repeat:no-repeat;
}
#navigation ul ul li span {
	display:none;
	visibility:hidden;
}


	


/* HTML ELEMENTS */ 
a {
	color:#adc823; 
	text-decoration:none;
}
a:hover { 
	text-decoration:underline;
}

h1 { 
	margin-top:0px; 
	margin-bottom:11px; 
}
h2 { 
	margin-top:0px; 
	margin-bottom:11px; 
}
h3 { 
	margin-top:12px; 
	margin-bottom:11px; 
	font-size:11px;
}
h4 { 
	margin-bottom:11px; 
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	text-align:left;
	color:#666666;
}
h5 { 
	margin-top:11px; 
	margin-bottom:11px; 
}
h6 { 
	margin-top:11px; 
	margin-bottom:11px; 
}

b, strong {
	color:#333333;
}

p {
	margin-top:5px;
	margin-bottom:11px;
}

hr {
	border:none;  
	height:1px; 
	border-bottom:1px #CCCCCC dotted; 
	text-align:center !important; 
	width:100%;
}


ul, li { 
	text-align:left !important;
}
#content  ul,
#content  ol {
	margin-left:20px !important;
}
#content li {
	padding-left:2px;
}


/* CONTENT STYLES */

.txt {
	display:block;
	padding-left:30px;
	padding-right:30px;
	text-align:justify;
	padding-bottom:10px;
	padding-top:5px;
	color:#333333;
}


.spalte_left {
	display:block;
	width:218px;
	text-align:justify;
	float:left;
	padding-bottom:10px;
}
.spalte_right {
	display:block;
	width:225px;
	text-align:justify;
	float:right;
	padding-bottom:10px;	
}
.pagination { 
	text-align:right; 
	font-weight:bold; 
	display:block; 
	color:#a5a5a5; 
	font-size:12px; 
	margin:0 0 15px 50px;
}
.pagination a { 
	color:#8e2c25; 
	font-size:9px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.pagination a.aktiv { 
	color:#a5a5a5; 
	font-size:9px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.pages {
	font-size:11px;
	margin-right:10px;
}


span.small {
	font-size:10px !important; 
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.titel { 
	color:#6c6c6c; 
	font-size:13px;
}




/* FORMS */

input.submit { 
	border:1px #8e2c25 solid; 
	background-color:#8e2c25; 
	color:#FFFFFF;
}
input.submit:hover { border:1px #8e2c25 solid; background-color:#ffffff; color:#8e2c25;}


.input {
	width:210px;
}
.input_plz {
	width:55px;
	display:inline;
}
.input_ort {
	width:100px;
	display:inline;
}




/* TEAM */
div.team_member {
	padding: 5px 0px 5px 0px;
	border-top:1px #CCCCCC dotted; 
}
div.team_member hr {
	clear:both;
	margin: 5px 0px 5px 0px;
	display:block;
}
div.team_member img {
	float:left;
	margin: 5px 10px 5px 0px;
}
div.team_member h3.title {
	margin-bottom:1px;
}
div.team_member span.desc {
	display:block;
}
div.team_member span.story {
	margin-top:5px;
	display:block;
}

/* REFERENZEN */

div.referenzen { 
	display:block; 
	margin-bottom:3px; 
	padding:5px; 
	/*width:460px;*/
}

div.referenzen img.referenzen {
	float:right;
	margin-top:-3px;
	margin-right:-20px;
}
div.ref_titel { 
	text-align:left !important; 
	margin-top:5px; 
	font-weight:bold; 
	font-size:13px !important; 
}

div.ref_datum, div.ref_kunde { font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif; }

div.ref_arbeiten { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	min-height:60px;
	text-align:left !important; 
	display:block;
}

div.ref_head {
	text-align:right;
	margin-top:0px;
	padding-top:0px; 
}

div.ref_head a {/*color:#8e2c25; */color: #666666; text-decoration:none;}
div.ref_head a:hover { /*color:#adc823; */text-decoration:underline;}


ul.listing {
/*	border-bottom:2px solid #CCCCCC;*/
/*	border-top:1px solid #EEEEEE;*/
	list-style-type:none;
	padding:0px !important;
}
ul.listing li {	
	border-bottom:1px solid #DDDDDD; 
	vertical-align:middle;
	padding-top:5px;
	padding-bottom:8px;
	padding-left:25px !important;
	margin-left:-15px !important;
	background-image:url(/images/plus.gif); 
	background-position:0px 5px; 
	background-repeat:no-repeat;
}

div.flashHeader {
	margin-top:-35px !important; margin-left:1px
}