/**
		.box, .footer .contentbox: alle Ränder RAND #ffffff;
    	www.formd.ch
    
*/

/*  body und schrift deffinitionen */
html{ 
	padding:			0px;
	margin:				0px 10px;
}

body {
	behavior:url('adds/cssfocusandhover.htc');
	background-color:	#ffffff;
	font-size:			11px;
	font-family:		Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:				#333333;	/* 333333 */
        text-align:			center;
	margin:				0px 10px;
	padding:			0px;
}

h1 {
	font-size:			16px;
	text-transform:		uppercase;
	color:				#FFFFFF;
	background-color:	transparent;
	padding-top:		10px;
	margin:				0px 10px 10px 10px;
}

h2 {
	font-size:			16px;
	text-transform:		uppercase;
	color:				#FFFFFF;
	background-color:	transparent;
	margin:				0px 10px 10px 10px;
	padding-top:		10px;
}

h3 {
	font-size:			14px;
	text-transform:		uppercase;
	color:				#FFFFFF;
	background-color:	transparent;
	margin:				0px 10px 10px 10px;
	padding-top:		10px;
}

h4 {
	font-size:			14px;
	text-transform:		uppercase;
	color:				#FFFFFF;
	background-color:	transparent;
	margin:				0px 10px 10px 10px;
	padding-top:		10px;
}

h5 {
	font-size:			12px;
	color:				#FFFFFF;
	background-color:	transparent;
	margin:				0px 10px 10px 10px;
	padding-top:		10px;
	line-height:		18px; /* ZEILENABSTAND */
}

h6 {
	font-size:			11px;
	color:				#FFFFFF;
	background-color:	transparent;
	margin:				0px 10px 10px 10px;
	padding-top:		10px;
}

p {
	margin:				0px 10px;
	padding-bottom:		5px;		/* Abstand nach Absatz */
}

p.hinterlegt { 
	background-color:#ffffff;
	margin-left: 0px;
 }

p.hinterlegt2 { 
	background-color:#ffffff;
	margin-left: 0px;
 }

p.active { 
	color:				#96989b;
	font-size:			11px;
    	font-weight:        		bolder;
	background-color:		transparent;
	margin-left: 			0px;
	padding: 			5px 5px 6px 5px;
 
}

a { 
	color:				#333333;
	font-size:			11px;
	background-color:	transparent;
	text-decoration:	none; 
}

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

a:hover {
    color:              #96989b;
    text-decoration:    none;
}

pre { 
	font-family: 		Courier, Monaco, Monospace;
	font-size:			11px;
	color:				333333;
	background-color:	transparent;
	margin:				0px 10px 10px 10px;
}
.bash { 
	font-family: 		Courier, Monaco, Monospace;
	color:				#FFF;
	background-color:	333333;
	margin:				0px 10px 10px 10px;
	padding-bottom:		0px;		/* Abstand nach Absatz */
	display:			block;
	width:				580px;
}

.normal { 
	margin:				10px 10px 10px 10px;
}

.wichtig { 
	color:				#F00;
	background-color:	transparent;
	margin:				0px 10px 10px 10px;
	padding-bottom:		0px;		/* Abstand nach Absatz */
}

.zitat { 
	font-style:			italic;
	color:				333333;
	background-color:	transparent;
	margin:				0px 10px 10px 10px;
	padding-bottom:		0px;		/* Abstand nach Absatz */
}

/*  positioning-layers statisch und absolut */

.box {
	width:				950px;
	margin:				0px auto;
	padding:				0px;
	text-align:			left;
	background-color:	#ffffff;

	border-top-width:	1px;		/* top column width 	*/
	border-top-color:	#ffffff;	/* top column colour   RAND	*/
	border-top-style:	solid;		/* top border style */
	border-right-width: 	1px;		/* right column width 	*/
	border-right-color: 	#ffffff;	/* right column colour  RAND	*/
	border-right-style: 	solid; 
	border-bottom-width:	1px;		/* bottom column width 	*/
	border-bottom-color: 	#ffffff;	/* bottom column colour  RAND */
	border-bottom-style:	solid; 
	border-left-width:  	1px;   		/* left column width 	*/
	border-left-color:  	#ffffff;	/* left column colour 	RAND */
	border-left-style: 	solid; 
}

.contentbox {
	width:				950px;
	margin:				0px auto;
	padding:			    0px;
	text-align:			left;
	background-color:	#96989b;

	border-top-width:	0px;		/* top column width 	*/

	border-right-width: 	1px;		/* right column width 	*/
	border-right-color: 	#ffffff;	/* right column colour RAND	*/
	border-right-style: 	solid; 
	border-bottom-width:	1px;		/* bottom column width 	*/
	border-bottom-color:	#ffffff;	/* bottom column colour RAND */
	border-bottom-style:	solid; 
	border-left-width:  	1px;     	/* left column width 	*/
	border-left-color:  	#ffffff;	/* left column colour 	RAND */
	border-left-style: 	    solid; 
}
.kopf {
	width:				950px;
	margin:				0px auto;
	padding:			    0px;
	background-color:	transparent;
}

.kopf h1 {
	font-size:			11px;
	text-transform:		uppercase;
	text-align:			right;
	color:				#FFFFFF;
	background-color:	#cedbdf;
	padding:				0px 0px; /* MainNavi Ausrichtung Links ohne Zwischenräume */
	margin:				0px
}

.kopf p {
	padding:			0px 0px; /* Logo Ausrichtung */
	margin:				0px;
}

.links {
	width:				175px;
	padding:			    0px;
	margin:				0px 0px 0px 0px;
	float:				left;
    display:             block;
}

.mitte {
	width:				600px;
	height: 			534px; /* FESTE HOEHE! IM CONTENTBEREICH */
	padding:			0px;
	float:				left;
	overflow:			auto;
	background-color:	#0b6479;
	
	scrollbar-shadow-color: #666633; scrollbar-face-color: #E2E2D9;


	scrollbar-highlight-color: #666633; scrollbar-3dlight-color: #FFFFFF;


	scrollbar-darkshadow-color: #E2E2D9; scrollbar-track-color: #E2E2D9;


	scrollbar-arrow-color: #666633	
	
	

}
.news a {
	color:			#7ab5ff;
	font-size:		11px;
	background-color:	transparent;
	text-decoration:	none;
}

.mitte a:link {
	color:                  #7ab5ff;
	text-decoration:        none;
}

.mitte a:hover {
        color:		        #666666;
        text-decoration:        none;
}
.mitte a:visited {
	color:                  #FFCC00;
	text-decoration:        none;
}
.rechts {
	width:				175px;
	padding:			0px;
	float:				left;
}


/* *******************************************************
    Navigation links.
******************************************************* */
.navcontainer {
    width:				173px;
    padding:			0px auto;		/* oben */
}
.navcontainer ul {
    margin-left:        0px;
    list-style-type:    none;
    font-size:          11px;
    margin-bottom:      0px;
    margin-top:         0px;
    padding:            0px;
}

* html .navcontainer  a /* this selector recognized by IE only */{
    width:              150px;   /* total width (only for IE5.x/Win) */
    w\idth:             150px;  /* content width (for other IE) */
}

.navcontainer a {
    color:              #cccccc; /* Navi links MouseOver Farbe, visited */
    padding:            3px 3px 3px 12px;
    width:              120px;   /* content width (for other browsers) */
    display:            block;
    margin:             0px;
    font-weight:        bolder;
    border:             0px solid #333333;
    text-decoration:    none;
}

.navcontainer a:link, .navlist a:visited {
    color:              #0f687a;
    text-decoration:    none;
}

.navcontainer a:hover {
    color:				#cccccc;
}
.navact {
    color:              #333333;
    padding:            3px 3px 3px 12px;
    width:              120px;   /* content width (for other browsers) */
    display:            block;
    margin:             0px;
    font-weight:        bolder;
    border:				1px solid #333333;
    border-left:		1px solid #fff;
    text-decoration:    none;
    background-color:   #fff;   /* center column colour     */
}


/* *********************************************
	News in der Mitte
*/
.news{
	width:				580px;				/* Breite */
	margin-left:		10px;				/* Abstand links */
	margin-top:			10px;				/* Absatnd oben */
	margin-bottom:		10px;				/* Abstand unten */
	border:				1px solid #afdce9;		/* Rahmen */
	padding:			0 0 10px 0;
}
.news a {
	color:			#7ab5ff;
	font-size:		11px;
	background-color:	transparent;
	text-decoration:	none;
}

.news a:link {
   	color:                  #77cee7;
        text-decoration:        none;
}

.news a:hover {
        color:		        #666666;
        text-decoration:        none;
}
.news a:visited {
	color:                  #FFCC00;
	text-decoration:        none;
}
.news h2{
	width:				560px;
	display:			block;				/* soll als Block dargestellt werden */
	font-size:			14px;
	color:				#333333;
	background-color:	#fff;
/*	text-align:			right; */
	padding:			0 0 0 0px;			/* Innerer Abstand: oben rechts unten links */
	border-bottom:		1px solid #afdce9;
}
.news h3{
	font-size:			12px;
	text-transform:		none;
	padding:			0 0 0 0px;			/* Innerer Abstand: oben rechts unten links */
	margin-left:		10px;
}
.news p{
	font-size:			11px;
	padding:			0 0 0 0px;			/* Innerer Abstand: oben rechts unten links */
	padding-bottom:		5px;		/* Abstand nach Absatz */
	margin-left:		10px;
}

/* *********************************************
	News rechts
*/
.rnews{
	width:				120px;				/* Breite */
	margin-left:		10px;				/* Abstand links */
	margin-top:			10px;				/* Absatnd oben */
	margin-bottom:		10px;				/* Abstand unten */
	border:				1px solid #afdce9;	/* Rahmen */
	padding:			0 0 10px 0;
	font-size:			11px;
	background-color:	#fff;

}
.rnews h2{
	width:				100px;
	display:			block;				/* soll als Block dargestellt werden */
	font-size:			14px;
	color:				#333333;
/*	text-align:			right; */
	padding:			0 0 0 0px;			/* Innerer Abstand: oben rechts unten links */
	border-bottom:		1px solid #afdce9;
}
.rnews h3{
	font-size:			12px;
	padding:			0 0 0 0px;			/* Innerer Abstand: oben rechts unten links */
	margin-left:		10px;
}
.rnews p{
	font-size:			11px;
	padding:			0 0 0px 0px;			/* Innerer Abstand: oben rechts unten links */
	padding-bottom:		5px;		/* Abstand nach Absatz */
	margin-left:		10px;
}
/* *********************************************
	News links
*/
.lnews{
	width:				120px;				/* Breite */
	margin-left:		10px;				/* Abstand links */
	margin-top:			10px;				/* Absatnd oben */
	margin-bottom:		10px;				/* Abstand unten */
	border:				1px solid black;	/* Rahmen */
	padding:			0 0 10px 0;
	font-size:			11px;
	background-color:	#fff;

}
.lnews h2{
	width:				135px;
	display:			block;				/* soll als Block dargestellt werden */
	font-size:			14px;
	color:				#333333;
/*	text-align:			right; */
	padding:			0 0 0 0px;			/* Innerer Abstand: oben rechts unten links */
	border-bottom:		1px solid black;
}
.lnews h3{
	font-size:			12px;
	padding:			0 0 0 0px;			/* Innerer Abstand: oben rechts unten links */
	margin-left:		10px;
}
.lnews p{
	font-size:			11px;
	padding:			0 0 0px 0px;			/* Innerer Abstand: oben rechts unten links */
	padding-bottom:		5px;		/* Abstand nach Absatz */
	margin-left:		10px;
}

.sequenz{ 
	/* */
	margin-left:		auto;
	margin-right:		auto;
	text-align:			right;
	padding-top:		10px;						/* Abstand oben */
	min-width:			400px; 
	width:				950px;               		/* total width */
	font-size:			10px;
}
.sequenz a{
	text-decoration:	none;
	color:				#333;
}
.sequenz a:visited{
	text-decoration:	none;
	color:				#333;
}
.sequenz a:hover{
	text-decoration:	none;
	color:				#e7e9eb;
	cursor:				help;
}

.footer{
	/* */
	margin-left:		auto;
	margin-right:		auto;
	text-align:			justify;
	min-width:			400px;
	width:				950px;  	/* total width */
	text-align:			justify;
	margin-left:		auto;
	margin-right:		auto;
	padding-bottom:      0px;
	background-color:	#ffffff;
	border-top-width:	1px;		/* top column width 	*/
	border-top-color:	#ffffff;	/* top column colour  RAND */
	border-top-style:	solid;		/* top border style */
	border-right-width: 	1px;		/* right column width 	*/
	border-right-color: 	#ffffff;	/* right column colour 	RAND */
	border-right-style: 	solid;
	border-bottom-width:	2px;		/* bottom column width */
	border-bottom-color: 	#96989b;	/* bottom column colour  RAND UNTEN*/
	border-bottom-style:	solid;
	border-left-width:  	1px;   		/* left column width 	*/
	border-left-color:  	#ffffff;	/* left column colour  	 RAND */
	border-left-style: 	solid;
	line-height:		20px; /* ZEILENABSTAND */
}

.footer p{
    font-size:			9px;
    text-align:			left;
    margin:				0;
	line-height:		20px; /* ZEILENABSTAND */

}
.footer a{
    color:              #999999;
    text-decoration:    none;
	line-height:		20px; /* ZEILENABSTAND */
}


/* CSS-Stuff by wke@gridds.com, 050523  */

.formcellHeader {
        background-color:#83d9f2;
        font-size:11px;
        font-weight:bold;
        font-family:Verdana, Arial, SunSans-Regular, Sans-Serif;
        color:#333;        /* 333333 */
        text-align:left;
        margin:0px 10px;
        padding:3 3 3 20;
}
.formcellSpacer {
        background-color:#d7d7d7;
        margin:0px 10px;
	background-image: url(pix/req.gif);
	background-position:bottom;
	background-repeat:repeat-x;
        padding:0 0 0 20;
	}
.formcellDark {
        background-color:#e8e9eb;
        font-size:11px;
        font-family:Verdana, Arial, SunSans-Regular, Sans-Serif;
        color:#333;        /* 333333 */
        text-align:left;
        margin:0px 10px;
        padding:3px;
}
.formcellMedium {
        background-color:#f3f4f6;
        font-size:11px;
        font-family:Verdana, Arial, SunSans-Regular, Sans-Serif;
        color:#333;        /* 333333 */
        text-align:left;
        margin:0px 10px;
        padding:3px;
}
.formcellLight {
        background-color:#f7f7f9;
        font-size:11px;
        font-family:Verdana, Arial, SunSans-Regular, Sans-Serif;
        color:#333;        /* 333333 */
        text-align:left;
        margin:0px 10px;
        padding:3px;
}
.formcellMedium_req {
        background-color:#f3f4f6;
	background-image: url(pix/req.gif);
	background-position:bottom;
	background-repeat:no-repeat;
        margin:0px 0px;
        padding-right:0px;
	}
.formcellDark_req {
        background-color:#e8e9eb;
	background-image: url(pix/req.gif);
	background-position:bottom;
	background-repeat:no-repeat;
        margin:0px 0px;
        padding-right:0px;
	}

/* 	CSS-input fields for the Form-Elements
	There are different attributs for iexplorer and mozilla-firefox.
	Means: Gecko Based Browsers requires other css-attributs then the iexplorer engine
	wke@gridds.com, 050530 - http://www.gridds.com
*/
form {
	margin:0px;
	padding:0px;
	border:0px;
	}


input, textarea, select, option {
	padding:1px;
	font-size:11px;
        font-family:Verdana, Arial, SunSans-Regular, Sans-Serif;
}

input, textarea {
	color: #333;
	background: #e6f8fc;
	border: 1px solid #83d9f2;
}
input[type="text"], input[type="password"] {
	color: #333;
	background: #e6f8fc;
	border: 1px solid #83d9f2;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	color: #333;
	background: #eea86e;
	border: 1px solid #ea7a1d;
}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover {
	color: 333;
	background: #fcb57a;
	border: 1px solid #ea7a1d;
}
input:focus {
	color: #333;
	background: #eea86e;
	border: 1px solid #ea7a1d;
}
input:hover {
	color: #333;
	background: #fcb57a;
	border: 1px solid #ea7a1d;
}
input[type="submit"], input[type="image"], input[type="reset"], input[type="button"] {
	color: #333; 
	background: #83d9f2; 
	border: 1px solid #333;
}
input[type="submit"]:focus, input[type="image"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
	color: #333; 
	background: #eea860; 
	border: 1px solid #333;
}
input[type="submit"]:hover, input[type="image"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	color: #333; 
	background: #eea860; 
	border: 1px solid #333;
}
select {
	color: #333; 
	background: #e6f8fc; 
	border: 1px solid #83d9f2;
}
select:focus {
	color: #333; 
	background: #eea86e; 
	border: 1px solid #ea7a1d;
}
select:hover {
	color: #333; 
	background: #fcb57a; 
	border: 1px solid #ea7a1d;
}
textarea {
	color: #333; 
	background: #e6f8fc; 
	border: 1px solid #83d9f2;
}
textarea:focus {
	color: #333; 
	background: #eea86e; 
	border: 1px solid #ea7a1d;
}
textarea:hover {
	color: #333; 
	background: #fcb57a; 
	border: 1px solid #ea7a1d;
}
input[type="select"], input[type="file"] {
	color: #333; 
	background: #c8d7e4; 
	border: 1px solid #83d9f2;
}
input[type="select"]:hover, input[type="file"]:hover {
	color: darkred; 
	background: #fcb57a; 
	border: 1px solid #ea7a1d;
}
input[type="select"]:focus, input[type="file"]:focus {
	color: #ccc; 
	background: #eea86e; 
	border: 1px solid #ea7a1d;
}
checkbox, radio {
	background: #e6f8fc; 
	color: #ccc; 
	border-style: 1px solid #83d9f2;
}
input[type="checkbox"], input[type="radio"] { 
	background: #e6f8fc; 
	color: #ccc; 
	border-style: 1px solid #83d9f2;
}
input[type="checkbox"]:focus, input[type="radio"]:focus { 
	background: #e6f8fc; 
	color: #ccc; 
	border-style: 1px solid #83d9f2;
}
input[type="checkbox"]:hover, input[type="radio"]:hover { 
	background: #e6f8fc; 
	color: #ccc; 
	border-style: 1px solid #83d9f2;
}