@charset "utf-8";/* CSS Document */    

/*
Theme Name: Wp Custom Theme
Description: Wp Custom theme
Author: 
Version: 1.0
*/       
/**************css reset************************/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td{padding:0;margin:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;display:block;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
select,input,textarea{font:inherit;}
select,input,button{vertical-align:middle;}
button{cursor:pointer;}
h1,h2,h3,h4,h5,h6{font-size:100%;}

/**************global************************/
body{font-size:12px;font-family:Arial,Verdana,Geneva,sans-serif;color:#000;}
a{text-decoration:none;color:#5b5c56;}
a:focus,a:hover{text-decoration:underline;}
.l{float:left;}.r{float:right;}.c{clear:both;}
.linkStyle{background:url(images/linkstyleicon.gif) no-repeat left center;padding-left:8px;font-weight:bold;}

.gray{color:#5b5c56!important;}
.blue{color:#6aa9d5!important;}
.green{color:#58a835!important;}
.pink{color:#9b1240!important;}

.grayiconStyle{background:url(images/icon_gray_b.gif) no-repeat 0 0;}
.blueiconStyle{background:url(images/icon_blue_b.gif) no-repeat 0 0;}
.greeniconStyle{background:url(images/icon_green_b.gif) no-repeat 0 0;}
.pinkiconStyle{background:url(images/icon_pink_b.gif) no-repeat 0 0;}

.inputStyle{ border:1px solid #BDBEBB; height:14px; padding:2px;}
.textareaStyle{border:1px solid #BDBEBB;}

.status{color:#008000!important;}
.warning{color:#ff0!important;}
.error{color:#f00!important;}
input.error,textarea.error,select.error{border:1px solid #f00!important;}
.messages{padding:5px 0;}

.gray a:hover{color:#5b5c56}
.blue a:hover{color:#6aa9d5}
.green a:hover{color:#58a835}
.pink a:hover{color:#9b1240}

/**************layout************************/
#wrapper{width:980px;margin:0 auto;}
#header{width:100%;height:93px;overflow:hidden;margin-bottom:12px;border-bottom:2px solid #bdbdbb}
#main{width:710px;padding:0 20px 38px;overflow:hidden;float:left;border-right:1px solid #bdbebb; margin-right:-1px;}
#sidebar{width:214px;float:right;padding-left:15px;padding-top:9px; font-size:11px;border-left:1px solid #bdbebb; padding-bottom:40px;}
#footer{clear:both;width:100%;overflow:hidden;}

/**************header************************/
.topLinks{float:right;font-size:11px;line-height:15px;margin-top:2px;}
.topLinks li{display:inline;margin-left:18px;}
.topTitle{float:left;width:225px;height:15px;background:url(images/headtitle.jpg);text-indent:-9999px;overflow:hidden;display:inline;margin:67px 0 0 20px;}
.logo{float:right;clear:right;display:inline;margin-right:30px;margin-top:19px;}
.logo a{background:url(images/logo.jpg);display:block;width:200px;height:51px;text-indent:-9999px;overflow:hidden;}

/**************main************************/
#nav{height:67px;}
#nav li.menu-item{float:left;position:relative;margin-right:10px; height:50px; z-index:1;}
#nav li.hover{z-index:2;}
#nav li.menu-list {width:130px;}
#nav li.home{width:108px;}
#nav li.kompetenzen{width:159px;}
#nav li.schule{width:129px;}
#nav li.zusammenhange .menu-wrap{width:120px;}
#nav .menu-icon{ position:absolute; left:0; top:0;width:33px;height:23px;overflow:hidden;text-indent:-9999px; z-index:3;}
#nav .gray .menu-icon{background:url(images/icon_gray_s.gif) no-repeat 0 0;}
#nav .blue .menu-icon{background:url(images/icon_blue_s.gif) no-repeat 0 0;}
#nav .pink .menu-icon{background:url(images/icon_pink_s.gif) no-repeat 0 0;}
#nav .green .menu-icon{background:url(images/icon_green_s.gif) no-repeat 0 0;}

#nav .menu-wrap{padding:10px 14px 0;border:1px solid #fff;min-height:35px;_height:35px; position:absolute;}

#nav li.current-menu-ancestor .menu-wrap{border:1px solid #DEDEDD;}
#nav li.current-menu-item .menu-wrap{border:1px solid #DEDEDD;}   
#nav li.hover .menu-wrap{width:120px;background-color:#fff;border:1px solid #DEDEDD;}
#nav .menu{position:absolute;left:-1px;background:#fff;display:none;z-index:999;font-size:11px; line-height:14px;}
#nav .hover .menu{display:block; width:120px; border-style:solid; border-width:0 1px 1px;border-color:#DEDEDD;padding:8px 3px 3px 25px;}
#nav .menu ul{ margin-left:14px;margin-bottom:7px;margin-top:3px;}
#nav .menu li{margin-bottom:3px;}

.home .menu-wrap{width:78px;}

#nav a.top-menu-link {position: relative; z-index: 4;}
#nav a.top-menu-link span { display: none;}
#nav a.top-menu-link img {margin-bottom: 3px;display:block;}
#nav #menu-item-78 a.top-menu-link img {margin-bottom: 2px;} 
/*
#nav a.home{display:block;background:url(images/nav_home_gray.jpg) no-repeat;width:33px;height:9px;overflow:hidden;text-indent:-9999px;}
#nav a.kompetenzen{display:block;background:url(images/nav_kompetenzen_blue.jpg) no-repeat;width:86px;height:24px;overflow:hidden;text-indent:-9999px;}
#nav a.schule{display:block;background:url(images/nav_schule_pink.jpg) no-repeat;width:56px;height:24px;overflow:hidden;text-indent:-9999px;}
#nav a.zusammenhange{display:block;background:url(images/nav_zusammenhange_green.jpg) no-repeat;width:106px;height:24px;overflow:hidden;text-indent:-9999px;}
 */
#content{width:100%;overflow:hidden;min-height:250px;}

.homeList{width:110%;}
.homeList li{width:345px;line-height:16px;font-size:11px;background:url(images/piclistbg.gif) no-repeat 0 0;margin-bottom:15px;margin-right:20px;display:-moz-inline-stack;display: inline-block;vertical-align: top;zoom: 1;*display: inline;}
.homeList .lht14{line-height:14px;}
.homeList .homeListBox{font-size:12px;margin-left:22px;padding:8px 10px 10px;width:301px;height:120px;border:1px solid #BDBEBB;}
.homeList .homeListBox p{margin-left:0;margin-bottom:5px;}
.homeListBox h4{margin-bottom:5px;}
.homeListBox .linkStyle{margin-left:2px;}

.homeList li img{margin-left:22px;margin-bottom:3px;*margin-bottom:0;}
.homeList li p{margin-left:22px;}

.homeList li img.textimage { display:inline;margin-left: 0; vertical-align: top;margin-right:7px;}
.homeListvideo{margin-left:22px;margin-bottom:3px;}

.homeList li h3{height:41px;}
.homeList li h3 span{position:relative;left:20px;top:16px;}
.homeList .kompetenzen{display:block;background:url(images/c_kompetenzen_blue.jpg) no-repeat;width:204px;height:13px;overflow:hidden;text-indent:-9999px;}
.homeList .zusammenhange{display:block;background:url(images/c_zusammenhaunge_green.jpg) no-repeat;width:217px;height:15px;overflow:hidden;text-indent:-9999px;top:17px;}
.homeList .schule{display:block;background:url(images/c_schule_pink.jpg) no-repeat;width:149px;height:13px;overflow:hidden;text-indent:-9999px;}
.homeList .dieStiftung{display:block;background:url(images/c_diestiftung_gray.jpg) no-repeat;width:178px;height:13px;overflow:hidden;text-indent:-9999px;}

#content h1.title{ height:15px;margin-bottom:9px; padding-left: 20px; padding-top: 15px;}
#content h1.title img {display: inline; vertical-align: top;margin-right:-5px;}
#content h1.title span{display: none;}
#content .entry-content {padding-left: 20px;}
#content .alignright{float:right; font-size: 11px; margin-left: 22px; margin-top: 2px;display:inline;}
#content .alignleft{float:left;font-size: 11px; margin-right: 22px; margin-top: 2px;display:inline;}
#content .aligncenter{display:block;margin:0 auto;}
#content .alignnone{display:inline;}

#respond { padding-left: 20px; margin-top: 1em;}

#content p{ line-height:15px;}
#content .entry-content p{ margin-bottom: 12px;}
#content .entry-content ul {margin-top:10px; margin-left:10px; line-height:18px;margin-bottom:16px;position:relative;top:-2px;}       
#content .entry-content ul li{ background:url(images/li.gif) no-repeat 0 9px;padding-left:10px;}  
#content .entry-content .tableStyle{margin-top:3px;margin-bottom:27px;}    
#content .edit-link {float:right;} 

.okologischer{ background:url(images/c_oukologischer_green.jpg) no-repeat 0 0; width:236px; height:16px; top:16px; left:20px;}
.contentDetail{margin-left:20px; margin-bottom:12px;}
.contentText{ margin-left:20px;}
.contentInfo{margin-bottom:19px;margin-left:20px;}
.unterseiteBox{margin-bottom:18px;}
.unterseiteBox p.r{margin-left:22px;margin-top:2px; font-size:11px;}
.unterseiteBox p.r img{ margin-bottom:3px;}

.tableStyle{ font-size:12px;}
.tableStyle th{ background:#e7e7e6; line-height:15px; padding:4px 0 4px 9px;}
.tableStyle td{ line-height:21px; border-bottom:1px solid #E7E7E6; padding-left:9px;}
.unterseiteBox .tableStyle{margin-top:15px;margin-bottom:27px;}


.anmeldeformular{ background:url(images/anmeldeformular.jpg) no-repeat 0 0; width:154px; height:13px;left:21px;top:19px;}

form label{cursor:pointer;}
.formStyle p{width:100%; overflow:hidden;}
.formStyle p .l{display:inline; width:106px; line-height:20px; height:20px;}
.formStyle p .rightbox{ float:left; width:320px;}
.formStyle p .required{display:inline;vertical-align:middle;margin-left:3px;color:red;}
.formular{padding-bottom:9px;}
.formular .inputStyle{ width:300px; float:left;}
.formular #wpof_street{ width:258px; margin-right:2px;}
.formular #wpof_number{ width:34px;}
.formular #wpof_zipcode{ width:46px; margin-right:2px;}
.formular #wpof_address{ width:246px;}

.formular .contentText form{padding-top:10px;padding-left:1px}
.formular .contentText form p{margin-bottom:2px;}

.formular .rightbox label{ line-height:22px;}

.rightbox .radioStyle{margin-right:7px;position:relative;top:-1px;}
.kommentar{padding-top:2px;}
.kommentar .rightbox{margin-top:3px; }
.kommentar .rightbox textarea{width:305px;height:62px;margin-bottom:10px;overflow:auto;}

.formular .contentText .formStyle p.comment-text {width:426px; margin-bottom: 10px;}

#content .entry-content .linkStyle{margin-left:21px;}

#commentform p{padding:5px 0;}
#commentform p input{margin-right:5px;width:200px;}
#commentform p #submit{width:auto;}


.type-page .linkStyle{margin-left:20px;}
.type-page .formular .linkStyle{margin-left:0;}
.type-page .messages{margin-left:20px;}
.type-page .order_form_wrapper .messages{margin-left:0;}   

.footer_l span{display:inline;float:left;width:36px;}

/**************sidebar************************/
#sidebar h2.title{font-size:11px;line-height:16px;font-weight:bold;margin-bottom:8px; color:#000;}
#aktuelles{font-size:11px;line-height:14px;margin-bottom:23px;}
#aktuelles .date{color:#5b5c56;}
#aktuelles li{margin-bottom:9px;}

#newsletter{color:#5b5c56;margin-bottom:10px;}
#newsletter .inputStyle{color:#5b5c56;font-size:11px;margin-bottom:11px;line-height:14px; padding:2px 0 2px 3px;margin-left:1px;width:175px;height:14px;border:1px solid #BDBEBB;}
#newsletter .subStyle{background:url(images/go.gif) no-repeat;border:0;margin-bottom:11px;margin-left:1px;width:22px;height:8px;cursor:pointer;}
#newsletter h2.title{margin-bottom:11px;}
#zusammenhaunge{ margin-bottom:22px;}
#zusammenhaunge h2.title{margin-bottom:7px;}
#zusammenhaunge li,#downloads li{ line-height:18px;background:url(images/linkstyleicon.gif) no-repeat 0 6px;padding-left:9px;}
#zusammenhaunge .tworow{line-height:16px;margin-bottom:-1px;}
#zusammenhaunge li ul{margin-left:6px;}
#claudia{line-height:14px; margin-bottom:23px;}
#claudia h2.title{ line-height:14px;margin-bottom:0;}
#downloads{margin-bottom:21px;}
#downloads h2.title{ margin-bottom:6px;}

#downloads li{width:90%;overflow:hidden;margin-bottom:5px;}
#downloads li a{margin-right:5px;}
#downloads li a img{display:inline;vertical-align:top;}

/**************footer************************/
#footer div.textwidget{float:left;font-size:11px;line-height:15px;color:#82837c;}
#footer div.textwidget strong{font-size:12px;line-height:16px;}
#footer .footer_l{float:left;display:inline;margin-left:41px;padding-top:2px;width:688px;overflow:hidden;border-top:1px solid #BDBEBB;}
#footer .footIcon{width:229px;border-left:1px solid #BDBEBB;float:right;height:77px;}
.footer_l div.textwidget{margin-right:56px;}
#footer .footIcon img{margin:6px 0 0 14px}

img.fileicon {display:inline; vertical-align: top; margin-left: 5px; }








