/* Basics */
/********************************************************/
html {
    height              : 100%;
    padding             : 0px;
    margin              : 0px;
    font-family         : Verdana, Arial, Sans-Serif, Helvetica;
    font-size           : 11px;
	background			: #CCCCCC url(../images/main_bg.png) repeat-y;
}
body {
	height				: 100%;
	padding				: 0px;
	margin				: 0px;
}
em {
    background: Orange;
}
h1, h2, h3, h4, h5, h6 {
	color				: #333333;
	margin				: 0px;
	padding				: 0px;
}
a {
	color				: #006699;
	text-decoration		: none;
}
a:hover {
	color				: #993333;
	text-decoration		: underline;
}
a img {
    border              : 0px;
}
acronym {
    color               : green;
}
a.arrow {
	background			: url(../images/arrow.gif) no-repeat center left;
	padding-left		: 13px;
    line-height         : 15px;
}
* html a.arrow {
	padding-left		: 15px;
}
a.link {
    font-family         : Arial, Helvetica, Sans-Serif, Helvetica;
    color               : black;
	border				: 1px solid #120E65;
	background			: #B1BCD0;
    font-size           : 120%;
    padding             : 1px 15px 1px 15px;
}
a.link:hover {
	text-decoration		: none;
	color				: black;
}

a.inactive {
    color               : #cccccc;
}

a.del {
    font-family         : Arial, Helvetica, Sans-Serif, Helvetica;
    color               : black;
	border				: 1px solid #120E65;
	background			: #FFC6B7;
    font-size           : 120%;
    padding             : 1px 15px 1px 15px;
}
a.del:hover {
	text-decoration		: none;
	color				: black;
}

a.back {
    font-family         : Arial, Helvetica, Sans-Serif, Helvetica;
    font-size           : 120%;
    border              : 1px solid #999999;
	background          : url(../images/submit_bg.gif);
    padding             : 1px 15px;
    color               : #006699;
}

* html a.back {
    position            : relative;
    top                 : -3px;
    padding-bottom      : 3px;
	background          : url(../images/submit_bg.gif) 0px 3px;
}

a.back:hover {
    text-decoration     : none;
    color               : #006699;
}

p {
    padding             : 0px;
    margin              : 0px;
	margin-bottom		: 10px;
}
form {
    margin              : 0;
    padding             : 0;
}
table.general {
	width				: 100%;
    border-collapse     : collapse;
    margin-bottom       : 15px;
	margin-top			: 10px;
}
table.general td {
    padding             : 3px;
    border              : 1px solid white;
}
table.general thead td {
    padding             : 3px;
    color               : white;
    background          : #120E65;
    font-weight         : bold;
}
table.general tfoot {
	display				: none;
}
fieldset {
    margin              : 0;
    padding             : 0;
    border              : 0;
}
.textfield {
	border				: 1px solid #B1BCD0;
	background			: white;
	padding-left		: 5px;
	width				: 195px;
}
.textarea {
	border				: 1px solid #B1BCD0;
	background			: white;
	padding-left		: 5px;
	width				: 350px;
    height              : 100px;
}
.submit {
    font-family         : Arial, Helvetica, Sans-Serif, Helvetica;
    font-size           : 120%;
    border              : 1px solid #999999;
	background          : url(../images/submit_bg.gif);
	width               : 100px;
    color               : #006699;
    margin-right        : 2px;
}

.radio,
.checkbox {
	vertical-align		: middle;
}
p.right {
	padding				: 3px 0px 3px 0px;
    float               : right;
}
p.left {
	padding				: 3px 0px 3px 0px;
    float               : left;
}
acronym  {
   border-bottom        : 1px dotted #900000;
   cursor               : help;
}
button {
    border              : none;
    text-align          : left;
    background          : url(../images/arrow.gif) no-repeat left center;
    font-family         : Verdana, Arial;
    color               : #006699;
    cursor              : hand;
    font-size           : 100%;
    margin              : 0px;
    padding             : 0px;
    padding-left        : 10px;
}
* html button {
    padding-left        : 15px;
}

img.help_img {
    cursor              : pointer;
    vertical-align      : middle;
}

/**************************************************************************/
/* Session Messages */

div#msgs {
    margin              : 0px 0px 0px 20px;
    padding             : 10px 0px 0px 0px;
    width               : 554px;
}
div#msgs ul.error {
    color               : black;
    margin              : 0px;
    border              : 1px solid #120E65;
    background          : #E65B3E;
    color               : black;
    padding             : 5px 5px 5px 25px;
}
div#msgs ul.success {
    color               : black;
    margin              : 0px;
    border              : 1px solid #120E65;
    background          : #6FCB5D;
    color               : black;
    padding             : 5px 5px 5px 25px;
}
div#msgs ul li {
    color: black;
}

div#left_frame div#logo {
    height              : 40px;
    background          : url(../images/logo.gif) no-repeat;
    margin-bottom       : 8px;
    margin-left         : 8px;
}

/* Left Frame */
/********************************************************/
div#left_frame {
/*    background          : #ECEFF4;*/
    background          : white;
    position            : absolute;
    top                 : 0px;
    left                : 0px;
    width               : 180px;
    height              : 100%;
    padding-top         : 5px;
}

/* Right Frame */
/********************************************************/
div#right_frame {
    background          : white;
    position            : absolute;
    top                 : 0px;
    left                : 180px;
    width               : 570px;
    height              : 100%;
}


/* Nav Box */
/********************************************************/
div#left_frame div.nav_box {
    background          : url(../images/nav_box_bg.png) repeat-y;
    width               : 178px;
    border              : 1px solid #B1BCD0;
    margin-bottom       : 15px;
}
div#left_frame div.nav_box h2 {
    color               : #120E65;
    font-size           : 12px;
    font-weight         : bold;
    background          : #B1BCD0;
    padding             : 3px 5px 3px 10px;
}
div#left_frame div.admin {
    margin-bottom       : 0px;
    border-bottom       : 1px solid #D8DEE8;
}

div#left_frame div.admin h2 a {
    color               : #120E65;
    font-size           : 11px;
    padding-left        : 3px;
}

div#left_frame div.options {
    margin-top          : 15px;
}

/* Info Box */
/********************************************************/
div#left_frame div.info_box {
    background          : url(../images/nav_box_bg.png) repeat-y;
    width               : 178px;
    border              : 1px solid #B1BCD0;
    margin-bottom       : 15px;
}
div#left_frame div.info_box h2 {
    color               : black;
    font-size           : 12px;
    font-weight         : bold;
    background          : #E65B3E;
    padding             : 3px 5px 3px 10px;
}
div#left_frame div.info_box h2 img {
    vertical-align      : bottom;
}

div#left_frame div.info_box p.powered_by {
    padding-left        : 10px;
}
div#left_frame div.info_box p.powered_by.first {
    padding-top         : 10px;
}


/* Navigation */
/********************************************************/
div.nav_box ul.nav {
    list-style-image    : url(../images/arrow.gif);
    padding             : 10px 0px 10px 0px;
    margin              : 0px;
}

div.nav_box ul.nav li {
    margin-left         : 25px;
    margin-bottom       : 5px;
}

div.nav_box ul.nav li a.active {
    color: #000000;
}

/* Header Box */
/********************************************************/
div#right_frame div#header_box {
    margin              : 0px;
    padding             : 0px
    width               : 653px;
    height              : 48px;
    background          : #C7CADC;
}
div#right_frame div#header_box p {
    margin-top          : 18px;
    font-size           : 90%;
}
div#right_frame div#header_box p.left {
    float               : left;
    padding-left        : 10px;
}
div#right_frame div#header_box p.right {
    float               : right;
    padding-right       : 10px;
}
div#right_frame div#header_box p span {
    color               : #666666;
}
div#right_frame div#header_box p.right a.print {
	background			: url(../images/print.gif) no-repeat;
	padding-left		: 18px;
	margin-left			: 15px;
}

/* Content */
/********************************************************/
div#right_frame div#content {
    width				: 555px;
	padding				: 0px 10px 20px 20px;
}
div#right_frame div#content h2 {
	font-size			: 130%;
	margin-bottom		: 12px;
	margin-top		    : 21px;
    padding-bottom      : 2px;
    border-bottom       : 1px dashed #B1BCD0;
}
div#right_frame div#content h3 {
	font-size			: 100%;
    margin-bottom       : 5px;
}
div#right_frame div#content p {
	line-height			: 14px;
}
div#content span.bold {
    font-weight         : bold;
}
div#content div.clear {
	clear				: both;
	padding-bottom		: 15px;
}

/* Auswahl Radfahrergruppe Index-Seite */
/********************************************************/
div#content div.select_biker_group {
	margin				: 0px;
	padding				: 0px;
}
div#content div.select_biker_group div.left {
	width				: 226px;
	float				: left;
}
div#content div.select_biker_group div.right {
	float				: right;
	width				: 310px;
}
div#content div.select_biker_group div.right h3 {
	background			: #120E65;
	color				: white;
	padding				: 3px;
	margin-bottom		: 5px;
}
/* Register */
/********************************************************/
div#content table.register tbody td.first {
	width				: 180px;
	background			: #B1BCD0;
}
div#content table.register tbody td.last {
	background			: #F3F3F3;
}
div#content table.register tbody select {
	width				: 204px;
}
div#content table.register tbody input.zip {
	width				: 49px;
	margin-right		: 3px;
}
div#content table.register tbody input.city {
	width				: 132px;
}

/* Import Help */
/********************************************************/
div#content table.import_help tbody td.first {
	background			: #F3F3F3;
    width               : 220px;
}

div#content table.import_help tbody td.last {
	background			: #F3F3F3;
}

/* Guestbook */
/********************************************************/
div#content table.guestbook tbody textarea {
    width               : 470px;
}

div#content table.guestbook tbody td.third,
div#content table.guestbook tbody td.first {
	width				: 180px;
	background			: #B1BCD0;
}
div#content table.guestbook tbody td.second,
div#content table.guestbook tbody td.last {
	background			: #F3F3F3;
}

div#content table.guestbook_msg tbody td.first,
div#content table.guestbook_msg tbody td.third {
	background			: #B1BCD0;
    width               : 120px;
}

div#content table.guestbook_msg tbody td.second,
div#content table.guestbook_msg tbody td.last {
	background			: #F3F3F3;
    width               : 155px;
}

div#content table.guestbook_msg tbody td.msg {
    padding             : 5px;
    width               : 470px;
}

/* Login */
/********************************************************/
div#content table.login tbody td.first {
	width				: 180px;
	background			: #B1BCD0;
}
div#content table.login tbody td.last {
	background			: #F3F3F3;
}

/* Login */
/********************************************************/
div#content table.group_overview tbody td {
	background			: #F3F3F3;
}
div#content table.group_overview td.last {
	width				: 100px;
	text-align			: center;
}

/* Group Create */
/********************************************************/
div#content table.group_create tbody td.first {
	width				: 180px;
	background			: #B1BCD0;
}
div#content table.group_create tbody td.last {
	background			: #F3F3F3;
}

/* Group Data */
/********************************************************/
div#content table.group_data tbody td.first {
	width				: 180px;
	background			: #B1BCD0;
}
div#content table.group_data tbody td.last {
	background			: #F3F3F3;
}

/* Group Details Bikers */
/********************************************************/
div#content table.group_details_bikers tbody td {
	background			: #F3F3F3;
}

div#content table.group_details_bikers tbody td.first {
    text-align          : right;
    padding             : 3px 10px 3px 0px;
}

div#content table.group_details_bikers tbody td.fourth,
div#content table.group_details_bikers tbody td.fifth,
div#content table.group_details_bikers tbody td.last {
    text-align          : center;
}

div#content table.group_details_bikers tbody tr.drives td {
    background-color    : #75CF74;
}

/* Group Details Appliers */
/********************************************************/
div#content table.group_details_appliers tbody td {
	background			: #F3F3F3;
}

div#content table.group_details_appliers tbody td.first {
    text-align          : right;
    padding             : 3px 10px 3px 0px;
}

div#content table.group_details_appliers tbody td.second a {
    color               : #E65B3E;
}

div#content table.group_details_appliers tbody td.fourth,
div#content table.group_details_appliers tbody td.fifth,
div#content table.group_details_appliers tbody td.last {
    text-align          : center;
}

/* Linklisten und Infolisten */
/********************************************************/
div#content ul.linklist {
    padding             : 0px;
    margin              : 0px;
    margin-bottom       : 15px;
    padding-left        : 10px;
    list-style-image    : url(../images/arrow.gif);
}
div#content ul.infolist {
    padding             : 0px;
    margin              : 0px;
    margin-bottom       : 15px;
    padding-left        : 10px;
    list-style-image    : url(../images/hyphen.gif);
}
* html div#content ul.infolist,
* html div#content ul.linklist {
    padding-left        : 16px;
}

div#content ul.linklist li {
    padding-left        : 3px;
}
* html div#content ul.linklist li {
    padding-left        : 0px;
}

/**************************************************************************/
/* Validierungserror */
span.validerror {
    color               : red;
    font-weight         : bold;
}
input.validerror,
textarea.validerror,
select.validerror {
    background          : #E65B3E !important;
}

/* Team */
/********************************************************/
div#content table.team {
    margin              : 0px;
    padding             : 0px;
    width               : 100%;
}
div#content table.team td {
    padding             : 5px;
}
div#content table.team thead td {
    font-weight         : bold;
    background          : #120E65;
    color               : white;
}
div#content table.team tbody td.first {

}
div#content table.team tbody td.row1 {
    background          : #F3F3F3;
}
div#content table.team tbody td.row2 {
    background          : #F9F9F9;
}


/* Drawing Info */
/********************************************************/
div#content img.drawing_info {
    float               : right;
    margin-left         : 10px;
}

textarea.disabled,
textarea#participant_descr[disabled="disabled"] {
  background-color      : #F3F3F3;
}



table#agb {
    border-collapse     : collapse;
    width               : 100%;
}
table#agb tr td {
    padding-bottom      : 15px;
}

table.service {
    width               : 100%;
    border-collapse     : collapse;
}
table.service tr td {
    padding-bottom      : 15px;
    border              : 1px solid #ccc;
    padding             : 5px;
}