/*
Theme Name: Jonas7
Theme URI: -
Description:
Author: dragonbyte.de
Version: 1.0
Tags:
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, ul, li
dl, dt, dd, ol, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0px;
        padding: 0px;
        border: 0px;
        vertical-align: baseline;
        background: transparent;
}
body {
        line-height: 25px;
}
h1, h2, h3, h4, h5, h6 {
        font-weight: normal;
        clear: both;
        font-family:"Trebuchet MS" ;
}
ol, ul {
        list-style: none;
}
blockquote {
        quotes: none;
}
blockquote:before, blockquote:after {
        content: '';
        content: none;
}
del {
        text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}
a img { border: none; }

/*
LAYOUT
*/

body {
        background: #f3f3f3 url('images/body.png') repeat-x;
        font-family: Verdana, Geneva, Kalimati, sans-serif;
        font-size: 12px;
        color: #1a1a1a;
        margin-bottom: 72px;
}

a {
        text-decoration: underline;
        color: #1a1a1a;
}



a:hover {
        text-decoration: underline;
        color: #1a1a1a;
        text-shadow: #fff -2px -2px 0px;
}

.alignleft
{
   float:left;
   margin-right:10px;
}

.alignright
{
   float:right;
   margin-left:10px;
   margin-top:20px;
   margin-bottom:20px;
}

h1,
h2,
h3 {
        margin-bottom: 10px;
}

h2,
h3 {
        font-weight: bold;
}

h1 {
        font-size: 18px;
}

h2 {
        font-size: 30px;
        color: #8fae13;
}

h3 {
        font-size: 16px;
        color: #2b2b2b;
}

h3 a{
		text-decoration:none;
}

h3 a:hover{
		text-decoration:none;
}

h4{
		font-size:18px;
		color:#8fae13;
		margin-top:40px;
}

p {
        line-height: 21px;
}



.entry-content ul
{
   list-style-image: url('images/bullet.gif');
   margin:10px;
}

.entry-content li
{
   margin-left:10px;
}

.clear { clear: both; }
.glow { text-shadow: 0 0 1px #aaa; }

#header,
#main{
        width: 1000px;
        margin: 0 auto;
}

#header {
        height: 95px;
}
        #logo {
                text-indent: -9999px;
                background: url('images/logo.png') no-repeat;
                width: 278px;
                height: 93px;
                display: block;
                float: left;
                margin-left:-12px;
        }
        .menu {
                float: left;
        }
                .menu li {
                        float: left;
                        margin-top: 17px;
                        position: relative;
                }
                        .menu li a {
                                display: block;
                                height: 60px;
                                line-height: 60px;
                                color: #fff;
                                text-decoration: none;
                                padding: 0 18px;
                                font-weight: bold;
                                font-size: 14px;
                                text-shadow: #43651f 1px -1px 0;
                                margin: 0 1px;
                        }
                        .menu li:hover a,
                        .menu li.current_page_item a,
                        .menu li.current_page_ancestor a {
                                color: #5f8922;
                                text-shadow: 0 0;
                                background: url('images/menu.png') repeat-x;
                        }
                        .menu .sub-menu {
                                display: none;
                                position: absolute;
                                top: auto;
                                left: 0;
                                background: #333e28;
                        }
                        .menu li:hover .sub-menu {
                                display: block;
                        }
                                .menu .sub-menu .sub-menu {
                                        display: none;
                                        position: absolute;
                                        top: 0;
                                        left: 210px;
                                }
                                .menu li:hover .sub-menu .sub-menu {
                                        display: none;
                                }
                                .menu li:hover .sub-menu li:hover .sub-menu {
                                        display: block;
                                }
                                .menu li .sub-menu li {
                                        float: none;
                                        margin: 0;
                                }
                                .menu li .sub-menu li a {
                                        color: #fff;
                                        height: auto;
                                        line-height: normal;
                                        padding: 5px;
                                        background: none;
                                        display: block;
                                        width: 200px;
                                        font-weight: normal;
                                        margin: 0;
                                }
                                .menu li .sub-menu li:hover .sub-menu a {
                                        background-color: transparent;
                                }
                                .menu li .sub-menu li:hover .sub-menu  li:hover a,
                                .menu li .sub-menu li:hover a {
                                        background-color: #50623f;
                                }
#slider{
        position:relative;
		z-index:1;
		float:left;
		width:698px;
		margin-top:20px;
}
#slides{
	width:100%;	
}
#jFlowSlide{ font-family: Georgia; }
#myController { padding:2px 0;  width:696px;  margin-top:-18px;}
#myController span.jFlowSelected { background:#43A0D5;margin-right:0px; }
.jFlowControl, .jFlowPrev, .jFlowNext { cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;}
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { text-decoration:underline; }
.jFlowControl{
	visibility:hidden;
}
.jFlowNext{
	float:right;
}
#container{
        margin-top: 20px;
}

#container {
        background: #fdfdfd url('images/container.png') repeat-x;
        width: 700px;
        float: left;
}

#content {
        background: #fefefe url('images/content.png') repeat-x;
        margin: 20px 5px 0;
        padding: 10px;
        min-height: 510px;
}

#sidebar {
        width: 300px;
        float: left;
		position:absolute;
		margin-left:712px;
}
        #sidebar #primary,
        #sidebar #secondary {
                padding: 10px;
        }
        #sidebar #primary {
                padding-top: 0;
        }

#footer {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        height: 40px;
		padding-top: 35px;
        background: url('images/footer.png') repeat-x;
        color: #ff880d;
        text-align: center;
		z-index:10;
}
#footer p{
		margin:0;
		padding:0;
		font-size: 18px;
		margin-bottom:-5px;
}
#footer a{
		text-decoration:none;
        color: #ff880d;
		font-size:10px;
		margin-right:4px;
		padding:0;
}
#footer a:hover{
		text-decoration:underline;
		text-shadow:none;
		color:#ff880d;
}
.hidden
{
display: none;
}
#text-3{
	margin-top:25px;
}
#text-4{
 margin-top:25px;
}
#text-4 h3{
	text-decoration:underline;
}
#menu-head2{
	position:relative;
	z-index:10;
}		
#aktion{
	background:url(images/aktion.png) no-repeat;
	position:relative;
	width:280px;
	height:200px;
}
.aktion_mail{
	width:224px;
	height:19px;
	position:absolute;
	margin-top:125px;
	margin-left:50px;
}
.aktion_angebot{
	width:182px;
	height:37px;
	position:absolute;
	margin-top:156px;
	margin-left:73px;
}
#twitter-1{
	text-align:justify;
}
#twitter-1 span.twitter-timestamp{
	font-size:11px;
	float:left;	
}
.twtr-avatar{
	visibility:hidden;
}
#table{
	margin-top:50px;
}
#table td{
	font-size:11px;
	border:1px solid #cccccc;
}

