@import "colors.css";
@import "slider.css";
@import "screen.css";
@import url("resets.css");

* {
	margin: 0;
	padding: 0;
}
body {
	font-family: "Century Gothic", Arial, Helvetica, Geneva, sans-serif;
	width: 1000px;
	background-color: #ffffff;
	margin: 0 auto;
	border: 1px solid grey;
	border-bottom: none;
}

img.spacer {
	margin: 0 40px;
	width: 920px;
}

#banner {
	height: 100px;
	/*background: url("pictures/layout/4213233972_fc5d13ae94_b.jpg") no-repeat scroll 0 0 transparent;*/
}
#banner h1 a {
	background: url("pictures/layout/title.png") no-repeat scroll 0 0 transparent;
	background-position: 0 -7px;
	display: block;
	text-indent: -200em;
	height: 100px;	
}

#banner h1 a:hover, a:focus {
	background-position: 10px -130px;
	outline: medium none;
}

.imgcenter {
	margin-top: 100px;
}

#content {
	min-height: 390px;
	text-align: left;
	overflow: hidden;
	;
}

.bg {
	background: url("pictures/layout/body-bg.gif") repeat-x scroll left top #E4E4E4
}

.no-bg {
	background: none;
	background-color: #ffffff;
}

div.row {
	text-align: center;
	width: 100%;
	float: left;
/*	border-bottom: 1px solid #000000; */
}
div.row.last {
	border-bottom: none;
}
div.row div {
	padding: 10px;
}

p {
	margin: 10px 0;
}
h2 {	
	font-weight:bold;
/*	letter-spacing:6px; */
	letter-spacing: 3px;
	margin-bottom:10px;
	margin-top:10px;
}
h4 {
	border-bottom: 2px solid;
}
.center, h1, h2, h3 ,h4 {
	text-align: center;
}
#navi {
	color: #ffffff;
	background: url("pictures/layout/bg.jpg") repeat scroll 0 0 #000000;
}
div.navi {
	float: left;
	width: 23%;
	padding: 10px;
}
div.navi ul {
	margin: 0;
	
}
div.navi ul li{
	display: block;
	list-style: none;
	border-bottom: 1px;
	line-height: 30px;
}

div.navi ul li a {
	display: block;
	padding-left: 5px;
}

ul#footnavi {
	background-color: #000;
	color: #bbbbbb;
	clear: both;
	padding: 0 10px;
}

ul#footnavi li {
	display: inline;
	font-size: 0.7em;
	padding-left: 10px;
	padding-right: 10px;
}
ul#footnavi a {
	color: #aaaaaa;
}

.left {
	float: left;
}

.padding {
	padding: 20px;
}

.picture { 
	width: 63%; 
}
.description { 
	width: 35%;
	display: block;
	background-color: #ffffff;
	height: 600px;
}

/* My Comment */

.one-third {
	width: 25%;
}
.two-thirds {
	width: 70%;
}


.forty-sixty {
	width: 35%;
}
.sixty-forty {
	width: 55%;
}


.column {
	margin: 15px;
	width: 30%;
}

.column h2 {
	font-size: 1em;
	letter-spacing: 0.2em;
	border-bottom: 1px solid #000000;
}

.column h3,
.description h4 {
	letter-spacing: 0.3em;
	font-size: 0.7em;
	border-bottom: none;
}

.description h4 {
	margin-bottom: 20px;
}

.tags ul { 
	display: inline;
 }
.tags ul li{ 
	list-style: disc inside none;
	margin-left: 10px;
	list-style-image: url("pictures/icons/blacks/16x16/tag.png");
}

.desc, .work { 
	margin-bottom: 20px;
 }
 
.work ul li{ 
	list-style: disc inside none;
	margin-left: 10px;
	list-style-image: url("pictures/icons/blacks/16x16/wrench_plus_2.png");
}

.column p{
	text-align: justify;
}

.fifty {
	width: 47%;
	margin: 15px;
}

.padding .fifty {
	width: 45%;
}

.fifty h2.first,
.forty-sixty h2 first {
	margin-top: 0px;
}
.fifty h2,
.forty-sixty h2 {
	margin-top: 40px;
}

.justify {
	text-align: justify;
}

input {
	margin-bottom: 20px;
}

ul {

		list-style: disc inside;
}
#content ul.list li {
	margin-left : 30px;
	list-style: disc outside;
}
div.columns {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	height: 250px;
}
.no-margin {
	margin: 0;
}

.hinweis {
	font-size: 0.6em;
	font-style: italic;
}
.required { 
	vertical-align: text-top;
	color: #DD0000;
}
.no-padding {
	padding: 0;
}

img {
	margin: 0;
	padding: 0;
}

/*MESSAGE BOX CLEAN	serie	  		 */
	.clean-gray{
		border:solid 1px #DEDEDE; 
		background:#EFEFEF;
		color:#222222;
		padding:4px;
		text-align:center;
	}
	.clean-yellow{
		border:solid 1px #DEDEDE; 
		background:#FFFFCC;
		color:#222222;
		padding:4px;
		text-align:center;
	}
	.clean-ok{
		border:solid 1px #349534; 
		background:#C9FFCA;
		color:#008000;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}
.info {
	position: absolute;
	z-index: 999;
	width: 450px;
	border:solid 2px #349534; 
	background-color: #ffffff;
	color:#008000;
	margin: 20px;
	padding: 0px;
}
.info h2 {
	padding: 4px;
	margin: 0px;
	font-size: 0.8em;
	background-color: #C9FFCA;
	letter-spacing: 0.1em;
	color: #000000;
}

.error {
	position: absolute;
	z-index: 999;
	width: 450px;
	border:solid 2px #CC0000; 
	background-color: #ffffff;
	color:#CC0000;
	margin: 20px;
	padding: 0px;
}

.error h2 {
	padding: 4px;
	margin: 0px;
	font-size: 0.8em;
	background-color: #CC0000;
	letter-spacing: 0.1em;
	color: #ffffff;
}

.error ul,
.info div {
	padding: 10px;
	padding-top: 30px;
	padding-left: 20px;
	list-style-position: outside;
	margin-left: 20px;
}

.error div,
.info div{
	padding: 10px;
	text-align: center;
}

.underline {
	text-decoration: underline;
}
a.pointer:hover {
	cursor: pointer;
}

.text-left {
	text-align: left;
}
.hidden {
	display: none;
}

.thumbs ul li {
	display: inline;
	margin: 0 10px;
}
.thumbs ul li img {
	border: 1px solid #888888;
	background-color: #ffffff;
	padding: 5px;
}
.thumbs ul li img:hover {
	background-color: #888888;
	padding: 5px;
}

.quarter {
	width: 20%;
}

ul.no-list {
	list-style: none;
}

input[type=text],
TEXTAREA, SELECT { 
	width: 400px; 
} 

ul.block li {
	border: 1px solid #888888;
	padding: 10px;
	margin: 5px;
}

ul.block li:hover {
	background-color: #ffffff;
}

ul.block li .datum {
	font-size: 0.6em;
}

/* image replacement */
     .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
         margin:0;
         padding:0;
         display:block;
         overflow:hidden;
         text-indent:-8000px;
         }
 /* // image replacement */