@charset "utf-8";

.buttons {padding:10px; background:#1C60A1; min-width:50px; color:white; margin-right:5px;}
.buttons a {color:white;}

.buttons_small {padding:5px; background:#1C60A1; min-width:35px; color:white; margin-right:5px;}
.buttons_small a {color:white;}

.logo
{
	margin-bottom: 10px;
        margin-right:35px;
        display:block;
}

#shoutbox_content
{
	height: 140px;
	overflow: auto;
}



.usermail {
	overflow:hidden;
	width:600px;
	margin:1em 0;
}

.usermail .profile {
	width:83px;
	float:left;
	padding:0 10px;
}

.usermail.opposite .box_communication {
	margin-left:110px;
}

.box_communication {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	width:355px;
	float:left;
	padding: 10px;
	background: #E1F0FE;
    border:1px solid #ccd8e4;
	margin-left:7px;
}

.opposite .box_communication {
	background: #f3f8fd;
    border:1px solid #ccd8e4;
	margin-right:7px;
}



#onbox
{

	width: 215px;
	height: auto;
	margin-top: 18px;
	margin-bottom: 10px;

}





#on_box h2 {margin-bottom:5px!important;margin-top:10px!important;}

.boxes_styling {
    background: #f3f8fd;
	padding: 10px;
    border:1px solid #ccd8e4;
	border-radius-topright: 6px;
	border-radius-topleft: 6px;
	-webkit-border-radius-topright: 6px;
	-webkit-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-khtml-border-radius-topright: 6px;
	-khtml-border-radius-topleft: 6px;
    -webkit-border-radius-bottomright: 6px;
	-webkit-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-khtml-border-radius-bottomright: 6px;
	-khtml-border-radius-bottomleft: 6px;
}






#neue_user h2 { margin:0; padding:0;     }
#neue_user img {
    background: #f3f8fd;
    border:1px solid #ccd8e4;
	border-radius-topright: 6px;
	border-radius-topleft: 6px;
	-webkit-border-radius-topright: 6px;
	-webkit-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-khtml-border-radius-topright: 6px;
	-khtml-border-radius-topleft: 6px;
    -webkit-border-radius-bottomright: 6px;
	-webkit-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-khtml-border-radius-bottomright: 6px;
	-khtml-border-radius-bottomleft: 6px;
}

#onbox_myyw_list
{
	list-style-type: none;
}

#werbung
{
	margin-top:25px;
        height:70px;
        color:#fff;
 }       

#kommunikationsverlauf .boxes_styling, #kommunikationsverlauf .boxes_styling_2 {padding-top:0px!important;}



.user_pic {margin-right:10px;margin-bottom:10px; width:80px; height:80px; border:1px solid #ccd8e4;  background-position:50%!important;
     border-radius-topright: 6px;
	border-radius-topleft: 6px;
	-webkit-border-radius-topright: 6px;
	-webkit-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-khtml-border-radius-topright: 6px;
	-khtml-border-radius-topleft: 6px;
    -webkit-border-radius-bottomright: 6px;
	-webkit-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-khtml-border-radius-bottomright: 6px;
	-khtml-border-radius-bottomleft: 6px;
}

#neue_user .user_pic { margin-right:0px;margin-left:10px;}
#neue_user .user_pic:hover { width:90px; height:90px; margin-bottom:0px; margin-left:0px!important;}

.user_pic:hover { width:90px; height:90px; margin-bottom:0px; margin-right:0px;}

#kommunikationsverlauf .user_pic:hover {width:80px; height:80px; margin-bottom:10px; margin-right:10px;}

#site_container
{
	width: 1000px;
	margin: auto;
	margin-top: 0px;
	text-align: center;
}

#header
{
	height: 157px;
	margin: 0px;
}

#content_right
{
        width: 600px;
        float: left;
}

#youthbox
{
	padding: 10px;
	width: 215px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;

}


#gruesse
{

	padding: 10px;
	width: 215px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;

}
#neue_user h2 {margin-top:10px;margin-left:10px;margin-bottom:10px; }

#headline_start p{padding:0; line-height:18px; margin:0;}
#headline_start b {color:#1C60A1; font-weight:normal;}
#neue_user
{
	padding: 0px;
        height:230px;
	margin-top: 10px;
	margin-bottom: 10px;

}

#login
{
	display:block;
	padding: 10px;
	width: 215px;
	margin-top: 34px;
}

#signup p a {color:#534a2d;}
#signup p {padding:0; margin:0;text-align:center;}
#signup
{
	display:block;
	padding: 10px;
	width: 215px;
        background:#fff4c8;
        margin-top:10px;
        font-weight:bold;
        border:1px solid #ded5b4;
	border-radius-topright: 6px;
	border-radius-topleft: 6px;
	-webkit-border-radius-topright: 6px;
	-webkit-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-khtml-border-radius-topright: 6px;
	-khtml-border-radius-topleft: 6px;
        -webkit-border-radius-bottomright: 6px;
	-webkit-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-khtml-border-radius-bottomright: 6px;
	-khtml-border-radius-bottomleft: 6px;
}


.button a {color:#534a2d;}
.button
{
	padding: 10px;
        width: auto;
        min-width: 130px;
        clear:both;
        float:right;
        background:#fff4c8;
        font-weight:bold;
        border:1px solid #ded5b4;
	border-radius-topright: 6px;
	border-radius-topleft: 6px;
	-webkit-border-radius-topright: 6px;
	-webkit-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-khtml-border-radius-topright: 6px;
	-khtml-border-radius-topleft: 6px;
        -webkit-border-radius-bottomright: 6px;
	-webkit-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-khtml-border-radius-bottomright: 6px;
	-khtml-border-radius-bottomleft: 6px;
}

#content_left
{

	width: 270px;
	float: left; 
}

#footer
{

	clear: both;
	display: block;
	height: 40px;
	text-align: center;
        border-top:1px solid #A2BCD5;
        margin-top:40px!important;

       
}

#footer p
{
	margin: auto;
        padding:10px;
        color:#4A7DD1;
        align:bottom;
        font-size:11px;
}

#footer p a {color:#1c60a1;}

.action_title
{
	width: 210px;
	font-size: 87%;
        margin-top:8px;
        margin-bottom:3px;
        padding-top:0;
}

.menu {
	width:600px;
        display: block;
	margin-top:11px;
        height:20px;

}

.menu ul {
	padding:0;margin:0;
}

.menu ul li {
	list-style:none;
	float:left;
	padding:0;
        margin-left:0;
        background: #97ccfe;
	margin-right:5px;
	border:1px solid #97ccfe;
	border-radius-topright: 6px;
	border-radius-topleft: 6px;
	-webkit-border-radius-topright: 6px;
	-webkit-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-khtml-border-radius-topright: 6px;
	-khtml-border-radius-topleft: 6px;
}

.menu ul li.active, .menu ul li:hover {
	background:#fff;
	border:1px solid #fff;
        color:#000!important;
}

.menu ul li a {
	display:block;
	padding:7px 15px;
	color:#000;
}
.menu ul li.active a { font-weight:bold; }
.menu ul li a:hover {
	text-decoration:none;
}

.submenu {
        display:block;
        width:auto;
        height:20px;
        padding-top:15px;
        margin-bottom:60px;
}
.submenu ul {
	border-bottom: 1px solid #a2bcd5;
	padding:0; padding-bottom:8px;
        margin:0; margin-top:10px;

}

.submenu ul li,
.submenu ul li:hover {
	background-color:transparent;
	border:0;
	padding:0 0 10px 0;
	margin:0 5px 0 15px;
}

.submenu ul li {list-style:none; display:inline;}

.submenu ul li a:hover {
        text-decoration:underline;
}

.submenu ul li a {
	padding:0; font-weight:normal;
}




#new_mails {
width:180px;
padding:10px;
background-image: url(../user/icons/smilie.png);
background-repeat:no-repeat; 
background-position:center center;

}


#mailbox span {
display:block;
margin:20px 0;
}

#mailbox form {
display:block;
margin:10px 0;
}


.user_suche {
clear:both;
display:block;
float:left;
margin-bottom:20px;
padding:6px;
width:100%;
}


.user_suche ul, .user_suche li {
margin-left: 10px;
padding-bottom: 3px;
list-style-type: none;
}

.usersuche_pic {
float:left;
padding:10px;
}

#forum_thema_lesen {
background: #E1F0FE;
padding:20px;
margin-bottom:20px;
margin-top:10px;
}



#forum_beitraege {
background:##F3F8FD;
clear:both;
display:block;
float:left;
margin-bottom:10px;
line-height:20px;}

#forum_beitraege p, h4 {
padding:20px;
}


#yw_news {
height:250px;
overflow:auto;
padding:5px;
}

.forum_text {
float:left;
padding:20px;
}

.forum_profil_pic {
float:left;
margin-right:20px;
}



.forum_profil {
background:#F3F8FD;
border:1px solid #E1F0FE;
float:left;
padding:10px;
width:555px;
margin:auto;
}


.forum_overview {
    min-height:130px;
}

.team_member    {
    width: 500px;
    float: left;
    display: block;
}

.forum_overview_left h2 {padding:0; margin:0;margin-bottom:5px; }
.forum_overview_left {
float:left; width: 350px; padding-left: 10px;
}

.forum_overview_right {
float:right; margin-right:5px; text-align:right;
}



#nav_events {
    float:left;
    width: 100%;
 	padding: 0px;
	margin-bottom: 20px;
	background: none;
  }



#nav_events ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
background: none;
}

#nav_events li {
	float:left;
	background: none;
}

#nav_events a
{
display: block;
padding: 5px;
padding-right: 15px;
color: #000000;

background: none;
}


#nav_events a:active
{
background-color: #F7AF04;
text-decoration: none;
color: #fff;
}

#nav_events a:link, #navlist a:visited
{
color: #000000;
background: none;
}

#nav_events a:hover
{
background-color: #F7AF04;
color: #fff;
}

#nav_events ul li a#current
{
display: block;
padding: 5px;
padding-right: 15px;
color: #000000;
text-decoration: underline;
text-transform: uppercase;
background-color: #F7AF04;
color: #fff;
}

#galerie 
{
border:1px solid #A2BCD5; 
padding-left:10px;
}


#galerie dl {
margin-left: 5px;
float: left;
width: 100px;

}

#galerie dd {
padding: 0px;
margin:5px 0;
color:#333;
font-size:90%;
}


#galerie.user_pic{margin:auto!important; margin-top:5px;}
#galerie dt {
height:100px;
padding: 0px;
}






#community_events {
padding-bottom:15px;
}



#community_events li:hover {
background:#CCD8E4;
}

#community_events ul {margin:0px; }

#community_events li {
list-style-type:none;
display:block;
padding:5px;
}


#community_artikel_vorschau {
width:500px;
padding-bottom:15px;
display:block;
float:left;
}

#community_artikel_vorschau img{
float:left;
margin-right:10px;
}

#community_artikel_vorschau p {
padding-left:20px;
}

.float_right {
float:right;
width:180px;
}
.float_left {
float:left;
width:280px;
}
.clear {
clear:both;
}



ul.jugend_index {
width:100%;
margin:40px 0px;
background:#F3F8FD;
height:20px;
padding-top:5px;
border:1px solid #CCD8E4;
}

ul.jugend_index li {
border:none;
display:inline;
list-style-type:none;
padding:8px;
}

ul.jugend_index li:hover, li.active_letter {
background:#1C609F;
}

ul.jugend_index li:hover a, li.active_letter a {
color:#fff;
}

ul.jugend_index li a {
font-size:110%;

}

ul.jugend_index li.no_border {
border:none;
}



#jugendgruppen tr {border: 1px solid #a2bcd5;}
#jugendgruppen tr:hover {background: #F3F8FD;}
#jugendgruppen thead {background:#F3F8FD;border: 1px solid #a2bcd5; }

#content_container h2 { margin:0; padding:0; }

.title_text	{padding: 10px;}



#search {margin-top:6px;float:right;}
#search input[type=text]{height:22px; width:100px;border:0px;
        padding-left:15px;
        background:#f3f8fd;
        border-radius-topright: 6px;
	border-radius-topleft: 6px;
	-webkit-border-radius-topright: 6px;
	-webkit-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-khtml-border-radius-topright: 6px;
	-khtml-border-radius-topleft: 6px;}

#search input[type=submit]{border:0px;
        border-radius-topright: 6px;
	border-radius-topleft: 6px;
	-webkit-border-radius-topright: 6px;
	-webkit-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-khtml-border-radius-topright: 6px;
	-khtml-border-radius-topleft: 6px;
	-webkit-border-radius-bottomright: 6px;
	-webkit-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-khtml-border-radius-bottomright: 6px;
	-khtml-border-radius-bottomleft: 6px;}





.fehler_meldung {
width:300px;
padding:20px;
background:#1C60A1;
margin:20px;
border: 1px solid #a2bcd5;
color:#fff;
}

.fehler_meldung h3 {
font-size:130%;
color:#fff;
margin:0px 0px 8px 0px;
}
.fehler_meldung a {color:#fff; }
.speichern_meldung {
width:300px;
padding:20px;
background:#FEDA01;
margin:20px;
border: 1px solid #E3C302;
}

.speichern_meldung h3 {
font-size:130%;
margin:0px 0px 8px 0px;
}


.speichern_mail {
width:300px;
padding:20px;
background:#FFF4C8;
margin:20px;
border: 1px solid #DED5B4;
}

.speichern_mail h3 {
font-size:130%;
margin:auto;
color:#534A4B;
}


#thumb_pics dl{
		padding:0px;
		float:left;
		width:200px;
		margin-top: 10px;
		margin-right: 10px;
		}

.zahlen_nav a	{ display:block!important;}
.zahlen_nav {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #1F70C3;
	margin-right: 5px;
	float:left;
	padding:10px;
    	background: #e1f0fe;
	margin-top: 10px;
	margin-bottom: 10px;
        border:1px solid #a2bcd5;
	border-radius-topright: 6px;
	border-radius-topleft: 6px;
	-webkit-border-radius-topright: 6px;
	-webkit-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-khtml-border-radius-topright: 6px;
	-khtml-border-radius-topleft: 6px;
        -webkit-border-radius-bottomright: 6px;
	-webkit-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-khtml-border-radius-bottomright: 6px;
	-khtml-border-radius-bottomleft: 6px;
}

.zahlen_nav:hover{ background: #a2bcd5; }

#zahlen_nav_container {
	display:block;
	clear:both;
	margin: 0px;
	margin-bottom: 10px;
        padding: 0px;
	height:50px;
}

.user_big {
font-size:150%;
}







#wrapper p{
margin: 0;
padding: 5px;
line-height: 1.5em;
text-align: justify;
}

#wrapper{
padding:0;
}
#wrapper h2{padding:0;padding-left:5px;margin:0;}


.boxholder{
clear: both;
padding: 5px;
}

.tab{
float: left;
height: 32px;
width: 118px;
margin: 0 1px 0 0;
text-align: center;
background: #CCD8E4;
}

.tabtxt{
margin: auto;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 9px 0px 0px 10px;
}

#nav_events {
    float:left;
    width: 100%;
    padding: 0px;
    margin-bottom: 20px;
    background: none;
  }



#nav_events ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
background: none;
}

#nav_events li {
float:left;
background: none;
}

#nav_events a
{
display: block;
color: #000000;
text-decoration: underline;
text-transform: uppercase;
background: none;
}


#nav_events a:active
{
background-color: #F7AF04;
text-decoration: none;
color: #fff;
}

#nav_events a:link, #navlist a:visited
{
color: #000000;
background: none;
}

#nav_events a:hover
{
background-color: #F7AF04;
color: #fff;
}

#nav_events ul li a#current
{
display: block;
padding: 5px;
padding-right: 15px;
color: #000000;
text-decoration: underline;
text-transform: uppercase;
background-color: #F7AF04;
color: #fff;
}



.kunde_left
{
	width: 450px;
	height: 90px;
	float: left;
}

.kunde_right
{
	min-width: 200px;
	float: right;
	border: 1px dashed #999;
	padding:5px;
}

.admin_news_repley {
margin-left:20px;
background:#edf4fb;
padding:15px;
}
.admin_news_repley_button{
width:  100%;
height: 50px;
margin-left: 20px;
margin-bottom:20px;
}
.admin_news_repley_top {
margin-top: 10px;
height: 50px;
background:url(../images/anews_rep_top.png)top no-repeat;
padding-left:35px;
}
.admin_news_repley_bot {
margin-left:20px;
background:url(../images/anews_rep_bot.png)bottom no-repeat;
padding:5px;
}

.admin_news_entry {
background:#efefef;
padding:15px;
}
.admin_news_button{
width:  100%;
height: 50px;
margin-bottom:20px;
}
.admin_news_top {
margin-top: 10px;
height: 50px;
background:url(../images/anews_top.png)top no-repeat;
padding-left:15px;
padding-top:10px;
padding-bottom:10px;
}
.admin_news_bot {
background:url(../images/anews_bot.png)bottom no-repeat;
padding:5px;
}

.news_wichtig_entry {
background:#efefef;
padding:10px;
padding-top: 30px;
}
.news_wichtig_button{
width:  100%;
height: 50px;
margin-bottom:20px;
}
.news_wichtig_top {
margin-top: 10px;
height: 35px;
background:url(../images/news_wichtig_top.png)top no-repeat;
padding-left:10px;
padding-bottom:10px;
}
.news_wichtig_bot {
background:url(../images/news_wichtig_bot.png)bottom no-repeat;
padding:5px;
}

.event_links li{
    display:inline !important;
    float: left;
    font-style:italic;
    
}





.priority_high
{
   background: #f65757!important;
   color: #fff!important;
}
.state_done {
   background: #80f788!important;
   color: #fff!important;
}

.state_work {
   color: #009600!important;
   font-weight:bold;
}


.dhtmlselect{ 
width: 80px;
background:url(../images/downbox.png)right no-repeat;
position: relative;
text-indent: 3px;
padding: 1px 0;
cursor: hand;
cursor: pointer;
float:right;
    color:white;
}

.dhtmlselect .downimage{ 
position: absolute;
right: -25px;
}

.dhtmlselect .dropdown{ 
position: absolute;
left: 0;
width: 80px;
border-bottom-width: 0;
display: none;
z-index: 5;
font-weight: normal;

}

.dhtmlselect .dropdown a{ 
width: auto;
display: block;
background: #fff;
padding: 1px 0;
text-indent: 5px;
text-decoration: none;
color: black;
}

* html .dhtmlselect .dropdown a{ 
width: 100%;
}

.dhtmlselect .dropdown a:hover{
background: #e1f0fe;
}
option[selected] { background: #000!important; }

#mymenu {padding-top:0px;font-size:9px;text-transform:uppercase;}
#mymenu img {margin:auto;}
#mymenu a {color:#fff;  }

#left_top {height:157px; color:#fff;}

#mymenu ul li{display:inline;margin-right:5px;}
#mymenu ul li a,#mymenu ul li img { vertical-align: middle; }
#mymenu ul {margin:0; padding:0; z-index:1;}


#nummailbutton{
background-image: url(../user/icons/nummailbutton.png);
background-repeat:no-repeat;
margin-left:105px;
padding-top: 3px;
height: 22px;
width: 25px;
z-index:2;
position: absolute;
}
#nummailbutton10{
background-image: url(../user/icons/nummailbutton.png);
background-repeat:no-repeat;
margin-left:105px;
padding-top: 3px;
height: 22px;
width: 25px;
z-index:2;
position: absolute;
}

#nummailbutton span{
margin-left: 8px;
font-weight: bold;
color: #233d81;
}
#nummailbutton10 span{
margin-left: 4px;
font-weight: bold;
color: #233d81;
}

/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; height:auto; }

#mailbox_table tr {border: 1px solid #a2bcd5;}
#mailbox_table tr:hover {background: #F3F8FD;}
#mailbox_table thead {background:#F3F8FD;border: 1px solid #a2bcd5; }


#accordion {margin-top:10px;}
#accordion h3 { width:180px; color:#1c60a1;
                padding:10px;
}
.button_tabs a {color:#1C609F;text-transform:uppercase; display:block;}
.button_tabs
{
text-align: center;
padding: 10px;
margin-right:5px;
width: 130px;
background:#fff;
font-weight:bold;
border:1px solid #A2BCD5;
border-bottom:0px;
border-radius-topright: 6px;
border-radius-topleft: 6px;
-webkit-border-radius-topright: 6px;
-webkit-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
-khtml-border-radius-topright: 6px;
-khtml-border-radius-topleft: 6px;
float:left;
}

.button_tab_active { background:#F3F8FD;}
.button_tab_active a {color:#000;}