/**************************************************/
/**						      				     **/
/**	   		   BASIC LAYOUT  CSS-FILE   		 **/
/**			     SGAS | SSST | SSSL			     **/
/**		       Copyright © 18-01-2008			 **/
/**										         **/
/**			   Editor:  Dominic Staub		     **/
/**										         **/
/**************************************************/

/*Links Standard*/
a:link {
	text-decoration: none;
	color: #2B77BA;
}
a:visited {
	text-decoration: none;
	color: #2B77BA;
}
a:hover {
	text-decoration: none;
	color: #FFCD00;
}
a:active {
	text-decoration: none;
	color: #2B77BA;
}

/* Basic Structures: (ROWS) */
#header {
	background-color: #CFDBE3;
	background-image: url(../_layout/_slices/sgas_layout_element_02.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 107px;
	width: 1000px;
}
#colorspace_top {
	background-color: #CFDBE3;
	background-position: left top;
	width: 1000px;
}
#mainframe {
	background-color: #CFDBE3;
	background-position: left top;
	height: 450px;
	width: 1000px;
}
#colorspace_bottom {
	background-color: #CFDBE3;
	background-position: left top;
	width: 1000px;
	height:15px;
}
#footer {
	background-color: #CFDBE3;
	background-image: url(../_layout/_slices/sgas_layout_element_26.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 95px;
	width: 1000px;
}

/* Header: */
#logo {
	background-image: url(../_layout/_slices/sgas_layout_element_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:396px;
	height:107px;
}
#address {
	position:absolute;
	top:90px;
	left:25px;
	width:400px;
	height:14px;
	z-index:2;
}

#header_center {
	background-image: url(../_layout/_slices/sgas_layout_element_02.jpg);
	width:394px;
	height:107px;
}

#options {
	background-image: url(../_layout/_slices/sgas_layout_element_04small.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width:210px;
	height:107px;
}

/* Colorspace Top: */
#colorspace_top_left {
	background-color: #4F789A;
	background-image: url(../_layout/_slices/sgas_layout_element_07.jpg);
	background-repeat:repeat-y;
	background-position: left top;
	height: 23px;
	width: 180px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#colorspace_top_center {
	background-color: #5A8DB6;
	height: 23px;
	width: 609px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
#colorspace_top_right {
	background-color: #94BBDB;
	height: 23px;
	width: 208px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/*Mainframe-Elements/Box-Elements: */
.contentBox{
	padding-top:20px;
	padding-left:24px;
	padding-right:25px;
	padding-bottom:20px;
}

#modules {
	width: 208px;
	height:450px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-bottom:10px;
}
#navigation {
	width: 180px;
	height:450px;
}
#content {
	width: 609px;
	height:450px;
	background-color: #E9F0F6;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.banner_mainpage {
	border:1px solid #FFF;
	margin-top:12px;
	margin-bottom:12px;
}

/*ASALogin*/
#ASALogin {
	background-repeat: no-repeat;
	background-color: #DEE7EC;
	background-image: url(../_layout/_slices/sgas_layout_element_16.jpg);
	background-position: left top;
	height: 100px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	position: relative;
	top: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

/*WhiteBox-Element -> Box mit gepunktetem, breitem Rand (oben und unten) */
#whiteBox {
	background:#FFFFFF;
}
#boxTop {
	background-image: url(../_layout/_slices/sgas_layout_element_13.jpg);
	background-position: left top;
	height:9px;
	font-size: 1px;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}
#boxBottom {
	background-image: url(../_layout/_slices/sgas_layout_element_13.jpg);
	background-position: left top;
	height:9px;
	font-size: 1px;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	
}
#boxCenter {
	background-color: #FFFFFF;
	background-position: left top;
	text-align: left;
	vertical-align: top;
	padding: 15px;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;	
}

/*Listenelemente*/
#listBox {
	background-color: #FFFFFF;
	background-position: left top;
	text-align: left;
	vertical-align: top;
	padding-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 15px;	
}
.listElement {
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	cursor:pointer;
}
.listElementSelected {
	background-color: #E6EEF4;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	cursor:pointer;
}

.listElementHover {
	background-color: #EFEFEF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	cursor:pointer;
}

/*Details zu den eingetragenen Personen*/
.listElementDetail {
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #CCCCCC;
	padding-top: 8px;
	cursor:pointer;
}

#formButton {
	background-color: #E6EEF4;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #222222;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 15px;
	border: 1px solid #999999;
	cursor:pointer;
}
#formButton:hover {
	background-color: #FFCD00;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 15px;
	border: 1px solid #999999;
	cursor:pointer;
}
#spacerV1 {
	height: 1px;
	width: 1px;
}

#horizontalLine {
	height: 1px;
	background:#999999;
}


/* Colorspace Bottom */
#colorspace_bottom_center {
	height: 15px;
	width: 609px;
	background-color: #E6EEF4;
	background-position: left bottom;
	background-image: url(../_layout/_slices/sgas_layout_element_19.jpg);
	background-repeat: repeat-x;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-width: 0px;
	border-left-width: 1px;
	border-right-style: none;
	border-right-color: #FFFFFF;
}
#colorspace_bottom_left {
	height: 15px;
	width: 180px;
	background-color: #CFDBE3;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#colorspace_bottom_right {
	height: 15px;
	width: 208px;
	background-color: #FFFFFF;
	background-position: left bottom;
	background-image: url(../_layout/_slices/sgas_layout_element_21.jpg);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

/*Footer Elements: */
#copyright {
	position:relative;
	top:32px;
	left:415px;
	width:400px;
	height:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #5A8DB6;
	text-align: right;
	vertical-align: middle;
}

#footer_right {
	height: 95px;
	width: 210px;
	background-color: #CFDBE3;
	background-position: right top;
	background-image: url(../_layout/_slices/sgas_layout_element_27.jpg);
	background-repeat: no-repeat;
}
#footer_left {
	height: 95px;
	width: 180px;
}
#footer_center {
	height: 95px;
	width: 610px;
	background-color: #CFDBE3;
	background-position: left top;
	background-image: url(../_layout/_slices/sgas_layout_element_27.jpg);
	background-repeat: no-repeat;
}

/* Mitgliederbereich */
.whiteBoxMemberarea {
	background:#FFFFFF;
	border: 1px solid #CCCCCC;
}
.whiteBoxMemberareaMenu {
	background:#CFDBE3;
	border: 1px solid #CCCCCC;
}
.bildumrahmung {
	border: 1px solid #999999;
	padding: 4px;
}
.prozessschrittOnlineanmeldung {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #2B77BA;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-image: url(../_symbols/prozessschritt.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height:18px;
	text-indent: 25px;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	cursor:pointer;
}
.prozessschrittOnlineanmeldungHover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #2B77BA;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-image: url(../_symbols/prozessschrittHover.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height:18px;
	text-indent: 25px;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	cursor:pointer;
}
#error_container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC3300;
	text-indent: 40px;
	background-image: url(../_symbols/error_onlineanmeldung.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	text-align: left;
	vertical-align: top;
	padding-top: 14px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom:15px;
}

#onlineanmeldung_button {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	background-color: #FFF;
	padding-top: 6px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	border: 1px solid #999;
	height: 20px;
	width: 70px;
	text-align: center;
	vertical-align: middle;
	cursor:pointer;
}

#onlineanmeldung_button:hover {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	background-color:#FC0;
	cursor:pointer;
}