/*
SEITENLAYOUT - ABGERUNDETER RAHMEN
*/
#content {
	text-align:center;
}

.headerTable {
	padding:0px;
	border-collapse:collapse;
	background-color:#FFFFFF;
}

.pageBorderTop 
{
	background-image:url(http://survey.fg-medien.de/Onlinestudien/Bilder/Template/PageBorderTop.png);
}

.pageBorderBottom
{
	background-image:url(http://survey.fg-medien.de/Onlinestudien/Bilder/Template/PageBorderBottom.png);
}

.pageBorderRight
{
	background-image:url(http://survey.fg-medien.de/Onlinestudien/Bilder/Template/PageBorderRight.png);
}

.subnavigationBackground
{
	background-image:url(http://survey.fg-medien.de/Onlinestudien/Bilder/Template/Subnavigation_Background.png);
}


/*
DEFINITION SCHRIFTARTEN & -FARBEN
*/
.body {
	margin:0px;
	padding:0px;
	background-color: white;
	font-family: Arial, Sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	width: 100%;
	height:100%;
}

.odinfontnumber-0 {
color: #00007D;
background-color: transparent;
font-size: 12px;
font-family: Arial, Sans-serif;
}

.odinfontnumber-1 {
color: #00007D;
background-color: transparent;
font-weight: bold;
font-size: 12px;
font-family: Arial, Sans-serif;
}

.odinfontnumber-2 {
color: #00007D;
background-color: transparent;
font-weight: bold;
text-decoration: underline;
font-size: 12px;
font-family: Arial, Sans-serif;
}

.odinfontnumber-3 {
color: #00007D;
background-color: transparent;
font-weight: normal;
font-size: 11px;
font-family: Arial, Sans-serif;
}

.odinfontnumber-4 {
color: #00007D;
background-color: #CCCCE6;
font-weight: normal;
font-size: 11px;
font-family: Arial, Sans-serif;
}

.odinfontnumber-5 {
color: #00007D;
background-color: #F7F7F7;
font-weight: normal;
font-size: 11px;
font-family: Arial, Sans-serif;
}

.odinfontnumber-6 {
color: #00007D;
background-color: transparent;
font-weight: normal;
font-style: italic;
font-size: 11px;
font-family: Arial, Sans-serif;
}


/*
SCHRIFTAUSRICHTUNG
*/
.odincategorycheckcolumn {
vertical-align: middle;
}

.odincategorychecksingle {
margin: 3px;
}

.odincategorylabel {
margin: 3px;
}

.odintabstop-0 { /* Ausrichtung Text bis Tabstop 1 */
text-align: left;
vertical-align: middle;
padding-left: 3px;
}

.odintabstop-nonzero { /* Ausrichtung Text alle weiteren Tabstops */
text-align: center;
vertical-align: middle;
}


/*
FARBGEBUNG & DEFINITION BUTTONS
*/
#odinbuttonCLEAR { /* Sichtbarkeit CLEAR-Button */
	visibility: hidden;
}

.odinbutton { /* grundlegendes Design ODIN-Buttons */
margin: 0px;
font-family: Arial, Sans-serif;
font-size: 11px;
height: 20px;
color: #00007D;
font-weight: normal;
padding-left: 5px;
padding-right: 5px;
border-left: 1px outset #ffffff;
border-top: 1px outset #ffffff;
border-right: 1px outset #555555;
border-bottom: 1px outset #555555;
background-color: #CCCCE6;
}

.odinbuttonNormal { /* ODIN-Buttons neutral */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#aaaaaa', EndColorStr='#ffffff') progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='#999999', Positive='True');
}

.odinbuttonHovered { /* ODIN-Buttons während mouse-over */
font-family: Arial, Sans-serif;
color: #FFFFFF;
background-color: #00007C;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00007C', EndColorStr='#ffffff') progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='#999999', Positive='True');
}

.odinbuttonFocused { /* ODIN-Buttons mit Tab markiert (eingerahmt) */
color: #FFFFFF;
background-color: #00007C;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00007C', EndColorStr='#ffffff') progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='#999999', Positive='True');
}

.odinbuttonClicked { /* ODIN-Buttons während Klick */
color: #FFFFFF;
margin-left: 0px;
background-color: #00007C;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#00007C');
border-left: 1px outset #7AA2AE;
border-top: 1px outset #7AA2AE;
border-right: 1px outset #ffffff;
border-bottom: 0px outset #ffffff;
}


/*
FARBGEBUNG - FORMS & SKALEN
*/
.odinformelement-above { /* Beschriftung der Skalen (oberhalb) */
vertical-align: bottom;
} 

.odincategory-checked { /* Hintergrundfarbe der gewählten Antwortcodes bei Single- und Multi-Fragen */
background-color: #CCCCE6;
}


/*
PROGRESS-BAR
*/

.progressbar {
border-style: dotted;
border: thin solid #CCCCE6;
width: 200px;
height: 17px;
padding: 0px;
text-align: right;
}

.odinprogress-completed {
background-color: #00007D;
}

.odinprogress-remaining {
background-color: #CCCCE6;
}

.odinprogress-text {
font-family: Arial, Sans-serif;
font-size: 10px;
color: #00007D
}


/*
Player unsichtbar
*/
.progressholder-player {
visibility: hidden;
}


/*
DEFINITION DROPDOWNS
*/
.odinlist {
width: 20.0%;
color: #00007C; font-family: Arial, Sans-serif;
font-size: 11px;
font-style: normal;
}
.odinlist-dropdown {
width: 20.0%;
color: #00007C; font-family: Arial, Sans-serif;
font-size: 11px;
font-style: normal;
}


/*
OFFENE EINGABEN
*/
.odinalpha { /* Alphanumerische Eingabe */
color: #00007D; font-family: Arial, Sans-serif;
font-size: 11px;
font-style: normal;
font-weight: lighter;
}

.odinnumeric { /* Numerische Eingabe */
color: #00007D; font-family: Arial, Sans-serif;
font-size: 11px;
font-style: normal;
font-weight: lighter;
}

.odinopenquestion { /* Textfeld offene Frage */
height: 150px;
width: 70%;
padding-bottom: 20px;
resize: none;
color: #00007C; font-family: Arial, Sans-serif;
font-size: 11px;
font-style: normal;
font-weight: lighter;
scrollbar-face-color: #CCCCE6;
scrollbar-highlight-color: #CCCCE6;
scrollbar-3dlight-color: #C0C0C0;
scrollbar-darkshadow-color: #5C551D;
scrollbar-shadow-color: #808080;
scrollbar-track-color: #E0E0E0;
scrollbar-arrow-color: #000000;
}

.odinopencategory { /* Textfeld offene Antwortkategorie */
height: 80px;
width: 250px;
resize: none;
color: #00007C; font-family: Arial, Sans-serif;
font-size: 11px;
font-style: normal;
font-weight: lighter;
scrollbar-face-color: #CCCCE6;
scrollbar-highlight-color: #CCCCE6;
scrollbar-3dlight-color: #C0C0C0;
scrollbar-darkshadow-color: #5C551D;
scrollbar-shadow-color: #808080;
scrollbar-track-color: #E0E0E0;
scrollbar-arrow-color: #000000;
}


/*
LAYOUT FEHLERMELDUNGEN
*/
.odinerroritem {
border-width: 1px;
border-color: #BB0000;
border-style: dotted;
}

.odinerrormessages {
width: 100.0%;
}

.odinerrormessage {
color: #BB0000;
}

.odinerrormessage:link {
text-decoration: none;
}

.odinerrormessage:visited {
text-decoration: none;
}

.odinerrormessage:active {
text-decoration: none;
}

.odinerrormessage:hover {
text-decoration: underline;
}

TD.odinerrormessage {
visibility: hidden; display: none
}

TD.odinerrormessage0 {
visibility: visible; display: block
}