html {
	height: 100.05%;
	margin:0 0 1px 0;
	padding: 0;
	overflow-y:scroll;
	overflow:-moz-scrollbars-vertical;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	color: #666;
	background-color:#fff;
	margin:0;
	padding:0;
}

h1 {
	font-weight: normal; 
	font-size: 16px; 
	line-height: 23px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

h2 {
	font-weight: bold; 
	font-size: 11px; 
	line-height: 14px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

a {
	text-decoration: none;
	color: #000000;
	font-weight: normal;
	padding-right: 12px; 
	background: url(../images/link_pfeil.gif) no-repeat right center;
	
}

a:hover {
	color: #FF1C22;
}

.nolinkarrow {
	padding-right:0; 
	background-image:none;
}
.linkarrow {
	text-decoration: none;
	cursor:pointer;
	color: #000000;
	font-weight: normal;
	padding-right: 12px; 
	background: url(../images/link_pfeil.gif) no-repeat right center;	
}


.error {
	color: #FF1C22;
	border:1px solid #FF1C22;
	padding:3px 3px 3px 3px;
	margin:0 0 7px 0;
}
.success {
	color:#060;
	border:1px solid #060;
	padding:3px 3px 3px 3px;
	margin:0 0 7px 0;
}

.form_message {
	color:#060;
	/*border:1px solid #060;*/
	padding:3px 3px 3px 3px;
	margin:0 0 7px 0;
	height:14px;
	filter:alpha(opacity=0);-moz-opacity:0;opacity:0;
	padding-left: 25px; 
	background: url(../images/notok.png) no-repeat left center;
}

.error_div {
	color: #FF1C22;
	padding:0;
	margin:2px 0 0 0;
	display:none;
}

input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
	color: #666666;
	border:1px solid #ccc;
}

.button {
	background-color:#FF1C22;
	color:#fff;
	border:none;
	padding:3px;
	cursor:pointer;
}

/*specific divs */
#container {
	width:1000px;
	margin:0 auto 0 auto;
	padding: 0;
}
#left {
	width:745px;
	margin:0;
	padding:0;
	float:left;
}
#right {
	width:251px;
	margin:0;
	padding:0;
	float:left;
	vertical-align:top;
}
#header {
	width:745px;
	margin:0;
	padding:0;
}
#website_logo {
	float:left;
	width:135px;
	height:140px;
	margin:0;
	padding:0;
}
#website_logo img {
	margin:0;
	padding:0;
}
#top {
	float:left;
	width:610px;
	height:80px;
	margin:0;
	padding:0;
	position:relative;
}
#trainingshelden_schriftzug {
	clear:both;
	margin:55px 0 0 0;
}

#main {
	/*width:570px;*/
	float:left;
	width:745px;
	margin:36px 0 0 0;
	padding:0;

	vertical-align:top;
}


#spind_closed {
	width:231px;
	height:600px;
	margin:0 4px 0 20px;
	padding:0;
	background-image:url(../images/spind_geschlossen.jpg);
	position:relative;
}
#login_area {
	position:absolute;
	width:80px;
	height:60px;
	padding:0;
	top:250px;
	left:10px;
	cursor:pointer;
}
#spind_open {
	width:231px;
	height:600px;
	margin:0 4px 0 20px;
	padding:0;
	background-image:url(../images/spind_offen.jpg);
	position:relative;
}
#spind_meinnickname {
	width:100px;
	height:55px;
	padding:0;
	position:absolute;
	top:210px;
	left:9px;
	cursor:pointer;
	color:#fff;
	/*border:1px solid white;*/
}
#spind_meinfoto {
	width:53px;
	height:72px;
	padding:0;
	position:absolute;
	top:69px;
	left:152px;
	cursor:pointer;
	color:#fff;
	/*border:1px solid black;*/
}
#spind_meinrang {
	width:100px;
	height:55px;
	padding:0;
	position:absolute;
	top:283px;
	left:9px;
	cursor:pointer;
	color:#fff;
	/*border:1px solid white;*/
}
#spind_meinepunkte {
	width:100px;
	height:100px;
	padding:0;
	position:absolute;
	top:413px;
	left:9px;
	cursor:pointer;
	color:#fff;
	/*border:1px solid white;*/
}
#logout_area {
	position:absolute;
	width:80px;
	height:60px;
	padding:0;
	top:250px;
	left:140px;
	cursor:pointer;
	/*border:1px solid white;*/
}


/*Menue Level 1 */
#menul1 {
	clear:both;
	width:610px;
	height:20px;
	padding:30px 0 0 0;
	margin:0;
	border-bottom:1px solid #ccc;
}
a.nav {
	font-size: 13px;
	line-height: 15px;
	padding-right: 12px;
	color: #666666;
	text-decoration: none;
	background-image:none;
}
a.nav:hover {
	color: #FF1C22;
	
}
a.navactive {
	font-size: 13px;
	color: #FF1C22;
	padding-right: 12px;
	text-decoration: none;
	background-image:none;
}
/*Menue Level 2 */
#menul2 {
	clear:both;
	width:610px;
	height:15px;
	margin:0;
	padding:0;
}
a.subnav {
	padding-right: 12px;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	line-height: 18px;
	background-image:none;
}
a.subnav:hover {
	color: #FF1C22;
}
a.subnavactive {
	padding-right: 12px;
	color: #FF1C22;
	font-size: 11px;
	text-decoration: none;
	line-height: 18px;
	background-image:none;
}

#menul3 {
	clear:both;
	width:610px;
	height:15px;
	margin:3px 0 0 0;
	padding:0;
}
#menul3 a {
	font-size:10px;	
}



.social_bookmarks {
	padding:0 0 10px 0;	
}
.social_bookmarks a {
	background-image:none;
}
.social_bookmarks img {
	border:none;
}


#GB_window {
	/*border:3px solid #FF1C22;*/
	margin:10px 0 0 0;
	border:none;
}
.GB_Window .header {
    /*display:none;*/
	background-color:#FF1C22;
	border: 1px solid #FF1C22;
}
#GB_window .GB_Window .header {
    /*display:none;*/

}
.GB_Window .caption {
	color: #fff;
	font-size: 11px;
}
#GB_window .content {
	border: 1px solid #FF1C22;
}
.GB_Window .close span { 
    font-size: 11px;
	color:#fff;
    cursor: pointer; 
}
.GB_Window .on { border-bottom: none; }
.GB_Window .close img {
    display:none;
}


.yui-crop .yui-crop-mask {
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity=50);
}
.yui-crop .yui-resize {
	border: 1px dashed #fff;   
}

.interactive {
	padding: 0px 0 0 0;	
	margin:0;
}

.cueball {
	float:right; 
	width:14px; 	/*19-5*/
	height:20px; 
	font-size:10px; 
	font-weight:bold; 
	margin:0; 
	padding:0 0 0 5px; 
	background-image:url(../images/cueball.gif);	
}
.cueball_rot {
	float:right; 
	width:14px; 	/*19-5*/
	height:20px; 
	font-size:10px; 
	font-weight:bold; 
	margin:0; 
	padding:0 0 0 5px; 
	background-image:url(../images/cueball_rot.gif);	
}


#footer {
	width:610px;
	clear:both;
	margin:0 0 0 135px;
	font-size: 9px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	bottom:10px;
	left:0px;
	
	
	white-space:nowrap;
	border-top:1px solid #ccc;
	
	vertical-align:bottom;
}
#footer a {
	background-image:none;
	padding-right:0;
}



.navbar {
	padding:10px 0 20px 0;
}
a.pagenavlink, a.pagenavlink:hover, span.pagenavlink_active {
	display:block; 
	float:left; 
	margin:0 3px 0 0; 
	width:20px; 
	height:20px; 
	background-color:#ff1c22; 
	color:#fff; 
	text-align:center;
	padding-right:0; 
	background-image:none;
}
span.pagenavlink_active {
	background-color:#ccc; 
	color:#000; 
}


/*
#bottom {
	clear:both;
	padding: 30px 0px 20px 0px;	
}





.navbar {
	text-align:center;
	padding:10px 0 0 0;
}
.navbar a {
	background-image:none;
}
*/







/*Footer Links */
/*
a.footer:hover {
	color: #FF1C22;
}

a.footeractive {
	color: #FF1C22;
	font-size: 9px;
	text-decoration: none;
}
*/

/*Image Gallery */
.gallery {
	margin:15px 0 0 0;
	clear:both;
	padding:0;
}
.gallery ul {
	margin:0;
	list-style-type:none;
	padding:0;
	clear:both;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}
.gallery li {
	float:left;
	margin:0 0 0 0;
	padding:0 0 10px 0;
	width:130px;
	font-size:11px;
	overflow:hidden;
}

/*Documents*/
.document_hdl {
	font-weight:bold; 
	margin:20px 0 5px 0;
	border-bottom:1px dotted #666666;
}
.document {
	padding:0 0 5px 0;
}


/*More*/
.content_articles {
	width:190px;
	list-style-type:none;
	font-size:11px;
	color: #666;
	line-height:17px;
	font-weight:normal;
	padding:0 10px 0 0;
	margin:0;
}
.content_articles li {
	border-top:1px solid #d7d7d7;
	padding:2px 0 2px 0;
}
.content_media {
	margin:0 0 20px 0;
	padding:0;
}



.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	width: 210px;	/*226-8-8*/
	color: #9FD4FF;
	padding: 4px 8px 4px 8px;
	background: url(../specials/trainingshelden/images/bubble.png) bottom right;
}
.tool-text {
	color: #fff;
	width: 210px;	/*226-8-8*/
	font-size: 11px;
	padding: 4px 8px 4px 8px;
	background: url(../specials/trainingshelden/images/bubble.png) bottom right;
}



/*Boxen*/
.boxes {
	width:190px;	
	float:left;
	margin:0;
	padding:0;
}
.box, .box_last {
	border-top:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	padding:0;
	margin:0 0 15px 0;
	float:left;
}
.box .header, .box_last .header {
	width:190px;	
	min-height: 21px;
	height: auto !important;
	height: 21px;
	/*color:#FF1C22;*/
	color: #666;
	font-weight:normal;
	padding:0;
	font-size: 16px; 
	line-height: 23px;
	overflow:hidden;
	margin:10px 0 6px 0;
}
.box .content, .box_last .content {
	width:190px;	
	color: #666;
	font-size:11px;
	line-height:17px;
	font-weight:normal;
	padding:0;
	margin:0 0 0 0;
}
.box .content a, .box_last .content a {
	width:190px;	
}




.profile_form input, .profile_form select {
	height:20px;
	padding:0 2px 0 2px;
}
.yui-skin-sam .yui-calendar td.calcell a {
	padding-right:0; 
	background-image:none;
}
.profil_privacy_button {
	vertical-align:middle; 
	cursor:pointer; 
	width:16px; 
	height:16px; 
	background-image:url(images/privacy_status_none.png);	
	background-repeat:no-repeat;
	float:left;
	margin:0 0 0 1px;
}



/*Templates*/
.template1 {
	width:610px;
	float:left;
	padding:0 0 0 135px;
	margin:0;
}
.template1 .left {
	width:400px;
	float:left;
	margin:0 20px 0 0;
	padding:0;
}
.template1 .right {
	float:left;
	width:190px;
	margin:0;
	padding:0;
}
.template1 .content_articles {
	padding-right:0;	
}



.template2, .template3, .template3a {
	float:left;
	width:610px;
	padding:0 0 0 135px;
	margin:0;
}
.template2 .left, .template3 .left, .template3a .left {
	width:400px;
	float:left;
	margin:0 20px 0 0;
	padding:0;
}
.template2 .left .media, .template3 .left .media, .template3a .left .media {
	margin:0 0 20px 0;
	padding:0;
}
.template2 .right, .template3 .right, .template3a .right {
	float:left;
	width:190px;
	margin:0;
	padding:0;
}
.template3 .content_articles {
	padding-right:0;	
}



.template4 {
	width:610px;
	padding:0 0 0 135px;
	margin:0;
}
.template4 .left {
	width:400px;
	float:left;
	margin:0 20px 0 0;
	padding:0;
}
.template4 .right {
	float:left;
	width:190px;
	margin:0;
	padding:0;
}
.template4 .social_bookmarks {
	padding-bottom:0;	
}


.template5 {
	width:610px;
	padding:0 0 0 135px;
	margin:0;
}
.template5 .boxes {
	width:610px;	
	float:left;
}
.template5 .box {
	margin-right:20px;	
}
.template5 .box_last {
	margin-right:0;	
}
.template5 .box_last {
	/*min-height: 105px; 
	height: auto !important; 
	height: 105px;*/
}
.template5 .social_bookmarks {
	padding-bottom:0;	
}


.template6, .template6a {
	width:610px;
	padding:0 0 0 135px;
	margin:0;
}
.template6 .left, .template6a .left {
	width:400px;
	float:left;
	margin:0 20px 0 0;
	padding:0;
}
.template6 .right, .template6a .right {
	float:left;
	width:190px;
	margin:0;
	padding:0;
}
.template6 .spboxes, .template6a .spboxes {
	margin:0;
	width:190px;	
	float:left;
}
.template6 .spbox, .template6a .spbox {
	margin-right:0px;	
}
.template6 .spbox_last, .template6a .spbox_last {
	margin-right:0;	
}
.template6 .spbox_last, .template6a .spbox_last {
	/*min-height: 105px; 
	height: auto !important; 
	height: 105px;*/
}
.template6 .content_articles, .template6a .content_articles {
	padding-right:0;
}

.template6 .boxes, .template6a .boxes {
	margin:25px 0 0 0;
	width:610px;	
	float:left;
}
.template6 .box, .template6a .box {
	margin-right:20px;	
	min-height: 105px; 
	height: auto !important; 
	height: 105px;
}
.template6 .box_last, .template6a .box_last {
	margin-right:0;	
	min-height: 105px; 
	height: auto !important; 
	height: 105px;
}

.template6 .social_bookmarks, .template6a .social_bookmarks {
	padding-bottom:0;	
}


.template7 {
	width:667px;
	padding:0 0 0 78px;
	margin:0;
}
.template7 .boxes {
	width:667px;	
	float:left;
}
.template7 .box {
	margin-right:20px;	
}
.template7 .box_last {
	margin-right:0;	
}
.template7 .box_last {
	/*min-height: 105px; 
	height: auto !important; 
	height: 105px;*/
}
.template7 .social_bookmarks {
	padding-bottom:0;	
}
.template7 h1 {
	padding-left:60px;	
}



.template7a {
	width:610px;
	padding:0 0 0 135px;
	margin:0;
}
.template7a .left {
	width:400px;
	float:left;
	margin:0 20px 0 0;
	padding:0;
}
.template7a .right {
	float:left;
	width:190px;
	margin:0;
	padding:0;
}
.template7a .spboxes {
	margin:0;
	width:190px;	
	float:left;
}
.template7a .spbox {
	margin-right:0px;	
}
.template7a .spbox_last {
	margin-right:0;	
}
.template7a .spbox_last {
	/*min-height: 105px; 
	height: auto !important; 
	height: 105px;*/
}
.template7a .content_articles {
	padding-right:0;
}

.template7a .boxes {
	margin:25px 0 0 0;
	width:610px;	
	float:left;
}
.template7a .box {
	margin-right:20px;	
	min-height: 105px; 
	height: auto !important; 
	height: 105px;
}
.template7a .box_last {
	margin-right:0;	
	min-height: 105px; 
	height: auto !important; 
	height: 105px;
}
.template7a .social_bookmarks {
	padding-bottom:0;	
}


.tabview3er {
	width:667px;
	min-height: 246px;
	height: auto !important;
	height: 246px;
	background-image:url(../images/tabview3er_bg.jpg);
	background-repeat:repeat-y;
}
.tabview3er_top {
	width:667px;
	height: 26px;
	background-image:url(../images/tabview3er_top.jpg);
	background-repeat:no-repeat;
}
.tabview3er_top ul {
	width:605px;
	height: 23px;
	list-style-type:none;
	padding:0;
	margin:3px 0 0 60px;
}
.tabview3er_top ul li {
	height: 23px;
	float:left;
	padding:0 8px 0 8px;
	margin:0 2px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 23px;
	font-weight: normal;
	color: #fff;
	background-image:url(../images/tabview3er_reiter_bg_inactive.jpg);
	cursor:pointer;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #c1c1c1;
}
.tabview3er_top ul li a {
	text-decoration:none;
	color: #fff;
	background-image:none;
	padding-right:0; 
}
.tabview3er_top ul li a:hover {
	text-decoration:none;
	color: #666;
	background-image:none;
	padding-right:0; 
}
.tabview3er_top ul li.active a, .tabview3er_top ul li.active a:hover {
	color: #666;
	cursor:default;
}
.tabview3er_top ul li.active {
	background-image:none;
	cursor:default;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.tabview3er_top ul li:hover {
	background-image:url(../images/tabview3er_reiter_bg_mouseover.jpg);
	border:none;
	color: #666;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.tabview3er_top ul li.active:hover {
	background-image:none;
	cursor:default;
}

.tabview3er_label {
	width:60px;
	height: 210px;
	background-repeat:no-repeat;
	vertical-align:top;
}
.tabview3er_label_text {
	width:18px;
	height:150px;
	background-repeat:no-repeat;
	margin:20px 0 0 25px;
}
.tabview3er_label_rechts {
	width:2px;
	height: 210px;
}
.tabview3er_main_links {
	width:60px;
}
.tabview3er_main {
	width:565px;	/*605-20-20*/
	min-height: 1px;
	height: auto !important;
	height: 1px;
	padding:40px 20px 20px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	color: #666;
	vertical-align:top;
}
.tabview3er_main_rechts {
	width:2px;
}
.tabview3er_bottom {
	width:667px;
	height: 9px;
	background-image:url(../images/tabview3er_bottom.jpg);
	background-repeat:no-repeat;
}
