table,body,html,ul,h1,h2,h3,h4,h5,p,form,input,label
{	margin:0px;
	padding:0px;
	outline:none;
	font-family: Arial,Helvetica,sans-serif;
	color:#363636;
}


.center
{	text-align:center;
}

.left
{	float:left;
	display:inline;
}

.right
{	float:right;
	display:inline;
}

.no_margin
{	margin:0px !important;
}

.blue
{	color: #171E6F !important;
}

.green
{	color: green !important;
}

.no_bottom_padding
{	padding-bottom:0px !important;
}


html
{	height:100%;
}


body
{	background-color:#a2a2a2;
	background-image:url(../img/body.gif);
	background-repeat:repeat-x;
	font-size:12px;
}

img
{	border-width:0px;
}

.clear
{	clear:both;
}

.my_clear
{	font-size:1px;
	height:1px;
	overflow:hidden;
	clear:both;
}

#background_left
{	background-image:url(../img/background_left.gif);
	background-repeat:repeat-x;
	height:252px;
	position:absolute;
	left:0px;
	top:0px;
	width:50%;
}

	

/* die positionierung und der hintergrund des layouts */
#container
{	background-image:url(../img/container.png);
	background-repeat:repeat-y;
	width:908px;
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
	position:relative;
	overflow:hidden;
}

#header
{	width:100%;
	overflow:hidden;
	height:210px;
	background-image:url(../img/header.jpg);
	background-repeat:no-repeat;
}

a#home
{	display:block;
	width:190px;
	height:64px;
	margin:115px 0px 0px 40px;
}

#navigation
{	height:42px;
	width:100%;
	overflow:hidden;
	background-image:url(../img/navigation.jpg);
	background-repeat:no-repeat;
	font-size:17px;
}

#navigation ul
{	list-style-type:none;
	list-style-position:outside;
}


#navigation ul.left
{	margin-left:37px;
}

#navigation ul.right
{	margin:13px 18px 0px 0px; 	
}


#navigation ul li
{	display:inline;
}

#navigation .left a,
#navigation .left a:link,
#navigation .left a:visited,
#navigation .left a:active
{	float:left;
	display:inline;
	height:40px;
	line-height:3000px;
	overflow:hidden;
	text-decoration:none;
	color:#ffffff;
	padding:0px 15px 0px 0px;
	background-repeat:no-repeat;
	background-position:left 15px;
}

#navigation .left a:hover
{	color:#CEC06E;
}


a#link_startseite
{	background-image:url(../img/navigation_item_startseite.gif);
	width:34px !important;
}
a#link_startseite:hover
{	background-image:url(../img/navigation_item_startseite_over.gif);
}

a#link_features
{	background-image:url(../img/navigation_item_features.gif);
	width:55px !important;
}
a#link_features:hover
{	background-image:url(../img/navigation_item_features_over.gif);
}

a#link_anmelden
{	background-image:url(../img/navigation_item_anmelden.gif);
	width:85px !important;
}
a#link_anmelden:hover
{	background-image:url(../img/navigation_item_anmelden_over.gif);
}

a#link_login
{	background-image:url(../img/navigation_item_login.gif);
	width:33px !important;
}
a#link_login:hover
{	background-image:url(../img/navigation_item_login_over.gif);
}

#main
{	margin:0px 10px 0px 10px;
	padding:15px 0px 0px 0px;
	background-image:url(../img/main.png);
	background-repeat:repeat-x;
}


#left
{	background-image:url(../img/left_sidebar.jpg);
	background-repeat:no-repeat;
	width:201px;
	min-height:698px;
}

* html #left
{	height:698px;
}


#left h3,#right h3
{	height:43px;
	line-height:500px;
	font-size:20px;
	padding:0px 0px 0px 15px;
	color:#ffffff;
	font-weight:normal;
	overflow:hidden;
}


#left h3.hauptmenu
{	background-image:url(../img/h3_hauptmenu.jpg);
}
	
#left h3.service
{	background-image:url(../img/h3_service.jpg);
}

ul.menu
{	list-style-type:none;
	list-style-position:outside;
	width:200px;
	overflow:hidden;
	padding:15px 0px;
}



ul.green li 
{	background:url("../img/menu_li_green.gif");
	background-repeat:no-repeat;
	background-position:25px 9px;
}

ul.grey li
{	background:url("../img/menu_li_grey.gif");
	background-repeat:no-repeat;
	background-position:25px 9px;
}


ul.green a, 
ul.green a:link, 
ul.green a:visited, 
ul.green a:active
{	color:#363636;
	font-size:12px;
	padding:5px 0px 5px 40px;
	text-decoration:none;
	display:block;
	width:160px;
}

ul.green a:hover
{	color:#335964;
}


ul.grey a, 
ul.grey a:link, 
ul.grey a:visited, 
ul.grey a:active
{	color:#363636;
	font-size:12px;
	padding:5px 0px 5px 40px;
	text-decoration:none;
	display:block;
	width:160px;
}

ul.grey a:hover
{	color:#767676;
}


	
#right
{	background-image:url(../img/right_sidebar.jpg);
	background-repeat:no-repeat;
	width:201px;
	min-height:698px;
}





* html #right
{	height:698px;
}

#right h3.mitgliederbereich
{	background-image:url(../img/h3_mitgliederbereich.jpg);
}

#right h3.awardgewinner
{	background-image:url(../img/h3_awardgewinner.gif);
}

#right h3.neue_mitglieder
{	background-image:url(../img/h3_neue_mitglieder.gif);
}


.mitgliederform
{	display:block;
	padding-bottom:15px;
}


.mitgliederform label
{	padding:10px 0px 0px 20px;
	display:block;
	font-size:11px;
	color:#363636;
}

.mitgliederform label.checkbox_label
{	padding-top:15px;
	color:#363636;
}

.mitgliederform input.input_text
{	width:146px;
	height:14px;
	border:1px solid #bbbbbb;
	font-size:12px;
	padding:9px 5px
}

.mitgliederform input.imput_submit
{	margin:10px auto 0px auto;
	width:156px;
	height:34px;
	display:block;
}


.mitgliederform a, 
.mitgliederform a:link, 
.mitgliederform a:visited, 
.mitgliederform a:active
{	color:#363636;
	font-size:11px;
	text-decoration:none;
	margin-left:25px;
	line-height:16px;
}

.mitgliederform a:hover
{	color:#767676;
}


li.gold 
{	background: url(../img/award_gold.gif) no-repeat 23px center !important;
}

li.silver 
{	background: url(../img/award_silver.gif) no-repeat 23px center !important;
}

li.bronze 
{	background: url(../img/award_bronze.gif) no-repeat 23px center !important;
}

li.gold a,li.bronze a,li.silver a
{	padding-left:50px !important;
}


#footer
{	background-image:url(../img/footer.gif);
	background-repeat:no-repeat;
	padding:15px 5px 10px 0px;
	text-align:right;
	background-color:#A2A2A2;
}


#footer ul
{	list-style-type:none;
	list-style-position:outside;
}

#footer li
{	display:inline;
}

#footer a
{	text-decoration:none;
	color:#363636;
	padding:0px 5px;
	float:right;
	background-image:url(../img/footer_li.png);
	background-repeat:no-repeat;
	background-position:left 3px;
}

#footer a:hover
{	text-decoration:underline;
}

.no_back_image
{	background-image:none!important;
}

.no_border
{	border-width:0px !important;
}




.content
{	width:466px;
	overflow:hidden;
	margin:0px 0px 0px 10px;
	min-height:400px;
}

/* startseite */

.start_top
{	width:100%;
	height:238px;
	overflow:hidden;
	background-image:url(../img/start_top.jpg);
	color:#ffffff;
}

.start_top p
{	padding:85px 0px 5px 25px !important;
	color:#ffffff !important;
}


.content_box
{	background-image:url(../img/content_box.png);
	background-repeat:repeat-x;
	background-color:#ffffff;
	border:1px solid #bbbbbb;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
}
	
.content_box_2
{	background-image:url(../img/content_box_2.png) !important;
}
	
.content_box h1,
.content_box h2
{	color:#446B76;
	font-size:16px;
	font-weight:bold;
	padding:11px 0px 15px 0px;
}


.content_box h3
{	padding:10px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
}

.verzeichnis h3
{	padding:10px 0px 0px 0px !important;
	font-size:13px;
	font-weight:bold;
}

.verzeichnis h4
{	padding:0px 0px 0px 10px !important;
	font-size:12px;
	font-weight:normal;
}


.content_box p
{	padding:15px 0px 15px 0px;
}


.normal_p p
{	padding:5px 0px 5px 0px !important;
}



.content_box ul
{	list-style-type:none;
	list-style-position:outside;
	overflow:hidden;
	padding:10px 0px 0px 0px;
}

.content_box ul.green li 
{	background:url("../img/menu_li_green.gif");
	background-repeat:no-repeat;
	background-position:0px 9px;
	padding:5px 0px 5px 15px;
}

.content_box ul.grey li
{	background:url("../img/menu_li_grey.gif");
	background-repeat:no-repeat;
	background-position:0px 9px;
	padding:5px 0px 5px 15px;
}

.content_box  .background
{	padding:0px 20px 10px 20px;
	background-repeat:no-repeat;
}


.content_box a, 
.content_box a:link, 
.content_box a:visited, 
.content_box a:active 
{	color:#363636;
	text-decoration:underline;
}

.content_box a:hover 
{	color:#767676;
	text-decoration:underline;
}
	
.content_box label
{	padding:5px 0px;
	display:block;
	margin-top:5px;
}

.input_background
{	background-image:url(../img/input_background.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:48px;
}

.input_background_npage
{	background-image:url(../img/input_background_npage.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:48px;
}

.input_background_npage input
{	margin-left:10px;
	width:168px;
	border-width:0px;
}


.input_background input
{	margin-left:10px;
	width:248px;
	border-width:0px;
}


.content_box label strong
{	display:block;
	padding:0px 0px 10px 0px;
}



a.button,
a.button:link,
a.button:visited,
a.button:active
{	background:url(../img/button-bg.gif);
	background-repeat: repeat-x;
	background-color: #365C67;
	border:1px solid #335964;
	color:#ffffff;
	font-size:12px;
	line-height:30px;
	padding:0px 10px 1px 10px;
	text-decoration:none;
	display:inline;
	margin-bottom:4px;
	font-weight:bold;
}

a.button:hover
{
}


.klicken
{	margin-top:9px !important;
}


input.button  
{	background:url("../img/button-bg.gif");
	background-repeat: repeat-x;
	background-color:#365C67;
	border:1px solid #335964;
	color:#FFFFFF;
	cursor:pointer;
	font-size:12px;
	height:30px;
	padding:0px 0px 1px 0px;
	display:inline;
	margin-bottom:4px;
	font-weight:bold;

}

input.demo_submit
{	width:150px;
}




input.einloggen_submit
{	width:155px;
	margin:15px 0px 4px 20px;
	display:block;
}

input.anmelden2_submit
{	width:170px;
	margin:15px 0px 4px 0px;
	display:block;
}



.background-functions
{	background-image:url(../img/background-functions.jpg);
	background-position:right 19px;
}

.background-anmelden2
{	background-image:url(../img/background-anmelden2.jpg);
	background-position:right 4px !important;
}

.background-beispiele
{	background-image:url(../img/background-beispiele.jpg);
	background-position:right 17px !important;
}

.background-passwort
{	background-image:url(../img/background-passwort.jpg);
	background-position:right 25px !important;
}

.background-login
{	background-image:url(../img/background-login.jpg);
	background-position:right 21px !important;
}


.beispielbox
{	width:125px;
	height:100px;
	padding:18px 8px 12px 7px;
	float:left;
	text-align:center;
	margin:10px 5px 0px 10px;
	background-image:url(../img/beispiel.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	display:inline;
}

.beispielbox a,
.beispielbox a:link,
.beispielbox a:visited,
.beispielbox a:active,
.beispielbox a:hover
{	display:block;
	width:100%;
	height:100px;
	overflow:hidden;
}

.beispielbox img
{	margin:auto;
}


.start_left
{ width:268px; 
	overflow:hidden;
}

.start_right
{	width:185px
}



#userstatus
{	padding:10px 0px 0px 0px;
}



#kostenlos
{height:223px;
	width:217px;
	position:absolute;
	top:100px;
	left:477px;
	height:218px;
	background-image:url(../img/kostenlos.jpg);
}

* html .background
{	margin-top:-1px;
}

#footer div a
{ float:none !important; 
	margin:0px 10px 0px 0px !important; 
	padding:0px !important;
}
#footer div.left
{	width:200px; 
	margin:0px 0px 0px 4px; 
	text-align:left;
}
