/*
-------------------------------------------------------
FiloRosso WebDesign Format Style
Author:   Manfred Gerber
Version:  24. Oktober 2008
------------------------------------------------------- */


#wrapper {
	/* background: url(../gfx/schatten_links.gif) repeat-y 0 0; */
}
#breite { /* rechte Spalte */
	/* background: url(../gfx/schatten_rechts.gif) repeat-y 100% 0; */
}

#header {
	height: 20px;
	/* background: #231F20 url(../gfx/header_links.gif) no-repeat 0 0; */
	position: relative;
}
/*	#header h1 {
	width: 271px;
	text-indent: -9999px;
}
#header p {
	text-indent: -9999px;
}*/
#header h1 a, #header h1 a:visited {
	position: absolute;
	top: 20px;
	left: 28px;
	z-index: 50;
	display: block;
	width: 271px;
	height: 84px;
	color: #F4EED7;
	text-decoration: none; /* mozilla browser zeigen sonst eine underline */
	border-bottom: 0px solid #231F20;
 /* background: transparent url(../gfx/rm-montagen.gif) no-repeat 0 0; */
}
#header_rechts {
	position: absolute;
	right: 0;
 /* background: url(../gfx/header_rechts.gif) no-repeat; */
	height: 215px;
	width: 10px;
	z-index: 2;
}
#header_links {
	position: absolute;
	left: 10px;
	top: 0;
	/* background: url(../gfx/header_back.jpg) no-repeat; */
	height: 185px;
	width: 98.7%;
	z-index: 2; /* schiebt das header-Bild unters Logo */
}

#styleswitcher {
	position:absolute;
	right:15px;
	bottom: 5px;
	font-size: 0;
	line-height: 0;
	z-index: 80;
	height: 20px;
}
#styleswitcher a {
	margin: 0 0 0 5px
}

div h1, div h2, div h3, div h4, div p {
margin: 1em 0;
padding: 0 20px;
}

ul {
margin: 1em 0;
padding: 0 0 0 30px;
}

/* Tags
------------------------------------------------------- */
a {
	color: #B8282E;
}
a:visited {
	color: #B8282E;
}
a:hover {
	color: #B8282E;
}

div h1 {
	font: bold 170%/100% "HelveticaNeue-Light","HelveticaNeue",Helvetica,Verdana,sans-serif;
	color: #B8282E;
	padding-bottom: .3em;
	margin: 1em 0 1em;
	letter-spacing: .15em;
}
div h2 {
	font: bold 126%/120% "HelveticaNeue-Light","HelveticaNeue",Helvetica,Verdana,sans-serif;
	color: #555;
	margin: 2em 0 .3em;
	padding-bottom: 0;
}
div h3 {
	font: bold 116%/120% "HelveticaNeue-Light","HelveticaNeue",Helvetica,Verdana,sans-serif;
	color: #555;
	margin: 2em 0 .2em;
	padding-bottom: 0;

}
div h4 {
	font: bold 110%/120% "HelveticaNeue-Light","HelveticaNeue",Helvetica,Verdana,sans-serif;
	color: #231F20;
	margin: 0;
	padding-bottom: 0;
}
div#center p {
margin-top: 0;
}
#center ul {
	padding: 0 10px 1em 4em;
}
address {
	font: 100%/160% "HelveticaNeue-Light","HelveticaNeue",Helvetica,Verdana,sans-serif;
	margin: 0;
	padding: 1.33em .5em 1.33em 1.2em;
}

abbr[title], acronym[title] {
	border-bottom: 1px dashed #8B8375;
	cursor: help;
}
abbr.type {
	border-bottom: 0 none;
	cursor: auto;
}

/* Klassen und IDs
------------------------------------------------------- */

.valid, .region, .country-name {
	display: none;
}
.rot, .error {
	color: #CB1133;
	background: transparent;
	font-weight:bold;
}
.leftbox {
	float:left;
	width: 49%;
}

.rightbox {
	float:right;
	width: 49%;
}

/* rechts
------------------------------------------------------- */

/* http://acjs.net/weblog/2004/11/23/scalable_rounded_edges/
 http://acjs.net/weblog/2004/11/23/scalable_rounded_edges/example.html */

div.scalable {
	/*	background: #F4EED7 url(../gfx/box/box.gif) repeat;*/
	margin: 13px 23px 0 12px;
}
div.scalable div {
	margin-left: 15px;
}
div.scalable div p {
	padding-left: 0;
}
div.scalable div.top {
	background: transparent url(../gfx/box/box_top_left.gif) no-repeat top left;
	color: #000;
}

div.scalable div.top div {
	background: transparent url(../gfx/box/box_top_right.gif) no-repeat top right;
	display: block;
}

div.scalable div.bottom {
	background: transparent url(../gfx/box/box_bottom_left.gif) no-repeat bottom left;
}

div.scalable div.bottom p, div.scalable div.bottom address {
	background: transparent url(../gfx/box/box_bottom_right.gif) no-repeat bottom right;
	margin: 0;
	padding: 14px 6px 12px 15px;
}
div.scalable div.bottom p img {
	background: #fff;
	margin: 0 4px 4px 0;
	padding: 2px;
	border: 1px solid #B0AC96;
	text-align: left;
}

#right h3 {
	background: url(../gfx/box/box_header_left.gif) no-repeat left top;
	padding: 0 0 0 5px;
	font-weight: bold;
	margin: 0;
	font-size: 100%;
	}
#right h3 span {
	display: block;
	background: url(../gfx/box/box_header_right.gif) no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #000;
	}


/* Referenzen Accordion
------------------------------------------------------*/
#right ul, #right ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	}
#right ul ul {
	background: #fafafa;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	}
#right ul li {
	margin: 1px 0;
	}
#right ul ul li {
	margin: 0;
	text-align: center;
	}
#right ul li span {
	color: #B8282E;
	text-decoration: underline;
	cursor: pointer;
	padding: 5px;
	display: block;
	background: #eee;
	height: 1%;
	}
#right ul li span:hover.head {
	background: #ddd;
	}
#right ul li span.head.selected {
	background: #fafafa;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
	}
#right ul li span:hover.head.selected {
	background: #fafafa;
	}

/* Formular
------------------------------------------------------*/
#kontakt {
	line-height: 180%;
	margin: 2em 0 0;
	padding: 0 10px 0 20px;
	text-align: left;
}
#kontakt fieldset {
	margin: 1em 0 1em 0;
	padding: 0 .3em 1em 1em;
	border: 1px #E9E7DD dotted;
	width: 96%;
}
#kontakt legend {
	margin: 0 0 1em 0;
	padding: 1em 5px 0;
	line-height: 130%;
	background: #fff;
}
#kontakt label {
	clear: both;
	float: left;
	width: 20%;
	text-align: right;
}
#kontakt input, #kontakt textarea, #kontakt select {
	margin: .3em 0 0 0;
	padding: .1em .3em;
	font: 100% "HelveticaNeue-Light","HelveticaNeue",Helvetica,Verdana,sans-serif;
	background: #eee;
	color: #222;
	border: #E9E7DD solid 1px;
	width: 40%;
}
#kontakt textarea {
	width: 70%;
}
#kontakt input[type=radio] {
	border: #fff solid 0px;
}
#kontakt input[type=checkbox] {
	margin: 0 0 0 1em;
	padding: 0;
}
#kontakt select#kontaktaufnahme {
	width: 20%;
}
#kontakt input:focus,
#kontakt textarea:focus {
	background: #fff;
	color: #222;
	border: #B9292F solid 1px;
}
#kontakt input[type=text],
#kontakt select,
#kontakt textarea {
	margin-left: 1em;
	text-align: left;
}
#kontakt input#submit {
	cursor: pointer;
	width: auto;
}
#kontakt .notwendig_fehler, #kontakt .notwendig_fehler:focus {
	border: 2px solid #B9292F;
}
#kontakt table { width: 100%; margin-bottom: 0; border: 0px solid #fff;}
#kontakt td { padding: 0; border: 0px solid #fff; }

pre {
	padding: 1em;
	background: #eee;
	line-height: 120%;
	border-left: 5px solid #ccc;
	margin: 0 3em 0 30px;
	font-size: 130%;
}


/* Portfolio Screens
------------------------------------------------------- */
a.title, a.title:visited, a.title:hover {
	color: #fff;
}
div#screens ul.screen img {
	border:1px solid #eee;
	background:#eee;
	padding:2px;
	margin-bottom: 1em;
}
div#screens ul.screen a:hover img {
	border:1px solid #ccc;
}

/* footer
------------------------------------------------------- */
#footer {
	text-align: right;
	color: #8B8375;
	font-size: 80%;
	/* background: #231F20 url(../gfx/footer_links.gif) repeat-y 0 0; */
}
#footer a, #footer a:visited {
	color: #8B8375;
	text-decoration: none;
}
#footer div {
	padding: 1px 0;
	/* background: url(../gfx/footer_rechts.gif) repeat-y 100% 0; */
}