@import url(navigation.css);
@import url(subnavigation.css);
@import url(form.css);
/* ######################################################### */

* {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	
}

html {
	margin:  0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background : #880000 repeat-x url(../images/body_bg.jpg);
	color: #56544c;
	text-align:	center;
}

/* ######################################################### */

#container {
	width:	780px;
	margin: auto;
	margin-top:30px;
	margin-bottom:30px;
	padding:	0;
	background: #fffdf3;
}

#header {
	width: 780px;
	height: 411px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/header_klinkner_logo.jpg) no-repeat;
	text-align: left;
}

#header a { 
	display: block;
	height: 70px;
	text-decoration:none;
}

#header a i { visibility: hidden;}

#header img {
	position: relative;
	float:left;
	width:780px;
	height: 280px	;
	margin:0;
	padding:0;
	text-align: left;	
}

#content{
	z-index: 1;
	margin: 0;
	padding: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #fffdf3;
	text-align:left;
  
}

#content img {
	clear: both;
	margin-bottom:20px;	
	border:0px;
}

#content p img {
  margin-bottom:20px;	
	border:0px;
}
#footer{
	margin:0;
	padding:0;
	clear:both;
	text-align:left;
	height:26px;
	background: #ede9ce no-repeat url(../images/footer.jpg) ;
  	color: #8c8a7b;;
	text-indent: 28px;
	padding-top: 14px;
}

/* ######################################################### */

.hide{ display:none; }
.show{ display:block; }

/* ######################################################### */

h1{
	margin-left: 174px;
	clear:right;
	font-weight:bold;
	color:#a20000;
	margin-bottom:16px;
}

h2{
  color:#a20000;
  font-weight:normal;
  margin-left: 174px;  
  clear: right;
  margin-bottom:10px;
	clear:right;
}


p {
	margin-left: 174px;
  margin-bottom: 20px;	
/*	background: #fffdf3;*/
	width: 470px;
	line-height: 19px;	
	color: #56544c;
}
/* ######################################################### */


#content ul,
#content p ul {
  margin-left: 191px;
	background: #fffdf3;
	width: 470px;
	line-height: 18px;
	margin-bottom: 20px;
	list-style-type: none;
}

#content li,
#content p li {
	display:block;
	margin-bottom: 17px;
	background: transparent url(../images/subnavigation_arrow.gif) no-repeat;
	padding-left: 8px;
}

#content ul li ul,
#content p ul li ul {
  margin-left: 15px;
	background: #fffdf3;
	width: auto;
	line-height: 18px;
	margin-bottom: 20px;
	list-style-type: none;
}

#content ul li ul li {
	display:block;
	background: transparent url(../images/subnavigation_arrow.gif) no-repeat;
	padding-left: 8px;
	margin:0px;
}


#content li img.dragable {
  position: relative;
	cursor: move;
	float: left;
  z-index:1;
  margin-top: 2px;
  margin-right: 10px;
}


p .dekorated {
	background: #fffdf3 url(/images/floral.gif) no-repeat right;
}

div.hr {
	clear:both;
  height: 1px;
  background: transparent url(/images/trenner.gif) no-repeat scroll center;
  margin-bottom:20px;
}
div.hr hr {
  display: none;
}

a {
  color:#a20000;
  text-decoration:none;
}

#content p a{
  margin:0;
}
.highlight {
  width: 400px;
  border: 1px solid #222;
  padding: 20px;
  text-align: left;
}


.highlight form {
  margin-left:0;
}


div.error_message {
  background-color:#af1b1b;
  color: #ffffff;
  width: 450px;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 174px;
  margin-right: 0;
  padding: 15px;
}

#flashMessage,
div.ok_message {
  color: #ffffff;
  background-color: #adc300;
  width: 450px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 174px;
  margin-right: 0;
  padding: 15px;
}

.error {
  color: #880000;
}


#content div ul  {
  width: 400px;
  clear: both;
  margin:0;
  background-color: transparent;
}

#content #textile_help {
  margin-left: 174px;
  margin-bottom: 20px;
}

#content #textile_help table{
  width: 200px;
  overflow:hidden;
}