/*  
Theme Name: Babble
Theme URI: http://elite-media.de/
Description: Widgetfähiges Theme mit optimierter Navigation für weniger Barrieren.
Version: 1.2 Beta
Author: Astrid Schäfer
Author URI: http://www.elite-media.de/
*/

/* Breite beschränken */

#wrap {               
       margin-left: auto;
       margin-right: auto; 
       display: block;
       position: relative;
       width: 650px;
       height: 540px;
       overflow: hidden;

}

ul {
	list-style:none;
}


	/* Listen */
ul#lefttop {
        position: absolute;
	display: block;
	top: 5px;
	left: 0px;
        width: 190px;
	height: 130px; 
}
ul#righttop li{
        position: absolute;
	display: block;
	left: 415px;
	top: 5px;<!-- top: -231px; -->
        width: 190px;
	height: 130px; 
}
ul#rightbottom li{
        position: absolute;
	display: block;
	left: 415px;
	top: 140px;<!-- top: -80px; -->
        width: 190px;
	height: 130px; 
}
ul#rightmiddle li{
        position: absolute;
	display: block;
	left: 415px;
	top: -249px;<!-- top: -454px; -->
        width: 190px;
	height: 130px; 
}
ul#leftmiddle li{
        position: absolute;
	display: block;
	top: -690px;
	left: 0px;
        width: 190px;
	height: 130px; 
}
ul#middlebottom li{
        position: absolute;
	display: block;
	top: -925px;
	left: 205px;
        width: 180px;
	height: 285px; 
}
ul#touch li img{
       display: block;
       position: relative;
	left: -8px;
	margin-top: -500px;<!-- top: -1260px; -->
	width: 426px;
	height: 46px; 
}
ul#vingado li img{
	display: block;
        position: relative;
	left: 200px;
	margin-top: -120px;<!-- top: -231px; -->
	width: 400px;
	height: 60px; 
}
ul#eines li {
	display: block;
        position: absolute;
	left: 85px;
        top: 130px;
	width: 102px;
	height: 130px; 
}



/**** noscript-Hinweis ****/

div#att {
	background-color: #fffeb8;
	border-bottom: 1px solid;
	height: 2.5em;
	line-height: 2.5em;
	position: absolute;
	top:0;
	width: 50%;
}

div#att p{
	margin: 0;
	display: inline;
	padding: 6px 0 6px 26px;
}
	








* {
	margin : 0;
	padding : 0;
}
body {
	font-family: "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
	color: #202123;
	font-size: 90%;
	background-color : #FFFFFF;
	line-height : 1.4em;
	min-width : 1110px;
	margin-left : 5%;
	margin-right : 5%;
	margin-top : 10px;
	margin-bottom : 20px;
}
#wrapper {
	background-color : #BDCB9A;
	padding : 0px;
	min-width : 700px;
	width : 100%;
}
#header {
	height : 140px;
	background-color : #92C135;
	font-size : 200%;
	line-height : 0.6em;
	color : white;
	font-weight : normal;
	text-align : center;
	background-repeat : no-repeat;
	background-position : right ;
	background-image : url(images/header.jpg);
}
#header span {
	padding-top : 30px;
	display : block;
	height : 130px;
	/* background-image : url(images/header.jpg);  */
	background-position : 0 0;
	background-repeat : no-repeat;
}
#header a {
	text-decoration : none;
	color : white;
}
#header a:hover, #header a:active, #header a:focus {
	text-decoration : underline;
}
#header em {
	font-style : normal;
	font-size : 50%;
	color : #FEFF5B;
	font-weight : bold;
}
#statmenu {
	height : 32.5px;
	background-color : #F0EFED;
	padding-top : 7.5px;
	padding-left : 218px;
        background-repeat : no-repeat;
	background-position : right ;
	background-image : url(images/touch.jpg); 
}
#statmenu li {
	list-style-type : none;
	height : 25px;
	line-height : 25px;
	float : left;
	margin-right : 7px;
	font-weight : bold;
}

#statmenu a:hover, #statmenu a:active, #statmenu a:focus  {
	color : green;
}
#statmenu  .current_page_item a:focus, #statmenu   .current_page_item a:active {
	text-decoration : underline;
}

#all {
	padding : 10px;
	background-color : #BDCB9A;
	margin-top : 10px;
	clear : both;
}
#left {
	float : left;
	width : 200px;
        background-color : #91B177;
        height : auto; 
        background-image : url(images/bottom.jpg);
	background-position : 0 100%;
	background-repeat : no-repeat;
}
#left h2 {
	background-image : url(images/widgets_head_left_top.jpg);
	background-position : 0 0;
	background-repeat : no-repeat;
	/*background-color : #91B177;*/
	padding-left : 10px;
	padding-top : 3px;
	padding-bottom : 2px;
	font-size : 120%;
	color : #1F6E1D;
	/*margin-top : 10px;*/
}
#searchform {
	background-image : url(images/searchform.jpg);
	background-position : 0 0;
	background-repeat : no-repeat;
	padding-left : 10px;
	height : 60px;
	padding-top : 10px;
	line-height : 1em;
	background-color : #D0E6A4;
	margin-bottom : 10px;
	/*margin-top : 10px; */
        color : #F8FCF8;
}
#searchform label {
	margin-bottom : 3px;
	display : block;
        color : #F8FCF8;
	font-weight : bold;
}
#searchform input {
	font-family: "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
	border : 0;
	background-color : transparent;
	cursor : default;
	font-size : 120%;
	color : black;
}
#searchform #b:focus {
	background-color : black;
	color : black;
}
#searchform #s {
	background-image : url(images/search_input.jpg);
	background-position : 0 0;
	background-repeat : no-repeat;
	width : 160px;
	height : 22px;
	border : 1px solid #91B177;
	font-family : "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
	padding-top : 3px;
	padding-left : 5px;
	cursor : text;
        color : black;
}
#searchform #s:focus {
        color : black;
}
#left ul {
	background-position : 100% 100%;
	background-repeat : no-repeat; 
	background-color : #91B177;
	padding-bottom : 10px;
	margin-bottom : 10px;
}
#left ul li {
        color :  white;
        font-size : 90%;
	font-style : italic; 
	list-style-type : none;
	margin-left : 10px;
	padding-top : 2px;
	margin-right : 10px;
}
#left ul li a{
	color :  #F8FCF8;
        font-size : 110%;
        text-decoration: none;
        font-weight: bold;
	padding-left : 18px;
	display : block;
}
#right ul li a {
	color :  #F8FCF8;
	padding-left : 18px;
	display : block;
	background-image : url(images/main_li_nolink.jpg);
	background-position : 0 5%;
	background-repeat : no-repeat; 
}

#right .textwidget {
	width : 180px;
	padding-left : 12px;
}


#left ul .current_page_item a {
	background-color : white;
	background-image : url(images/current.jpg); 
	background-position : left;
	background-repeat : no-repeat;  
}
#left ul li a:hover{
        color : black;
        font-weight: bold;
}
#right ul li a:hover, #left ul li a:active, #left ul li a:focus, #right ul li a:active, #right ul li a:focus #right a:active, #right a:focus, #right a:hover{
	color : black;
}
#left ul li strong {
	font-weight : normal;
	display : block;
}
#left #catmenu ul {
	background-image : none;
	margin : 0;
	padding : 0;
}
#left #catmenu li a {
	background-image : none;
}
#left #catmenu li {
	background-image : url(images/main_li_nolink.gif);
	background-position : 0 0.4em;
	background-repeat : no-repeat;
}
#left #catmenu li ul li {
	margin-left : 15px;
}
#left #catmenu .current-cat {
	background-image : url(images/current.gif);
	background-position : 0 0.5em;
	background-repeat : no-repeat;
	background-color : white;
}
#left #month li a {
	background-image : url(images/archiv.gif);
	background-position : left;
	background-repeat : no-repeat;
}
#left #last li a {
	background-image : url(images/last.gif);
	background-position : 0 0.3em;
	background-repeat : no-repeat;
}
#left #login li a {
	background-image : url(images/personal.gif);
	background-position : left;
	background-repeat : no-repeat;
}
#right {
	float : right;
	width : 200px;
        background-color : #91B177;
        height : auto;
        background-image : url(images/bottom.jpg);
	background-position : 0 100%;
	background-repeat : no-repeat;
}
#right h2 {
	font-size : 120%;
	color : #1F6E1D;
	padding-left : 10px;
	padding-top : 4px;
	padding-bottom : 5px;
	background-image : url(images/widgets_head.jpg);
	background-position : 100% 0;
	background-repeat : no-repeat;

}
#right ul {
	background-color : #91B177;
	padding-bottom : 10px;
	margin-bottom : 10px;
}

#right a{
        color :  white;
        font-size : 100%;
	text-decoration : none;
	margin-left : 10px;
	padding-top : 2px;
	margin-right : 10px;
}

#right ul li {
	list-style-type : none;
	margin-left : 10px;
	padding-right : 10px;
}
#wp-calendar {
	background-color : #91B177;
	width : 100%;
	background-image : url(images/e_leftbottom.jpg);
	background-position : 0 100%;
	background-repeat : no-repeat;
	border-collapse : collapse;
	margin-bottom : 10px;
}
#wp-calendar caption {
	background-color : #F4F9E9;
	line-height : 1.5em;
	font-size : 90%;
}
#wp-calendar td, #wp-calendar th {
	text-align : center;
	border : 1px solid White;
	font-size : 90%;
}
#wp-calendar #today {
	background-color : #F4F9E9;
}
#wp-calendar a {
	color : #FF4500;
}
#wp-calendar a:hover {
	text-decoration : none;
	background-color : white;
	color : black;
}
#right #rss li a {
	background-image : url(images/rss.gif);
	background-position : left;
	background-repeat : no-repeat;
}
#right #links li a {
	background-image : url(images/current.gif);
	background-position : left;
	background-repeat : no-repeat;
}
#content {
	padding : 10px 10px 0 10px; 
	height : auto;
}
/* ----------- Anfang: Abgerundete Ecken Content Form ----------- */
#abstand {
        background-color : #91B177;
	margin-right : 210px;
	margin-left : 210px;  
}
#tr {
        background-image : url(images/content_top_right.jpg);
	background-position : 100% 0;
	background-repeat : no-repeat;      
}
#tl {

        background-image : url(images/content_top_left.jpg);
	background-position : 0 0;
	background-repeat : no-repeat;  
}
#br  {
        background-image : url(images/content_bottom_right.jpg);
	background-position : 100% 100%;
	background-repeat : no-repeat;  
}
#bl  {
        background-image : url(images/content_bottom_left.jpg);
	background-position : 0 100%;
	background-repeat : no-repeat;   
}
/*  ----------- Ende: Abgerundete Ecken Content Form ----------- */
#content h1 {
	color : black;
        font-weight: bolder;
}

#content h2 {
	color : #F8FCF8;
	font-size : 140%;
	margin-top : 10px;
	width : auto;
}
#content h2 em {
	font-size : 70%;
	font-weight : normal;
	color : #F8FCF8;
}
#content h2 em var {
	color : #F8FCF8;
	font-style : normal;
}
#content h3 {
        color : #ECECEC;
	font-size : 110%;
	margin-top : 10px;
	
}
#content h2 a {
	color : #ECECEC;
	text-decoration : none;
}
#content .imgleft {
	float : left;
	margin-right : 20px;
	margin-bottom : 10px;
	margin-top : 10px;
	border : 5px solid #E4F0CA;
}
#content p {
	margin-top : 15px;
	margin-bottom : 15px;
}
#content h2 a:hover {
	text-decoration : underline;
}
#content .date {
	float : right;
	margin-right : 7px;
	line-height : 1em;
	padding : 3px;
	border : 1px solid #92C135;
	width : auto;
	background-color : white;
	margin-left : 10px;
}
#content .date .d {
	font-size : 140%;
	display : block;
	text-align : center;
	color : #FF5D20;
}
#content .date .m {
	display : block;
	font-size : 80%;
	text-align : center;
}
#content .post {
	padding : 10px;
	margin-bottom : 20px;
	background-color : #91B177;
}
#content .post small {
	display : block;
	margin-bottom : 15px;
}
#content .post .postend {
	background-image : url(images/comment.gif);
	background-position : left;
	background-repeat : no-repeat;
	padding-left : 20px;
	margin-top : 15px;
}
#foot {
	text-align : left;
	font-size : 120%;
	text-indent : 20px;
	clear : none;
	margin-top : 5px;
	padding-top : 5px;
        padding-left : 195px;
}

/* ------------------ General Definition --------------------*/
#content a:link  {
	color : #ECECEC;
}
#foot a:link {
        color : #1F6E1D;
        text-decoration : none;
}
#content a:visited, #foot a:visited {
	color : #ECECEC;
}
#foot a:visited {
	color : #1F6E1D;
        text-decoration : none;
}
#content a:hover, #foot a:hover {
	text-decoration : underline;
}
#content a:focus, #content a:active, #foot a:focus, #foot a:active {
	background-color : black;
	color : white;
}
img {
        padding-right: 5px;
}
.none {
	display : none;
}
#content ul, #content ol, #content h1, #content h2, #content h3, #content h4, #content h5 {
	margin-top : 15px;
	margin-bottom : 15px;
}
#content ol .user, #content ol .admin {
	margin-left : 0;
	list-style-type : none;
	border : 3px solid #E4F0CA;
	padding : 10px;
	margin-bottom : 10px;
}
#content ol .user {
	background-color : #F8FBF2;
	background-image : url(images/user.gif);
	background-position : 10px 5px;
	background-repeat : no-repeat;
}
#content ol .user cite, #content ol .admin cite {
	font-size : 130%;
	margin-left : 40px;
	margin-top : 10px;
	display : block;
}
#content ol .admin {
	background-color : white;
	background-image : url(images/admin.gif);
	background-position : 10px 5px;
	background-repeat : no-repeat;
}
#content h4 {
	font-weight : normal;
	letter-spacing : 3px;
	font-size : 90%;
}
#content h5 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
}
#breadcrumb h3 {
	color : #A2CE4B;
	margin : 0;
}
#content ul li, #content ol li {
	margin-left : 20px;
}
blockquote {
	padding-left : 15px;
	/*background-color : #F4F9E9;
	border : 3px solid #E4F0CA;
	background-image : url(images/blockquote.gif);
	background-position : 5px 15px;
	background-repeat : no-repeat;*/
}
#content em {
	font-style : normal;
	color : #FF4500;
}
cite {
	font-style : normal;
	color : Green;
}
abbr, acronym {
	border-bottom : 1px dotted #708090;
}
samp {
	color : #1E90FF;
}
dfn {
	font-style : normal;
	color : #FF4500;
	font-family : Georgia, Arial, Helvetica, sans-serif;
}
pre {
	background-color : #F4F9E9;
	border : 3px solid #E4F0CA;
	padding : 10px;
	overflow : auto;
	width : inherit;
	line-height : 1.5em;
}
.klein {
	font-family : "Times New Roman", Times, serif;
	font-size : 95%;
}
/*----------------- Formulare ---------------------------*/

#content fieldset {
	border : 3px solid #E4F0CA;
	padding : 10px;
}
#content legend {
	padding-left : 10px;
	padding-right : 10px;
	font-size : 80%;
	color : black;
}
#content label {
	float : left;
	width : 130px;
}
#content .nonlabel {
	float : none;
	width : auto;
}
#content input {
	font-family: "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
	margin-bottom : 3px;
	background-color : #FFFFFF;
	border : 1px inset white;
}
#content .btn {
	border : 3px solid #E4F0CA;
	background-color : white;
}
#content .error {
	background-color : white;
	border : 1px solid #FF4500;
}
#content input:focus, #content textarea:focus {
	background-color : #FFFFFF; 
}
#content textarea {
	width : 99%;
	background-color : #FFFFFF;
	margin-top : 5px;
	border : 1px inset white;
}
.clear {
	clear : both;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			auto; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			1.7em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			1.7em;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/* ----------- Design ----------- */
.sf-menu {

	margin-bottom:	1em;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color : #1F6E1D;
	text-decoration : none;
	background-image : url(images/statmenu_2.gif);
	background-position : 100% 0;
	background-repeat : no-repeat;
	display : block;
	padding-left : 10px;
	padding-right : 10px; 
}
.sf-menu li li a, .sf-menu li li a:visited  { 
	color : #1F6E1D;
	text-decoration : none;
	width : 150px;
	background-image : none;
}
.sf-menu li {
	background-image : url(images/statmenu.gif);
	background-position : 0 100%;  
        background-repeat : no-repeat;
}
.sf-menu li li {
	background-image : url(images/submenu.gif);
	background-position : 0 100%;  
        background-repeat : no-repeat;
}
.sf-menu li:hover, .sf-menu li:focus,  .sf-menu li.sfHover{
	color : black;
}
.sf-menu li li:hover, .sf-menu li:focus, .sf-menu li li.sfHover{
	color : black;
}



/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}