/* @override 
	http://dev.restgmbh.glutrot.de/additions/main.css
	http://www.restgmbh.de/additions/main.css
*/

/* CSS für REST */

/* Farben
rot: #B90C26
blau: #144C66
grau body: #ECEDED
grau textfelder: E6E6E6*/

* {
	margin: 0;
	padding: 0;
	border: 0px none #FFF;
}

body {
	background-color: #ECEDED;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	text-align: left;
	color: #144C66;
}

#wrapper {
	background: url('../img/system/frame_top.jpg') repeat-y #FFF;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 1000px;
    background-color: #FFF;
}

img {
	border: none;
	margin: 0;
	padding: 0;
}

/*a:link {	color: #008dd7;	text-decoration: none;}a:visited {	color: #008dd7;	text-decoration: none;}a:hover {	color: #B10010;	text-decoration: none;}a:active, a.active {	color: #B10010;	text-decoration: none;}*/

/* @group content */

#col_left {
	clear: both;
	width: 260px;
	float: left;
    padding: 36px 0 0 0;
    margin: 0 0 0 20px;
    background-color: #FFF;
}

#col_right {
	width: 680px;
	float: right;
	display: inline;
	padding: 0 20px 0 0;
	margin:  0 0 0 0;
    /*background-color: #144C66;*/
}

.header {
	width: 680px;
	height: 155px;
	background: url('../img/system/header_3.jpg') top left no-repeat #FFF;
}

#header1 {
	background-image: url('../img/system/header_1.jpg');
}

#header2 {
	background-image: url('../img/system/header_2.jpg');
}

.header a.search {
	position: relative;
	top: 124px;
	left: 490px;
	display: block;
	width: 20px !important;
	height: 20px;
	line-height: 24px;
}

form#upperSearch input{
	position: relative;
	width: 124px !important;
	top: 108px;
	left: 525px;
	background-color: transparent;
	color: #000;
}

.breadcrumbs_top {
	width: 680px;
	height: 10px;
	background: url('../img/system/breadcrumbs_top.gif') top left no-repeat #FFF;
	margin: 30px 0 0 0;
}

#breadcrumbs_bottom {
	width: 640px;
	/*height: 10px;*/
	background: url('../img/system/breadcrumbs_bottom.gif') bottom left no-repeat #FFF;
	margin: 0 0 4px 0;
	padding: 0 0 12px 40px;	
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
	text-align: left;
	color: #FFF;
	background-color: #144C66;
}

#breadcrumbs_bottom a {
	color: white;
	text-decoration: none;
}

#breadcrumbs_bottom a:hover {
	text-decoration: underline;
}
.bread_button {
	position: relative;
	top: 8px;
	left: 12px;
}

#content {
	padding: 10px 20px 0 40px;
	background-color: #E6E6E6;
	min-height: 368px;
}

.content_top {
	width: 680px;
	height: 20px;
	background: url('../img/system/content_top.gif') top left no-repeat #FFF;
	margin: 0;
}

div.content_bottom {
	width: 680px;
	height: 20px;
	background: url('../img/system/content_bottom.gif') top left no-repeat #FFF;
	margin: 0 0 20px 0;
	text-align: right;
}

div.printable {
	margin: 0 24px 0 0;
}

.replace {
	display: none;
}

.logo {
	padding: 0 0 0 30px;
}

.menu {
	padding: 26px 0 0 60px;
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
	text-align: left;
	color: #FFF;
}

.menu ul li {
	list-style: none;
	width: 200px;
	margin: 0 0 4px 0;
}

.red {
	background-color: #B90C26;
}

.blue {
	background-color: #144C66;
}

.grey {
	background-color: #E6E6E6;
}

.topred {
	background: transparent url('../img/system/menu_top_red.gif') top left no-repeat;
}

.bottomred {
	background: transparent url('../img/system/menu_bottom_red.gif') bottom left no-repeat;
}

.topblue {
	background: transparent url('../img/system/menu_top_blue.gif') top left no-repeat;
}

.bottomblue {
	background: transparent url('../img/system/menu_bottom_blue.gif') bottom left no-repeat;
}

.topgrey {
	background: transparent url('../img/system/menu_top_grey.gif') top left no-repeat;
}

.bottomgrey {
	background: transparent url('../img/system/menu_bottom_grey.gif') bottom left no-repeat;
}

.first a:link {
	color: #FFF;
}

.first a:visited {
	color: #FFF;
}

.first a:hover {
	color: #FFF;
}

.first a:active, a.active {
	color: #FFF;
}

.second a:link {
	color: #144C66;
}

.second a:visited {
	color: #144C66;
}

.second a:hover {
	color: #B90C26;
}

.second a:active, .second a.active {
	color: #B90C26 !important;
}

.menutop {
	width: 200px;
	height: 10px;
}

.menubottom {
	width: 200px; 
	padding: 0 0 12px 10px;
}

td {
	padding: 4px 6px 6px 6px;
}

ol {
	list-style-position: inside;
}

ol li {
	margin-top: 12px;
}

ul {
	list-style-position: inside;
}

a:link {
	text-decoration: none;
	color: #B90C26;
}

a:visited {
	text-decoration: none;
	color: #B90C26;
}

a:hover {
	text-decoration: none;
	color: #144C66;
}

a:active, a.active {
	text-decoration: none;
	color: #B90C26;
}

li.opened0 {
	background-color: #144C66;
}

.footer {
	clear: both;
	height: 60px;
	background-color: yellow;
	background: transparent url('../img/system/frame_bottom.jpg') bottom center no-repeat;
}

.footer ul {
	padding:  10px 0 0 80px;
}

.footer ul li {
	list-style: none;
	display: inline;
	padding: 0 12px 0 0;
}

.footer ul li a:link {
	color: #144C66;	text-decoration: none;
}

.footer ul li a:visited {
	color: #144C66;	text-decoration: none;
}

.footer ul li a:hover {
	color: #B90C26;	text-decoration: none;
}

.footer ul li a:active, a.active {
	color: #B90C26;	text-decoration: none;
}
	
#thirdmenu {
	float: right;
	/*border-left: 1px solid white;*/
	/*border-bottom: 1px solid white;*/
	width: 160px;
	margin-left: 25px;
}

#thirdmenu ul {
	list-style-type: none;
	width: 160px;
}

#thirdmenu ul li {
	width: 160px;
}

#thirdmenu ul li p.menutop.topgrey {	
	background-image: none;
	height: 0px;
}

#thirdmenu ul li p.menubottom.bottomgrey {
	background-image: none;
	border-bottom: 1px solid #FFF;
	padding: 0 0 4px 10px;
	width: 160px;
}
	
/* @end */
	
/* @group text */

/* kein h1 wegen SEO */

h2 {
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
	text-align: left;
	color: #144C66;
    margin: 0 0 12px 0 ;
}

.found {
	color: #B90C26;
}
  
/* @end */

/* @group formular */

#containerform label.before {
	width: 200px;
}

#containerform label.after {
	margin-left: 12px;
}

#containerform fieldset legend {
	/*margin: 0 0 0 -8px; verschieben in IE*/
	padding: 12px 0 8px 0;
	font-weight: bold;
}

#containerform label, #containerform input {
	display: block;
	float: left;
	width: 190px;
	line-height: 18px !important;
	/*padding: 4px 0 4px 0;*/
}

/* exactly the same as .text, IE does not apply this style if written as one block with comma */
#containerform input[type='text'] {
	height: 18px;
	padding: 1px;
	border: 1px solid #E6E6E6;
}

#containerform input.text {
	height: 18px;
	padding: 1px;
	border: 1px solid #E6E6E6;
}

form br {
  clear: left;
}

input#reset, input#submit {
	clear: both;
	margin-top: 12px;
	color: #FFF;
	background-color: #B90C26;
	font-weight: bold;
	border-top: 1px solid #FFF;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #FFF;
	padding: 2px 4px 2px 4px;
}

fieldset.platz_art div {
	display: block;
	clear: both;
	line-height: 12px !important;
}

fieldset.platz_art div p {
	display: inline;
	float: left;
	width: auto !important;
}

fieldset.platz_art div p input {
	width: auto !important;
}

div.bemerkung {
	padding-top: 12px !important;
}

fieldset.platz_art textarea {
	width: 360px;
	height: 140px;
	overflow: auto;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.containerblock {
	margin-bottom: 12px;
}

.notice, .warning {
	margin-bottom: 12px;
}

input.reqField {
	background-color: #F8E6E9;
	border: 1px solid #B90C26 !important;
}

div.errorBox {
	background-color: #F8E6E9;
	border: 1px solid #B90C26 !important;
	padding: 5px;
	margin-bottom: 20px;
}

/* exactly the same as .checkbox, IE does not apply this style if written as one block with comma */
input[type='checkbox'] {
	width: auto !important;
}

input.checkbox {
	width: auto !important;
}

/* @group Containerzeilen */
div.containerblock {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
	
	margin-bottom: 0px;
	
	border-top-style: solid;
	border-top-color: #144C66;
	border-top-width: 1px;
}

#containerform div.firstcontainer {
	border-top-color: #E6E6E6;
}

div.containerblock label {
	display: inline !important;
	width: auto !important;
	margin-right: 5px;
	
	float: none !important;
}

div.containerblock input {
	display: inline !important;
	float: none !important;
	
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

/* exactly the same as .anzahl, IE does not apply this style if written as one block with comma */
div.containerblock input[type='text'] {
	width: 2em !important;
	height: 18px;
	padding: 1px;
	border: 1px solid #E6E6E6;
}

div.containerblock input.anzahl {
	width: 2em !important;
	height: 18px;
	padding: 1px;
	border: 1px solid #E6E6E6;
}

div.containerblock div.col1 {
	position: absolute;
}

div.containerblock div.col2 {
	margin-left: 100px;
	margin-bottom: 5px;
}

div.containerblock div.col2 label {
	display: block !important;
	float: left !important;
	width: 80px !important;
}

div.containerblock div.col2 select {
	width: 200px !important;
	margin-right: 10px;
	background-color: #ECEDED;
}
/* @end */
/* @end */

/* @group preiszonen */
div#preiszonen {
	margin-bottom: 24px;
}

div#preiszonen form {
	margin: 20px 0px 20px 0px;
}

div#preiszonen p#treffer {
	margin-bottom: 20px;
}

div#preiszonen p#treffer span#suchbegriff {
	font-style: italic;
}

div#preiszonen th {
	vertical-align: bottom;
}

div#preiszonen table, div#preiszonen td, div#preiszonen th {
	border-collapse: collapse;
	/*border: 1px solid red;*/
}

div#preiszonen th {
	text-align: center;
	padding: 0px 5px 0px 5px;
}

div#preiszonen td {
	padding: 0px 5px 0px 5px;
	vertical-align: top;
}

div#preiszonen .col1 {
	/*width: 250px;*/ /* with prices */
	width: 400px;
}

div#preiszonen td.col2, div#preiszonen td.col3 {
	text-align: center;
}

div#preiszonen td.col4, div#preiszonen td.col5, div#preiszonen td.col6, div#preiszonen td.col7 {
	text-align: right;
}

/* @end */

/* @group innolino specific classes */

.absatz_bild {
	padding-right: 20px;
	padding-bottom: 30px;
}
.rightfloat, .rightfloatborder {
	float: right;
	padding-left: 10px;
}

.leftfloat {
	float: left;
	padding-right: 10px;
}

.leftfloatborder {
	float: left;
	padding-right: 10px;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

img.IMGdownload {
    vertical-align: middle;
    margin-right: 6px;
    border: 1px;
}

img.IMGpicturebottomborder {
    display: inline;
	margin-top: 10px;
	margin-bottom: 4px;
	border: 1px solid silver;
}

img.IMGpicturecenter {
    margin-left: auto;
    margin-right: auto;
}

img.IMGpicturerightfloat {
	margin-top: 4px;
	margin-bottom: 4px;
}

img.IMGpicturerightfloatborder {
	margin-top: 4px;
	margin-bottom: 4px;
	border: 1px solid #C6E5E1;
}

img.IMGpictureleftfloat {
    margin-top: 4px;
    margin-bottom: 4px;
}

img.IMGpictureleftfloatborder {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 1px solid #C6E5E1;
}

img.IMGpicturetop {
    display: inline;
	margin-top: 10px;
	margin-bottom: 4px;
}

img.IMGpicturetopborder {
    display: inline;
	margin-top: 10px;
	margin-bottom: 4px;
	border: 1px solid silver;
}

img.IMGpicturebottom {
    display: inline;
	margin-top: 10px;
	margin-bottom: 4px;
}

span.IMGTextcenter{
	font-size: 12px;
}

span.IMGTextright {
	font-size: 12px;
}

span.IMGTextleft {
	font-size: 12px;
}

.dlHeadline {
	font-weight: bold;
	font-size: 12px;	
}

.dlDescription {
	font-size: 12px;
}

.normal img {
	margin-top: 10px;
}

/* @end */