/*
Theme Name: handwerk
Theme URI: http://www.sv-handwerk-leipzig.de
Description: "SV Handwerk Leipzig e.V." Theme for Wordpress / created by  <a href="http://www.fabrik1design.de/">fabrik1design</a>.
Version: 1.0
Author: Ralf Kobert
Author URI: http://www.fabrik1design.de
*/


/* Reset
--------------------------------------------------*/

* {
border:0 solid;
margin:0;
padding:0;
}

html {
height:100.1%;
font-size:100.1%;
}


/* Body
--------------------------------------------------*/
body {
height:100%;
font:.85em/1.7em "lucida grande", verdana, sans-serif;
color:#383D44;
background:#3d82c9 url(images/body_bg.jpg) center top no-repeat;
}


/* Links
--------------------------------------------------*/
a {
color:#fff;
background-color:inherit;
}

/* Maincontainer
--------------------------------------------------*/
#maincontainer {
position:relative;
width:937px;
margin:0 auto;
color:#2b2b2b;
}

/* Header
--------------------------------------------------*/
#header {
height:336px;
width:937px;
}

#header_logo{ 
float:left;
/*margin-right:10px;*/
width:199px;
height:200px;
}
   
#header_nc{
float:left;
margin-right:3px;
width:145px;
height:200px;
}

#header_triathlon{
float:left;
margin-right:3px;
width:144px;
height:200px;
}

#header_tt{
float:left;
margin-right:3px;
width:146px;
height:200px;
}

#header_schwimmen{
float:left;
margin-right:3px;
width:155px;
height:329px;
}

#header_vb{
float:left;
margin-right:3px;
width:133px;
height:200px;
}

a:focus#header_logo, a:focus#header_nc,
a:focus#header_triathlon, a:focus#header_tt,
a:focus#header_schwimmen, a:focus#header_vb{
border-bottom:6px solid #eb8043;
}

#header p {
float:right;
width:70px;
margin:100px 0 0 0;
}

/* Topnavigation
-------------------------------------- */
ul.topnavi1{
margin-top:-1px;
margin-left:-10px;
font:1.15em/1.7em arial, sans-serif;
}

ul.topnavi2 li a{
font: 0.9em/2.0em arial, sans-serif;
}

html:first-child>b\ody ul.topnavi1{
font:1.1em/1.6em arial, sans-serif;
}

/*.topnavi1 li {
margin-top:4px;
}*/

.topnavi1 li li {
width:10em;
}

.topnavi1, .topnavi1 ul {
list-style:none;
margin:0;
padding:0;
}

.topnavi1 ul {
margin-top:1px;
margin-left:-1px;
position:absolute;
top:auto;
display:none;
}


.topnavi1 ul ul { 
margin-top:1px;
margin-left:-2px !important;
left:100%;
top:0px;
}

.topnavi1 li { 
float:left;
color:inherit;
background-color: #14447e;
}

.topnavi1 li li { 
margin-left:1px;
margin-top:-1px;
float:none;
position:relative;
}

.topnavi1 a {
display:block;
margin:0;
padding:2px 8px;
text-decoration:none;
font-weight: bold;
color:#fffffe;
background-color:inherit;
}

.topnavi1 li li a {
border:1px solid #FFF;
}

.topnavi1 a.topnavi1current:first-letter,
.topnavi1 a.topnavi1highlight:first-letter {
color:#eb8043 !important;
}

ul.topnavi1 li a:hover,
ul.topnavi1 li a:focus{
color:#eb8043 !important;
}

ul.topnavi1 li a:active {
color:#fff !important;
}

.topnavi1 ul,
.topnavi1 li:hover ul,
.topnavi1 li:hover ul ul,
.topnavi1 li:hover ul ul ul,
.topnavi1 li:hover ul ul ul ul{
display:none;
}

.topnavi1 li:hover ul,
.topnavi1 ul li:hover ul,
.topnavi1 ul ul li:hover ul,
.topnavi1 ul ul ul li:hover ul {
display:block;
}

ul.topnavi2 li a:hover,
ul.topnavi2 li a:focus,
ul.topnavi2 li a:active {
color:#fff !important;
background:#eb8043 !important;
}

.topnavi2 a.topnavi2current,
.topnavi1 li a:active {
color:#fff !important;
background:#eb8043 !important;
}

.topnavi2active, .level3active,
.level4active, .level5active{
color:#fff !important;
background:#eb8043 !important;
}

ul.topnavi2,
ul.topnavi3{
z-index: 400;
}

/* Container Content
--------------------------------------------------*/

#content {
float:left;
width:600px;
min-height:400px;
margin:50px 0 30px 0;
padding:36px 20px 5em 20px;
border:4px solid #fff;
background:#194880 url(images/rights.gif) top left no-repeat;
color:#fff;
}

#content .artikel {
padding:0 0 20px 0;
}

#content .more-link {
margin:0 0 0 -3px;
}

#content p, #content_table p {
padding:0 30px 15px 70px;
}

#content p.catnav {
padding:0 0 20px 50px;
}

#content h1, #content_table h1 {
margin:0 0 18px 50px;
font:normal 180%/1.2em "lucida grande", verdana, sans-serif;
}

#content h1 a {
margin:0 0 0 -3px;
text-decoration:none;
font:normal 100%/1.2em "lucida grande", verdana, sans-serif;
padding:3px;
color:#eb8043;
background-color:inherit;
}

#content h1 a:hover,
#content h1 a:focus {
color:#fff;
background-color:#eb8043;
}

#content h2 {
margin:5px 0 12px 50px;
font:normal 132%/1.4em "lucida grande", verdana, sans-serif;
color:#fff;
background-color:inherit;
}

#content h2 a {
color:#fff;
background-color:inherit;
}

#content h2 a:hover,
#content h2 a:focus,
#content h2 a:active {
color:#fff;
background-color:#eb8043;
}

#content h3 {
margin:10px 0 8px 50px;
font:bold 110%/1.4em "lucida grande", verdana, sans-serif;
color:#fff;
background-color:inherit;
}

#content ul {
margin:0;
padding:0 0 25px 70px;
list-style:none;
}

#content ul li {
margin:0;
padding:0 0 0 16px;
line-height:1.9em;
background:url(images/bullet_content_list.jpg) 0em 0.7em no-repeat;
}

#content ul li ul {
margin:0;
padding:0;
}

#content p a,
#content li a,
#content .meta a {
padding:3px;
color:#fff;
background-color:inherit;
}

#content li a:hover,
#content li a:focus,
#content li a:active,
#content p a:hover,
#content p a:focus,
#content p a:active,
#content .meta a:hover,
#content .meta a:focus,
#content .meta a:active {
padding:3px;
text-decoration:none;
color:#fff;
background-color:#eb8043;
}

#content p img {
border:1px solid #ccc !important;
}

#content a.imglink,
#content a.imglink:hover,
#content a.imglink:focus,
#content a.imglink:active,
#content a.imglink img {
padding:0;
border:0 solid;
color:#000;
background:#FFF;
}

#content .meta{
font:normal 87%/1.4em "lucida grande", verdana, sans-serif;
color: #a9a9a9;
font-style:italic;
padding:0 0 10px 50px;
}


/* Content Tabellen
---------------------------------------- */

#content_table {
float:left;
width:600px;
min-height:400px;
margin:50px 0 30px 0;
padding:16px 20px 5em 20px;
border:4px solid #fff;
background-color:#194880;
color:#fff;
}

#content_table table{
width:600px !important;
margin:15px 0 15px 0;
}

#content_table h1 {
margin:0 0 18px 0;
}

#content_table h2 {
margin:5px 0 12px 0;
font:normal 140%/1.4em "lucida grande", verdana, sans-serif;
color:#fff;
background-color:inherit;
}

#content_table table a{
padding:3px;
color:#eb8043;
}

#content_table table a:hover{
padding:3px;
color:#fff;
background-color:#eb8043;
}

#content_table table th {
color:#fff;
background-color:#194880;
}

#content_table #wp-table-reloaded-id-11-no-1 .row-6,
#content_table #wp-table-reloaded-id-11-no-1 .column-4{
font-weight:bold;
}

/* Content Images 
---------------------------------------------------*/
#content img.alignleft{
margin:8px 10px 0 0;
float: left;
}

#content img.alignright{
margin:8px 0 0 8px;
float: right;	
}


/* Sidebar 
---------------------------------------------------*/
#sidebar {
width:208px;
float:right;
padding:23px 0 10px 10px;
margin-top:26px;
color:#666;
background: inherit;
}

#sidebar h2 {
margin:0 0 16px 0;
font:bold 1.1em/1.5em "lucida grande", verdana, sans-serif;
color:#fff;
background:inherit;
}

#sidebar ul {
margin:0;
padding:0 0 15px 0;
list-style-type:none;
color:inherit;
background-color:inherit;
}

#sidebar ul li {
margin:0;
padding:0;
line-height:1.5em;
}

#sidebar ul li ul li{
color:#fff;
}

#sidebar li a {
display:block;
padding:5px 0 5px 5px;
width:196px;
font-weight:bold;
text-decoration:none;
color:#fff;
background:#inherit url(images/dotline.gif) repeat-x left bottom;
}

#sidebar li.current-cat a {
color:#FFF;
background:#eb8043;
}

#sidebar li a:hover, 
#sidebar li a:active {
color:#eb8043;
background-color:inherit;
}

#sidebar li a:focus {
color:#fff;
background-color:#eb8043;
}

#sidebar ul p {
padding:4px;
color:inherit;
background:#FBFBFF url(images/dotline.gif) repeat-x left bottom;
}

#sidebar ul p br {
display:block;
height:0;
line-height: 0px;
}


#sidebar ul p a {
display:inline;
float:none;
padding:1px;
color:#B1201F;
background-color:inherit;
background-image:none;
}

#sidebar ul p a:hover,
#sidebar ul p a:focus,
#sidebar ul p a:active {
color:#fff !important;
background-color:#B1201F !important;
}

#sidebar form p {
padding:0 0 10px 0;
}

#sidebar form {
margin:0;
padding:4px 0 0 0;
}

#sidebar form #s {
width:201px;
max-width:201px;
margin:0;
padding:2px 0;
text-align:left;
}

#sidebar input#searchsubmit {
width:auto;
max-width:300px;
padding: 3px 6px;
color:#fff;
background-color:#194780 !important;
font-size:92.5%;
font-weight:bold;
text-align:center;
border:1px solid #fff;
}

#sidebar #searchsubmit:hover,
#sidebar #searchsubmit:focus {
background-color:#eb8043 !important;
color:#fff;
}

#sidebar p.searchsubmit {
margin:0;
padding:0 0 8px 0;
}

#sidebar input {
margin:0 0 8px 0;
}

#sidebar h2#aktuelles,
#sidebar .widget_mycategoryorder h2{
margin:20px 0 10px 0;
width:125px;
height:17px;
background: url(images/title_infos.gif) top left no-repeat;
}

#sidebar h2#suche{
margin:0px 0 10px 0;
width:52px;
height:17px;
background: url(images/title_suche.gif) top left no-repeat;
}

#sidebar h2#verein{
margin:20px 0 10px 0;
width:56px;
height:17px;
background: url(images/title_verein.gif) top left no-repeat;
}

#sidebar h2#sponsoren{
margin:20px 0 20px 0;
width:92px;
height:17px;
background: url(images/title_sponsoren.gif) top left no-repeat;
}

#sidebar ul.social {
height: 37px;
width: 240px;
margin-top: 0px;
padding:0;
}

#sidebar ul.social li a {
padding:0 !important;
height: 37px;
width: 37px;
float: left;
background-repeat: no-repeat;
background-position: 0px 0px;
display: block;
}

#sidebar ul.social li a:hover {
background-position: 0px -37px;
}
	
#sidebar ul.social li.handwerk a {
background-image: url(images/kammer.jpg);
}

#sidebar ul.social li.intersport a {
background-image: url(images/intersport_frank.jpg);
}

#sidebar ul.social li.muehle a {
background-image: url(images/muehle.jpg);
}

#sidebar ul.social li.repaper a {
background-image: url(images/repaper.jpg);
}

#sidebar ul.social li.zelt a {
background-image: url(images/zelt.jpg);
}

#sidebar ul.social li.ebert a {
background-image: url(images/eb_ingenieure.jpg);
}

ul { 
list-style: none; 
}

/* -------------------------------------------------- */


#sidebar ul li.active a{
padding:5px 0 5px 5px;
color:#fff;
background-color:#eb8043;
}

#sidebar ul.sidenavi li{
line-height:1.5em;
font-weight:bold;
}

#sidebar ul.sidenavi li a{
font-weight:bold;
}

#sidebar ul.children{
margin:0 0 -15px 15px;
}

#sidebar ul ul ul.children li a{
width:120px;
}

ul#sponsoring li{
margin:0 0 10px 0;
}

ul#sponsoring li a{
margin:0;
padding:0;
width:201px;
height:93px;
}

ul#sponsoring li a#repaper{
background: url(images/sponsoren_repaper.gif) 0 0 no-repeat;
}

ul#sponsoring li a:hover#repaper,
ul#sponsoring li a:focus#repaper,
ul#sponsoring li a:active#repaper{
background-position:0 -93px;
}

ul#sponsoring li a#eb{
background: url(images/sponsoren_eb.gif) 0 0 no-repeat;
}

ul#sponsoring li a:hover#eb,
ul#sponsoring li a:focus#eb,
ul#sponsoring li a:active#eb{
background-position:0 -93px;
}

ul#sponsoring li a#hwk{
background: url(images/sponsoren_hwk.gif) 0 0 no-repeat;
}

ul#sponsoring li a:hover#hwk,
ul#sponsoring li a:focus#hwk,
ul#sponsoring li a:active#hwk{
background-position:0 -93px;
}

ul#sponsoring li a#zelt{
background: url(images/sponsoren_zelt.gif) 0 0 no-repeat;
}

ul#sponsoring li a:hover#zelt,
ul#sponsoring li a:focus#zelt,
ul#sponsoring li a:active#zelt{
background-position:0 -93px;
}

ul#sponsoring li a#frank{
background: url(images/sponsoren_sportfrank.gif) 0 0 no-repeat;
}

ul#sponsoring li a:hover#frank,
ul#sponsoring li a:focus#frank,
ul#sponsoring li a:active#frank{
background-position:0 -93px;
}

ul#sponsoring li a#muehle{
background: url(images/sponsoren_hollmuehle.gif) 0 0 no-repeat;
}

ul#sponsoring li a:hover#muehle,
ul#sponsoring li a:focus#muehle,
ul#sponsoring li a:active#muehle{
background-position:0 -93px;
}

	ul#sponsoring li a#outlet{
background: url(images/sponsoren_outlet.gif) 0 0 no-repeat;
}

ul#sponsoring li a:hover#outlet,
ul#sponsoring li a:focus#outlet,
ul#sponsoring li a:active#outlet{
background-position:0 -93px;
}

ul#sponsoring li a#fabrik1design{
background: url(images/sponsoren_f1d.gif) 0 0 no-repeat;
}

ul#sponsoring li a:hover#fabrik1design,
ul#sponsoring li a:focus#fabrik1design,
ul#sponsoring li a:active#fabrik1design{
background-position:0 -93px;
}


/* Footer
-------------------------------------------------- */
#footer {
clear:both;
width:630px;
border:4px solid #fff;
margin:0;
padding:6px 0 6px 10px;
color:#fff;
background:#184780;
}

#footer a {
padding:3px;
font:93% arial, sans-serif; 
text-decoration:none;
color:#fff;
background:#184780;
}

#footer a:hover,
#footer a:focus,
#footer a:active {
padding:3px;
color:#19335D;
background:#FFF;
}

#footer #copyright{
font:normal 87%/1.4em "lucida grande", verdana, sans-serif;
color: #a9a9a9;
}


/* Formulare
-------------------------------------------------*/

form {
padding:6px 0;
}

form p {
padding:6px 0;
}

form label {
/*color:#383D44;*/
color:#fff;
background:inherit;
}

form label em {
font-style:normal;
color:#B1201F;
background:inherit;
}

form input, form textarea {
width:200px;
border:1px solid #B5B5B5;
padding:3px;
margin-bottom:3px;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
color:#383838;
background-color:#FBFBFB;
}

form input:hover,
form input:focus,
form textarea:hover,
form textarea:focus,
form textarea#comment:hover,
form textarea#comment:focus {
color:#666;
background-color:#FFFFE1;
}

form textarea {
overflow:auto;
}

#kontakt {
margin:35px 0 18px 0;
}

#kontakt p {
padding:0 0 3px 0;
margin:0;
}

#kontakt input,
#kontakt textarea {
margin:0 0 8px 0;
}

#kontakt .submit,
input#submit {
width:auto;
border-color:#FFF;
padding:3px 6px;
font-size:92.5%;
font-weight:bold;
color:#FFF;
background-color:#006699 !important;
}

#kontakt .submit:hover,
#kontakt .submit:focus,
input#submit:hover,
input#submit:focus {
color:#FFF;
background-color:#F39642 !important;
}

#kontakt #csubject,
#kontakt textarea,
textarea#comment {
width:80%;
}


/* Inhaltsverzeichnis
-------------------------------------------*/
.ddsg-wrapper {
margin:0;
padding:0 0 0 70px;
}

.ddsg-wrapper ul.ddsgposts1 {
padding: 0 0 16px 0 !important;
}

.ddsg-wrapper ul li {
font-weight:bold;
background:none !important;
}

.ddsg-wrapper ul li ul li {
margin:0 0 0 4px !important;
font-weight:normal;
background:url(images/bullet_content_list.jpg) 0em 0.7em no-repeat !important;
}

/* Skipnav
--------------------------------------------------*/

ul#skipnav {
margin:0;
padding:0;
height:0;
}

ul#skipnav li {
list-style-type:none;
display:inline;
}

ul#skipnav li a {
position:absolute;
top:-500px;
left:-999px;
text-decoration:none;
}

ul#skipnav li a:focus,
ul#skipnav li a:active {
z-index:5;
display:block;
position:absolute;
top:0px;
left:0px;
width:21em;
border:1px solid #fff;
margin:0;
padding:0 0 1px 4px;
font:bold .9em/2em "Lucida Grande", verdana, sans-serif;
text-align: left;
color:#2b2b2b;
background-color:#C5CCD6;
}

ul#skipnav li a:hover {
border:1px solid #fff;
color:#fff;
background-color:#4E6489;
}


/* Verschiedenes
--------------------------------------------------*/

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clear {
float:none;
clear:both;
width:auto;
height:0;
border:0 none;
margin:0;
padding:0;
line-height:0px;
}

.hilite {
color: #fff;
background-color: #f93;
}

.red {
color:#B1201F;
background-color:inherit;
}

fieldset {
border:0 solid;
}

#titlesecond {
padding:40px 0 0 0;
}

p.schmuck {
margin:0 40px 15px 0;
padding:10px 15px 10px 15px !important;
color:#2b2b2b;
background-color:#E0E9F5;
}

p a.more-link {
text-decoration:none;
color:#eb8043 !important;
}

p a.more-link:hover,
p a.more-link:focus,
p a.more-link:active {
color:#fff !important;
}

/* CSS-Stile
------------------------------------------- */
.imgright{
float:right;
margin:6px 0 0 12px;
}

.imgleft{
float:left;
margin:6px 12px 0 0;
}

.underline{
border-bottom:1px solid #000;
padding-bottom:1px;
}

/* Bullets
------------------------------------------- */
#content ul.bulltop li{
background: url(images/bullet_content_list.jpg) left .7em no-repeat;
}


legend,legend em, #header p a span, #topnavi li em, #header_logo em,
#header_nc em, #header_triathlon em, #header_tt em,
#header_schwimmen em, #header_vb em,
#aktuelles em, #suche em, #sponsoren em,
#repaper em, #verein em, #eb em, #hwk em, #zelt em,
#frank em,#muehle em,.widget_mycategoryorder h2 em,
#fabrik1design em, .handwerk em,.intersport em, .muehle em,
.repaper em, .zelt em, .ebert em, #outlet em {
position:absolute;
top:-500px;
left:-999px;
}

.post{
margin:0 0 20px 0;
}

.wp-pagenavi{
margin:0 0 0 50px;
}

/* Widget mycategorieorder
------------------------------------------- */

#mycategoryorder-3 ul{
margin:0;
padding:0;
}