@CHARSET "UTF-8";

/**
 * @section Layout
 * CSS-Anweisungen für das Layout
 */

#site {
	width: 950px;
	margin: 0 auto;
}

#head {
	background-image: url(../bilder/kopf.jpg);
	width: 950px;
	height: 154px;
	position: relative;
	margin-bottom: 20px;
}

#logo_aok {
	left:10px;
	position:absolute;
	top:26px;
	width:185px;
	z-index:80;
}

.bg_white {
	background-color: #FFFFFF;
	color: #585858;
	margin: 10px;
	overflow: hidden;
	padding: 0;
	width: 540px;
}

#main {
	float: left;
	padding: 0;
	width: 755px;
}

#links {
	width: 195px;
	float: left;
}

#rechts {
	float: right;
	width: 175px;
}

/******************** Fußzeile ***************/

#footer {
	border-top: 1px solid #7CC119;
	clear: both;
	font-size: 9px;
	height: 20px;
	margin: 10px 0;
	padding: 5px 0 0 5px;
}

#footer #nav_footer {
	color: #404040;
	float: right;
	list-style-position: inside;
	margin: 0;
	padding: 0;
	width: 400px;
}

#footer span {
	float: left;
	padding-top: 3px;
}

#footer #nav_footer li {
	background-repeat: no-repeat;
	float: right;
	list-style: none outside none;
	margin: 0 0 0 10px;
	padding: 3px 10px 0 20px;
	background-position: left center;
	border-right: 1px solid #969696;
}

#footer #nav_footer li a {
	color: #404040;
	display: block;
	float: left;
	text-decoration: none;
}

#footer #nav_footer .icon_4 {
	background-image: url("../bilder/icon_lesezeichen.gif");
	border-right: medium none;
}

#footer #nav_footer .icon_3 {
	background-image: url("../bilder/icon_drucken.gif");
	border-right: medium none;
}

#footer #nav_footer .icon_2 {
	background-image: url("../bilder/icon_sitemap.gif");
}

#footer #nav_footer .icon_1 {
	background-image: url("../bilder/icon_empfehlen.gif");
}

#nav_main li a,
#nav_sub li a {
	color:#585858;
	text-decoration:none;
}

#nav_main,
#nav_sub {
	border-top:1px dotted #E6E6E6;
	margin:25px 0 0 10px;
	padding:0;
	width:140px;
}

#nav_main li,
#nav_sub li {
	background-image:url("../bilder/li_icon.gif");
	background-position:left center;
	background-repeat:no-repeat;
	border-bottom:1px dotted #E6E6E6;
	font-size:11px;
	line-height:12px;
	list-style:none outside none;
	padding:6px 0 6px 14px;
}

.navigation li {
	background-image:url("../bilder/li_icon.gif");
	background-position:left center;
	background-repeat:no-repeat;
	border-bottom:1px dotted #E6E6E6;
	font-size:11px;
	line-height:12px;
	list-style:none outside none;
	padding:6px 0 6px 14px;
}

.navigation li a,
.subnavigation li a {
	color:#585858;
	text-decoration:none;
}

.navigation,
.subnavigation {
	border-top:1px dotted #E6E6E6;
	margin:25px 0 0 10px;
	padding:0;
	width:140px;
}

.subnavigation li {
	background-image:url("../bilder/li_icon2.gif");
	background-position:left center;
	background-repeat:no-repeat;
	border-bottom:1px dotted #E6E6E6;
	font-size:11px;
	line-height:12px;
	list-style:none outside none;
	padding:6px 0 6px 14px;
}

/************** Rechter Inhalt **********************/

#rechts .box ul {
	margin:10px 0 0;
	padding:0;
}

#rechts .box li a {
	color:#969696;
}

#rechts .box li {
	background-image:url("../bilder/li_icon.gif");
	background-position:left 1px;
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:bold;
	line-height:12px;
	list-style:none outside none;
	padding:6px 0 6px 14px;
}

/************* Zoom-Navigation **************************/

#navi_schrift {
	background-color:#F1F2ED;
	display:inline;
	float:right;
	font-size:10px;
	height:15px;
	margin:2px 0 0;
	padding:1px 0 0 5px;
	width:170px;
}

#navi_schrift p {
	margin:0;
	padding:0;
}

/****************** Historie **********************/

#historie {
	border-bottom: 1px dotted #E3E3E3;
	float: left;
	height: 15px;
	margin: 0 0 11px;
	padding: 1px 0 0;
	width: 560px;
}

#historie p a:link, 
#historie p a:visited, 
#historie p a:active, 
#historie p a:hover, 
#historie p a:focus {
	color: #969696;
	margin: 0;
	text-decoration: none;
}

#historie p {
	color: #969696;
	font-size: 10px;
	margin: 0;
	padding: 0;
}


/**
 * @section Content-Bereich
 * CSS-Anweisungen für den Inhalt
 */

h1 {
	color: #7CC119;
	float: left;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 20px;
	margin: 0 0 9px;
	width: 560px;
}

#content {
	width: 560px;
	float: left;
	background-color: #F1F2ED;
}

#content .teaser_row {
	border-bottom: 10px solid #F1F2ED;
	overflow: hidden;
	height: 1%;
}

#content .column {
	float: left;
	width: 130px;;
	margin-top: 10px;
	margin-bottom: 10px;
}

#content li {
	font-size: 0.75em;
	margin: 0 0 5px;
	background-image: url("../bilder/li_icon.gif");
	background-position: left -2px;
	background-repeat: no-repeat;
	color: #404040;
	line-height: 14px;
	list-style: none outside none;
	padding: 2px 0 0 14px;
	position: relative;
}

#content p {
	font-size: 0.75em;
	line-height: 1.3em;
	margin: 15px;
	padding: 0;
}

#content h2 {
	color: #7CC119;
	font-size: 0.9em;
	margin: 10px;
	padding: 0;
}

#but_text a{

	font-size:85%;
	color:#515151;
	text-transform:uppercase;
	text-decoration:none;
}


.box {
	background-image:url("../bilder/bg_box.gif");
	background-position:center bottom;
	background-repeat:no-repeat;
	border-top:1px solid #E3E3E3;
	color:#585858;
	font-size:11px;
	height:1%;
	margin-bottom:20px;
	padding:10px;
}

.box_facebook {
	background-image:url("../bilder/bg_box.gif");
	background-position:center bottom;
	background-repeat:no-repeat;
	border-top:1px solid #E3E3E3;
	color:#585858;
	font-size:11px;
	height:1%;
	margin-bottom:20px;
	padding:2px;
}

/*********** Admin **************/

#content .two-columned {
	background-color: #F1F2ED;
	width: 560px;
}

#content .single-column {
	width: 540px;
	position:relative;
}

#content .single-column ul li {
	float: left;
	margin:0 5px 5px 0;
}


#content .single-column .teaser {
	background-color:#FFFFFF;
	border-top:10px solid #F1F2ED;
}

#content .two-columned .teaser{
	background-color:#FFFFFF;
	float: left;
	margin: 0 10px -100em 0;
	padding-bottom:100em;
	width: 265px;
	border-top: 10px solid #F1F2ED;
}

#box_inhalt_msg_oben_text  {
	padding: 10px 0;
}

#content .teaser p {
	margin: 0;
}

#content .teaser_inner {
	margin: 10px;
}

#content .teaser_bild {
	float: left; 
	margin-right: 10px;
}

/** Seitenweise Navigation **/

#content #such_navi {
	font-size: 0.7em;
	margin: 5px 10px;
	text-align: right;
	position: relative;
}

#content #such_navi .nav {
	color: #FF8800;
	padding: 0 5px;
}

#content #such_navi .nav  img,
#content #such_navi img {
	vertical-align: middle;
}

/**
 * @section Content-Bereich Formulare
 * CSS-Anweisungen für die Formulare
 */

div.autocomplete {
  position: absolute;
  height: 100px;
  width: 250px !important;
  background-color: white;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
  overflow: auto;
  z-index: 100;
}
div.autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
div.autocomplete ul li.selected { 
	background-color: #ffb;
}
div.autocomplete ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}



#content .form_noMP div {
	margin: 0;
	padding: 0;
}



/********** Form *********************/

#content .errors {
	margin:5px 0 5px 15px;
}

#content .errors li {
	font-size:0.75em;
	list-style-type:square;
	margin:0;
	padding:0;
	background:none;
	color:#FF0000;
}

#content .Form_top {
	padding:10px 15px 5px;
}

#content .kategorie_list label {
	width:50%;
	float:left;
}

#content .kategorie_list input {
	margin-right:5px;
}

/********** Anzeige Auswahl **********/

#kategorien_link div {
	margin: 0;
	padding: 0;
	front-size: 0.7em;
}

#box_kat {
	clear:both;
	margin:1px 0px 1px 0px;
	height: 1%;
}

#box_kat a span {
	float:right;
	font-weight:normal;
	padding-right:5px;
}

#box_kat a {
	background-color: #F1F2ED;
	border-bottom: 1px solid #BFF2ED;
	color: #484848;
	display: block;
	font-weight: bold;
	margin-bottom: 1px;
	padding: 3px 0 3px 10px;
	text-decoration: none;
	height: 1%;
	font-size: 0.75em;
}

.form_style #kategorien_link {
	padding: 0;
	margin: 10px 0 0 0;
}

.form_style .radio_list label {
	float:left;
	font-size:0.7em;
	margin:0.5em 1em 0 0;
	padding:0;
	width:auto;
}

.form_style .info_list {
	overflow:hidden;
}

.form_style .info_list label {
	float:left;
	font-size:0.7em;
	margin:0.5em 1em 0 0;
	padding:0;
	width:auto;
}

.form_style .info_list label input {
	margin:0 0.5em 0 0;
}

.form_style .radio_list .optional {
	float:left;
	font-size:0.7em;
	margin:0.5em 0 0;
	padding:0;
	width:195px;
}

#kat_user div.abstand {
	padding: 5px; 0;
}

.bewertung span {
	float:left;
}

.kat_user input {
	float:left;
}

div#kategorien_link div.anmeldung_kategorien  {
	background-color: #f7f8f3;
	color: #484848;
	padding:10px;
	font-size: 0.758em;
}

#bewertung div {
	overflow: hidden;
	padding-left: 3px;
}

#kat_user {
	clear: left;
	height: auto !important;
	height: 1%;
}

#login_box2 {
	font-size: 0.7em;	
}

#login_box1 {
	border:1px solid #E6E6E6;
	font-size:0.7em;
	width: 150px;
}

#login_box1 .inner {
	margin:0 8px;
	padding:8px;
}


#update {
	font-weight:bold;
	font-size: 0.75em;
	height: 1%;
	margin: 0 4px;
	padding: 10px;
}

/**
 * Profil
 */

span.title {
	font-size: 0.7em;
	color: #000;
	float: right;
}

.box_nav li.active {
	background-color: #f7f7f6;
}

/**
 * @section Allgemein
 */

.clearer {
	clear: both;
	/*line-height: 0;*/
	height: 0;
	margin: 0;
	padding: 0;
}

#clearer {
	clear: both;
	/*line-height: 0;*/
	height: 0;
	margin: 0;
	padding: 0;
}

div.line {
	border-bottom:1px solid #F1F2ED;
	line-height:0;
	padding:0;
}



#button {
	margin-right:6px;
	margin-bottom:20px;
	float:left;
}



#login_box {
	margin-bottom:0;
}

#box_links_inhalt {
	width: 175px;
}

#main #content ul#content_nav li {
	background-position:2px center;
	background-repeat:no-repeat;
	border-right:1px solid #F1F2ED;
	float:left;
	font-size:11px;
	line-height:12px;
	list-style:none outside none;
	margin:0;
	padding:6px 15px 6px 20px;
}


#links li {
	font-size:11px;
	line-height:12px;
	list-style:none outside none;
}


#rechts_box h2 {
	padding-left:10px;
	font-size:120%;
}

#box_inhalt {
	clear:both;
	height:1%;
	margin: 8px 0;
}

#bild {
	border:1px solid #f1f2ed;
	float:left;
	padding:5px;
	width: 80px;
}

#bild img {
	display: block;
    margin-left: auto;
    margin-right: auto
}

#box_inhalt p {
	margin:5px 0;
}

#box_inhalt_links {
	float:left;
	padding:10px;
	width:220px;
}


#box_bild img {
	border:1px solid #329965;
}

#box_inhalt span{
	font-weight:bold;
	width:90px;
	display:block;
	float:left;
}

#box_inhalt_rechts {
	border-left:1px solid #CCCCCC;
	padding:10px;
	font-size:100%;
	float:left;
	width:200px;
}

#box_inhalt_rechts div {
	clear:both;
}


#content_all {
	margin-top:20px;
}


.box h2 {
	color:#FF8800;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
}

#content .teaser_row h2 {
	margin:0;
}

#content .line_context {
	border-bottom:1px solid #F1F2ED;
}

#main #content .sub {
	background-color: #F1F2ED;
	border-bottom:1px solid #F1F2ED;
	border-top:1px solid #F1F2ED;
	clear:both;
	padding:4px 0;
}

#main #content ul#content_nav {
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	list-style:none outside none;
	margin:0;
	padding:0;
	width:540px;
}

#content ul#error li,
#content ul#datenschutz li,
#content ul#nutzungsbedingungen li {
	font-size:0.75em;
	list-style-type:square;
	margin:0 0 5px;
	padding:0;
	background: none;
}

#content ul#error,
#content ul#datenschutz,
#content ul#nutzungsbedingungen {
	margin: 15px 0 15px 30px;
}

#navi {
	font-size:80%;
	color:#99cc00;
	text-align:center;
}

.navi{
	text-decoration:none;
	color:#99cc00;
	display:inline;
}

#content #form_style  h2,
#content #form_style  p {
	margin: 10px 10px 10px 0;
}

#content .form_style .kat_user {
	clear: left;
	height: auto !important;
	height: 1%;
}

#content .form_style .kat_user label {
	font-size:1em;
	float:none;
	display:block;
	margin:0.5em 0 0;
	padding:0;
	width:100%;	
}

#content .form_style .kat_user label input {
	margin:0 0.5em 0 0;
}

#content .form_style #fieldset-kategorien_list {
	padding-top:10px;
}

em.error {
	color:#CC0000;
	margin:0;
	padding:0;
}

#content .teaser_row .teaser_p {
	margin:15px;
}

#box_inhalt_msg_input  {
	padding-top:20px;
}

#content .single-column div.teaser2  {
border-top: none;
border-bottom:10px solid #F1F2ED;
}

#content #sportpartner {
	margin: 15px;
}

/**** Talk ****/

#content_talk_bild {
	float: left;
	width: 100px;
	height: 1%;
	font-size:0.8em;
}

#content_talk_text {
	float: left;
	width: 420px;
	font-size: 0.75em;
}

#content .single-column .talk_teaser {
	padding:10px;
}

#content .single-column .talk_teaser h3 {
	margin-bottom: 10px;
}

.box_offence {
	background-color:#FFFFFF;
	border-top:10px solid #F1F2ED;
	border-bottom:10px solid #F1F2ED;
	clear: both;
}

.no_border {
	border:none;
	clear: both;
}

#content .single-column .p_teaser {
	padding:10px;
}

p {
	text-align: justify;
}

a {
	color: #008A34;
	text-decoration: none;
}

.column_picture {
	padding: 0;
}

.left_categorie {
	padding: 0 0.5em 0 0.8em;
}

.gBorderBottom {
	border-bottom:10px solid #F1F2ED;
}

.lineBox {
	border-top:10px solid #F1F2ED;
	position:relative;
}

ul#all_categories {
	margin: 0.5em 0.8em;
}

.newUser {
	margin: 0 0 0.5em 0.8em; 
}

.newUser .pic {
	border: 1px solid #F1F2Ed;
	padding: 5px;
	text-align: center;
}

.box_inhalt_msg_unten  {
	font-size:0.8em;
}	

.form_style .nachricht_checkbox {
	float:left;
}

.form_style .nachricht_checkbox label {
	width:auto;
	margin:0 0.5em 0 0;
}

.form_style #fieldset-suche div {
	margin:0;
}

.form_style #fieldset-suche label {
	width:100px;
}

.form_style #profil_bild {
	float:left;
}

.form_style #fieldset-suche .description {
	font-size:0.8em;
	overflow:hidden;
	padding:0 0 0 5px;
}

h3 {
	color:#FF8800;
	font-size:0.9em;
}

.form_style .lesebestaetigung {
	background:url("../bilder/bestaetigung.gif") no-repeat scroll 0 0 transparent;
	display:block;
	float:right;
	font-size:0.8em;
	height:25px;
	line-height:20px;
	overflow:hidden;
	padding:0 0 0 25px;
}