/* Definition des HTML-Tag */
html {
	overflow-x: hidden;
	overflow-y: auto;
}


/* Definition des BODY-Tag */
body {
	margin: 0;
	padding: 0;
	background-image: url(../art_global/bg-body.gif);
	background-position: center;
	background-repeat: repeat-y;
}
body.types {
	background-image: url(../art_global/bg-body-typenvergleich.gif);
}

/* Definition des TEXTAREA-Tag */
textarea {
	overflow-x: hidden;
	overflow-y: auto;
}


/* Max. Breite der Inhalte */
div.center-content {
	width: 960px;
	margin: 0 auto 0 auto;
}


/* Container fuer den Kopfbereich */
div#header {
	background-image: url(../art_global/bg-header.png);
	background-position: center;
	background-repeat: repeat-y;
}
div#header-image {
	width: 755px;
	height: 84px;
	padding-left: 203px;
	border: 1px solid #AFB0B4;
	background-repeat: no-repeat;
}
div#header-image img {
	display: block;
}
div#header-navigation {
	border: solid #AFB0B4;
	border-width: 0 1px 0 1px;
}


/* Container fuer die Hauptnavigation */
div#navigation {
	background-image: url(../art_global/bg-navigation.png);
	background-position: center;
	background-repeat: repeat-y;
}
div#navigation-border {
	width: 958px;
	border: solid #AFB0B4;
	border-width: 0 1px 0 1px;
}


/* Container fuer die Inhalte */
div#content {
	padding: 10px 11px 0 1px;
}
div#login-info {
	height: 31px;
	padding: 0 0 0 218px;
}
div#column-left {
	width: 203px;
}
div#column-left-content {
	padding: 0 13px 0 10px;
}
div#column-normal {
	width: 514px;
	padding-left: 16px;
}
div#column-normal-expanded {
	width: 729px;
}
div#column-right {
	width: 183px;
}



/* *** Typenvergleich *** */
div.types-collection-switch {
	width: 484px;
	margin-bottom: 20px;
	padding: 15px 15px 10px 15px;
	background-color: #E9E9E9;
}
div.types-select-title {
	width: 290px;
}
select.types-select-box {
	width: 180px;
}
div.types-comment {
	width: 514px;
}
img.types-image {
	border: 1px solid #D7D7D7;
}


/* Allgemeine Klassen */
.one-pix {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}


/* Klassen fuer Umfluesse */
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear-left {
	float: none;
	clear: left;
}
.clear-right {
	float: none;
	clear: right;
}
.clear-both {
	float: none;
	clear: both;
}



/* *** Login Formular *** */
form.felogin-form {
	margin: 0 0 20px 0;
	padding: 5px 10px 10px 10px;
	background-color: #E9E9E9;
}
form.felogin-form fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
form.felogin-form legend {
	display: none;
}
div.felogin-label {
	width: 150px;
	padding-top: 5px;
	text-align: right;
}
div.felogin-input {
	width: 335px;
	padding-top: 4px;
}
div.felogin-input input {
	width: 170px;
}
div.felogin-submit {
	padding: 5px 0 0 160px;
}
div.felogin-submit input {
	padding: 3px 10px 4px 10px;
	border: none;
	color: #FFFFFF;
	font-weight: bold;
}
/* Mail-Formular */
form#mailform {
	/*background-color: red;*/
}
form#mailform fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
form#mailform .csc-mailform-field {
	font-weight: bold;
	margin-bottom: 2px;
	clear: right;
}
form#mailform label {
	float: right;
	width: 270px;
	padding-top: 1px;
	font-weight: normal;
}
form#mailform input {
	width: 226px;
	padding: 1px 2px 1px 2px;
}
form#mailform .csc-mailform-check {
	border: none;
}
form#mailform select {
	width: 232px;
	padding: 1px 0 1px 2px;
}
form#mailform textarea {
	overflow-x: hidden;
	overflow-y: auto;
	width: 346px;
	height: 120px;
	margin: 10px 0 2px 0;
	padding: 1px 2px 1px 2px;
}
form#mailform input.csc-mailform-submit {
	width: 100px;
	font-weight: normal;
}



/* *** CSS-Klassen fuer Text m/Bild *** */

/* Abstand unter Bild + Unterschrift */
DIV.csc-textpic-imagewrap {
	padding-bottom: 18px;
}

/* Abstand unter dem Bild */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0;
}

/* Rahmen um Bilder */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	border: 1px solid #D7D7D7;
}

/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-text,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-text,
DIV.csc-textpic-intext-left DIV.csc-textpic-text {
	padding-left: 7px;
}

/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-text,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-text,
DIV.csc-textpic-intext-right DIV.csc-textpic-text {
	padding-right: 7px;
}