/********************
rot b21f17
grau 808080
hellgrau B3B3B3

hg 1024 x 768 px
********************/

/**********************************************************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0; margin-bottom: 15px; vertical-align: top; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,b,strong,th,var { font-style:normal; font-weight:normal; }
ul { list-style:none; }
ol { list-style: decimal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
p,dl,hr,ol,ul,pre,table,fieldset { margin-bottom: 15px; font-weight: normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
/**********************************************************************************************************************/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 14, 2010 */
@font-face {
	font-family: 'FuturaStdBookBold';
	src: url('futurastd-bold-webfont.eot');
	src: local('☺'), url('futurastd-bold-webfont.woff') format('woff'), url('futurastd-bold-webfont.ttf') format('truetype'), url('futurastd-bold-webfont.svg#webfontWzXHdY2V') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FuturaStdBookRegular';
	src: url('futurastd-book-webfont.eot');
	src: local('☺'), url('futurastd-book-webfont.woff') format('woff'), url('futurastd-book-webfont.ttf') format('truetype'), url('futurastd-book-webfont.svg#webfont0U6NlAtD') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {font: 12px/15px 'FuturaStdBookRegular', Arial, sans; letter-spacing: 0.025em; color: #252525; font-style: normal; 
	background: #f0e9e1 url(/images/layout/background_body.png) repeat-x 0 0; -webkit-text-size-adjust: none; height: 100%;}

/* General Semantic Tags
----------------------------------------------------------------------------------------------------*/

header {display: block; position: relative; }
nav {display: block; position: relative; }
article {display: block; position: relative; background: #fff;}
footer {display: block; position: relative; background: #fff;}

/* Headings
----------------------------------------------------------------------------------------------------*/

h1 { font-size: 21px; }
h2 { font-size: 24px; }
h3 { font-size: 12px; }
h4 { font-size: 12px; }
h5 { font-size: 12px; }
h6 { font-size: 12px; }
 

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: 'FuturaStdBookBold', Arial, sans; line-height: 15px; margin-bottom: 15px;}
h4 { margin-bottom: 0em; }

h1.logo { position: absolute; right: 30px; top:30px; font-size: 21px; width : 161px; height: 53px; background: transparent url(/images/layout/logo.png) no-repeat 0 0; text-indent: -9999px; }


/* Links
----------------------------------------------------------------------------------------------------*/

a, a:visited { color: #b21f17; text-decoration: none;  }
a:hover, .here { color: #252525; text-decoration: none; }


/* Paragraphs
----------------------------------------------------------------------------------------------------*/

i, em { font-weight: normal; color: #252525; font-style: italic;}
b, strong {font-family: 'FuturaStdBookBold', Arial, sans; font-weight:normal; color:#252525;}

.ident {padding-left: 10px;}



/* Layout divs
----------------------------------------------------------------------------------------------------*/
#background {position: relative; margin: 0 auto; width: 1200px; height:891px; background: transparent url(/images/layout/background.jpg) no-repeat 0 0; background-attachment: scroll;}
#wrapper {position: relative; margin: 0 auto; width: 943px; background: transparent url(/images/layout/background_wrapper.png) no-repeat 0 0;}

#admin_box {position: absolute; top: 0; left: 0; width: 943px; height: 30px; margin-bottom: 2px; /* background: #fff; */ z-index: 99; }
	#admin_box ul { position: relative; padding: 8px 30px; }
	#admin_box li {list-style: none; float: left; margin-right: 5px; padding-right: 5px; border-right: 1px solid #252525;}
	#admin_box li.first, #admin_box li.last {border: none;}

nav > h1 {display: none;} /* for creating a nice outline */

	#header { position: relative; height: 90px; width: 943px; float: left; background: transparent;} /* header element */
		/* siehe #nav unten */
		#mainnav {position: absolute; left: 15px; bottom: 0px; height: 38px;} /* nav element */

#content_container {position: relative; width: 943px; background: #fff; float: left;  padding-bottom: 30px;}
	/* siehe subnav unten */
	#content_subnav {width: 333px; float: left; padding-top: 15px; font-size: 11px;} /* nav element */
		
	#content_article {width: 580px; float: left; padding-top: 15px;} /* article element */
	#content_article h1 { 
		font-weight: normal; font-family: 'FuturaStdBookBold', Arial, sans; font-size: 13px; line-height: 34px; letter-spacing: 0.07em; text-transform: uppercase; margin-bottom: 8px;
		border-top: 1px solid #252525;
	}
	#content_article h2 { font-weight: normal; font-family: 'FuturaStdBookRegular', Arial, sans; font-size: 24px; line-height: 28px; letter-spacing: 0.025em;}	
	
	
	/* projekte table */
	#projekte_table { border-collapse: collapse; width: 100%;}
		#projekte_table td { border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; padding: 3px 0; vertical-align: top;}
		.projekte_size { width: 110px;} 
	
	
	/* slideshow small */
	#slideshow_container { position: relative; margin-bottom: 15px; }
		#slideshow {display: block; width: 580px; height: 380px; margin-bottom: 12px; overflow: hidden; } /* override default margin bottom */
		.no_slideshow {height: 15px; width: 100%; text-align: right;}
		
		#loader { position: absolute; display: block; width: 580px; height: 380px; margin-bottom: 12px; overflow: hidden; background-image: url('/js/galleriffic/loader.gif'); background-repeat: no-repeat; background-position: center; background-color: transparent; overflow: hidden; }
		
		#thumbs {position: relative; height: 15px; width: 100%; text-align: right; }
			
			ul.thumbs {margin-top: 0; float: right;}
			
			.thumbs li { list-style-type:none; float:left; width: 12px; height: 12px; margin-left: 3px; background: #dcd1c4; color: #dcd1c4; overflow: hidden;}
			.thumbs li a, .thumbs li a:visited { display: block; width: 12px; height: 12px; font-size: 1px; text-indent: -9999px; color: #dcd1c4; }
			.thumbs li a:hover, .thumbs li.selected, .thumbs li.selected a {background: #252525; color: #252525;}
	
	/* slideshow home */
	#home_slideshow_container { position: relative; padding-top:15px; margin-bottom: 15px; width: 943px; height: 380px;  }
		
		.modal_slideshow_edit {margin-left: 30px;}
		
		#arrow_left {position: absolute; top: 180px; left: 15px; width: 24px; height: 40px;}
		#arrow_right {position: absolute; top: 180px; right: 15px; width: 24px; height: 40px;}
		
		#home_slideshow {position: relative; display: block; width: 943px; height: 380px; margin-bottom: 12px; overflow: hidden; } /* override default margin bottom */
			
			.caption_container {position: absolute; display: block; left: 333px; top:176px; width: 490px; height: 165px; overflow: hidden; }
				.caption_ident {margin-left: 5px; margin-top: 3px;}
			
				#caption h1 {
					font-weight: normal; color: #fff; font-family: 'FuturaStdBookRegular', Arial, sans; font-size: 24px; line-height: 28px; 
					text-transform: uppercase; letter-spacing: 0.025em;
					margin-bottom: 6px;
					width: 450px;
				}
				#caption p {font-family: 'FuturaStdBookRegular', Arial, sans; color: #fff; margin-bottom: 10px; }

				.slideshow_mehr { background: transparent url(/images/layout/Button-Mehr.png) no-repeat 0 0; width: 108px; height: 34px; display: block; text-indent: -999px;}
				
		#home_loader { display: block; width: 943px; height: 380px; margin-bottom: 12px; overflow: hidden; background-image: url('/js/galleriffic/loader.gif'); background-repeat: no-repeat; background-position: center; background-color: transparent;}		

		#home_thumbs { display: none!important;}		

	#home_contact {width: 273px; float: left; padding-top: 15px; font-size: 11px; margin: 0 30px;}
	#home_article {width: 580px; float: left; padding-top: 15px; margin-right: 30px;}

	#home_article h1, #home_contact h1 { 
		font-weight: normal; font-family: 'FuturaStdBookBold', Arial, sans; font-size: 13px; line-height: 34px; letter-spacing: 0.07em; text-transform: uppercase; margin-bottom: 8px;
		border-top: 1px solid #252525;
	}
	#home_article h2 { font-weight: normal; font-family: 'FuturaStdBookRegular', Arial, sans; font-size: 24px; line-height: 28px; letter-spacing: 0.025em;}	
	
	#team_article { margin-bottom: 25px;}
	#team_article li { list-style-type:none; float:left; width: 183px; height: 180px; margin-right: 15px;  }
	#team_article li img {margin-bottom: 4px;}	
	#team_article li.last {margin-right: 0;}
		
#footer {width: 883px; float: left; margin-top: 2px; padding: 15px 30px 0px 30px; margin-bottom: 15px; color: #c2c2c2; }
	.impressum_link {margin-left: 15px;}
	#colorbox_footer_content {padding: 30px;}
	

/* Slideshow Essential Galleriffic
----------------------------------------------------------------------------------------------------*/

.image-wrapper {background: transparent; display: block;}

/*
div.slideshow-container { clear:both; height:444px; position:relative; width:690px; }
div.loader { background-color:transparent; background-image:url("/js/galleriffic-2.0/loader.gif"); 
	background-position:center center; background-repeat:no-repeat; height:441px; position:relative; width:690px; }

.caption-container { bottom:0; clear:left; left:0; position:absolute; z-index:99; }
span.image-caption { background:none repeat scroll 0 0 white; bottom:0; display:block; left:0; position:absolute; width:690px; }
div.caption { padding:10px 20px; text-align:center; }

*/


/* Navigation
----------------------------------------------------------------------------------------------------*/


#menu {
	float:left;
	font-family: "FuturaStdBookBold", Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	text-transform: uppercase;
	}
	#menu ul {
		margin:0;
		list-style:none;
		}
		#menu ul li {
			height: 38px;
			float: left;
			text-align: center;
			overflow: hidden;

			}
			#menu ul li a {
				display: block;
				padding: 14px 15px 0 15px;
			}
			#menu ul li a:hover {
				color: #252525;
			}
			#menu ul li#current {
				background: url(/images/layout/sliding_right.png) right top no-repeat;
			}
			#menu ul li#current a {
				height: 38px;
				color: #252525;
				background: url(/images/layout/sliding_left_verlauf.png) left top no-repeat;
			}



/* Sub Navigation
----------------------------------------------------------------------------------------------------*/

#subnav {text-transform: uppercase; margin: 0 30px;}

#subnav li{ list-style-type:none; } /* padding links zeigt den anfang des hintergrundbild */
#subnav li a, #subnav li.cur { display: block; padding: 3px 0; border-top: 1px solid #c2c2c2; }
#subnav li.last {border-bottom: 1px solid #c2c2c2; } 

/* Layout divs
----------------------------------------------------------------------------------------------------*/

	#teaser {position: relative; margin: 0 auto; margin-top: 135px; width: 500px; }
		#higher {position: relative; z-index: 1;}
	
		#gummi {position: absolute; top: 70px; left: 100px; width: 562px; height: 376px; background: transparent url(/images/layout/gummi_gross.png) no-repeat 0 0; z-index: 0;}


/* Specials
----------------------------------------------------------------------------------------------------*/

.noborder, a.noborder, a.noborder:hover {border: none;}
.margin_btm {margin-bottom: 21px;}
.no_margin {margin-bottom: 0px;}
.small_margin {margin-bottom: 5px;}
.clear {clear: both;}

::selection {
	background: #b21f17; color : #fff; /* Safari */
	}
::-moz-selection {
	background: #b21f17; color : #fff; /* Firefox */
}

.modalbox_zoom {cursor: url(/images/layout/zoom-in.png) 0 0, pointer;}
a.modalbox_edit, a:visited.modalbox_edit {background: #b21f17; color : #fff;}
a:hover.modalbox_edit {background: #fff; color : #b21f17;}


/*

Andere Technik

#nav { clear:both; float:left; list-style-type:none;	
	font-family: "FuturaStdBookBold", Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	text-transform: uppercase;
}

#nav li { list-style-type:none; float:left; margin:0 0 0 0; padding:0 0 0 15px ; } * padding links zeigt den anfang des hintergrundbild *

#nav li a { color:#b21f17; display:block;  margin:0 0 0 0; padding:0 15px 0 0; } * padding right zeigt den schluss des hintergrundbild *

#nav li.cur,
#nav li.over,
#nav li:hover { background:url(/images/layout/tabs.png) transparent top left no-repeat;  height: 38px; }

#nav li strong,
ul#nav li.cur a,
ul#nav li.over a,
ul#nav li:hover a { display:block; color:#252525; margin:0 0 0 0; padding:0 15px 0 0; text-decoration:none; background:url(/images/layout/tabs.png) transparent top right no-repeat; height: 38px;}

*/