/*
Theme Name: vebu-simple
Theme URI:  http://vebu.de
Description:  Vebu Regionalgruppen Simple Theme
Version:    0.02
Author:   Stefan Sander, Regionalgruppe Nuernberg, Sebastian Gärtner, Praktikant
Author URI: http://vebu.de
Tags: Vebu-simple
*/

/*************************************||  Summary  ||***********/
/*
	0.0 Information
	0.1 Colors

	1   Basis
	1.1 Fonts
	1.1.1 Basics
	1.2 Grid

	2.0 Header
	2.1 Searchform
        2.2 Select Pages

	3.0 ASide
	3.1 ASide/basic
	3.1.1 Aside/basic/Vert
	3.1.2 Aside/basic/Hor

	3.2 Aside/Widgets
	3.2.1 Aside/Widgets/Twitter
	3.2.2 Aside/Widgets/Links
	3.2.3 Aside/Widgets/RSS
	3.2.4 Aside/Widgets/SimpleTags
	3.2.5 Aside/Widgets/RQuote
	3.2.6 Aside/Widgets/RsEvent
	3.2.7 Aside/Widgets/VEBULinks


	4.0 Div#Content
	4.1 Div#Content/Post
	4.1.1 Div#Content/Post/Postmetadata
	4.1.2 Div#Content/Post/Contactform

	4.2 Div#Content/Breadcrumb
	4.3 Div#Content/Pagenavi

	5.0 Footer

	6.0 MISC
        6.1 select#fastchangerg

*/

/*************************************||  0 Information  ||***********/
/*************************************||  0.1 Declare Colors  ||***********/

/*

	vebu basis sonnengelb
	cmyk: 0/30/100/0
	rgb: 100/40/3,6
	pantone: 1505
	#fdb913
	253,185,19

	vebu basis grasgr�n
	cmyk: 60/0/100/0
	rgb: 40,3/71,9/13
        #75c048
	pantone: 368

	vebu basis deepocean
	cmyk: 100/50/0/0
	rgb: 4,1/31,6/63,2
	pantone: 2935


	grey/grau
	rgb(233, 233, 233)

	light green/gruen
	rgb(185, 224, 157)

*/
/*************************************|| 1 Basis  ||***********/
/*************************************|| 1.1 Basis /  Fonts  ||***********/


@font-face {
    font-family: 'Frutiger';
    src: url('fonts/FrutigerLTStd-Light.otf') format('opentype');
}

@font-face {
    font-family:'Frutigerbold';
    src: url('fonts/FrutigerLTStd-Bold.otf') format('opentype');
}

h1 ,h2, h3, h4 ,h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a , header strong,aside strong, #searchsubmit, #s
, #content>p.breadcrumb, #content>p.breadcrumb strong:first-child, #content>p.breadcrumb a, p.wp-caption-text
, .wp-pagenavi>.pages, a.last, select#fastchangerg, select#fastchangerg option
, #selectpageform select optgroup, nav#nav ul.primarynavigation li a {
    font-family:Frutiger, Verdana, sans-serif, Geneva, Helvetica;
}



/*************************************||  1.3 Basis /basics ||***********/

* {
    margin:0;
    padding:0;
    color:#000;
    border:0;
    font-family: Arial;
    z-index: 1;
}

li {
    list-style:none;
}

a {
    color: rgb(114, 191, 68);
    text-decoration:none;
}

a#oben {
    display:none;
}

/*************************************||  1.4 Grid  ||***********/

div#wrapper {
    display:block;
    margin:0em auto 0 auto;
    position:relative;
    padding-bottom:2em;
    width:62.5em;
}

div#sidebar {
    float:left;
    width:17.6em;
    /*background:#f0a;*/
    margin-bottom:3em;
    z-index: 50;

}

div#content {
    margin-bottom:4em;
    float:right;
    width:40em;
}

aside, header {
    display:block;
    width:inherit;
    /*background:#fa0;*/
}

div#wrapper>aside {
    clear:both;
    display:block;
    width:100%;
}

footer {
    clear:both;
    display:block;
    width:100%;

}

/*************************************||  2.0 Header  ||***********/

header {
    font-size:1.2em;
    width:inherit;
}

h1 {
    width:282px;
    height:158px;
    display:block;
    background:url('images/Vebu_Logo.png') no-repeat;

}

h1 a{
    display:block;
    width:inherit;
    height:inherit;
    text-align:right;
    font-family:'Frutigerbold';
    font-size:0.9em;

}

h1 a span {
    display:none;

}

h1 + span {
    margin-top:0.8em;
    color:rgb(114, 191, 68);
    letter-spacing: 0.1em;
    font-family: 'Frutigerbold';

}

.kindwebsite {
    color:#999999;
    font-size:0.9em;
    width: 20em;
    display:block;
    font-family: 'Frutiger';
    letter-spacing: 0;
}

header strong {
    display:block;
    width:inherit;
    margin-top:1.5em;
}

nav#nav {
    z-index: 100;
}

nav#nav ul.primarynavigation {
    display:block;
    width: 100%;
    height:1.6em;
    border-bottom:1px solid #ccc;
    margin:1em 0 3em 0;
}

nav#nav ul.primarynavigation>li {
    float:left;
    text-align: left;
    margin-right:1.3em;
    font-size:1.4em;
    font-weight: bold;
    height:1.6em;
}

nav#nav ul.primarynavigation>li ul.sub-menu {
    display:none;
    width:10em;
    position:relative;
}
nav#nav ul.primarynavigation>li:hover ul.sub-menu {
    display:block;
    width:0.1em;
    height:0.1em;
    overflow:visible;
}

nav#nav ul.primarynavigation>li ul.sub-menu>li {
    display:block;
    position:relative;
    width: 10em;
    padding-left:0.2em;
    padding-right:0.2em;
    text-align: left;
    background:#e9e9e9;
    border-bottom:1px solid #d8d8d8;
    border-top:1px solid #fff;
}

nav#nav ul.primarynavigation>li:hover ul.sub-menu>li:last-child {
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border:4px solid #e9e9e9;
    width:9.7em;
}

.widget_twitter  ul {
    background:rgb(233, 233, 233);
    border:2px solid rgb(233, 233, 233);
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    box-shadow: 0px 0px 6px 0 #c1c1c1;
    margin-bottom:2em;
    padding:  0.3em 0 0.3em 0;
}

/*************************************||  2.1 Header/Searchform  ||***********/

#search_form {
    width:inherit;
    height:1.5em;
    margin:1em 0 1em 0;
}	


#s {
    float:left;
    width:10.9em;
    height:inherit;
    font-size:1.1em;
    padding-left:0.3em;
    border:2px solid rgb(233, 233, 233);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#searchsubmit {
    float:left;
    width:2.5em;
    height:2.5em;
    margin-left:0.5em;
    padding-left:0.3em;
    background: url('icons/1316995986_Magnifier2.png') center center no-repeat;
    color:#fff;
    text-indent: -3000px;

}

#searchsubmit:hover {
    background: url('icons/1316995986_Magnifier2.png') center center no-repeat;
    border:2px solid rgb(233, 233, 233);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/*************************************||  2.2 Header/Select Page  ||***********/


#selectpageform select {
    border:0;
    color:#72bf44;
    background:transparent;
    font-size:1.5em;
    height:1.7em;
    width:330px;
    *width:280px;
}

#selectpageform select optgroup {
    font-size:0.7em;
}

#selectpageform select option {
    color:#72bf44;
}

#selectpageform #selectionbox {
    overflow:hidden;
    width:280px;
    height:2em;
    /*
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 6px;
    box-shadow: 0px 0px 6px 0 #c1c1c1;
    */
    background: url("icons/1316987575_bullet_arrow_down.png") no-repeat scroll 245px 2px;
}

#selectpageform>#selectionbox:hover>option[selected="selected"] {
    background: url("icons/1316987575_bullet_arrow_down.png") no-repeat scroll 245px 2px #e5e5e5;
}


/*************************************||  3.0 Aside  ||***********/

aside {
    font-size:1.2em;
}
/*************************************||  3.1 Aside/basic  ||***********/

/*************************************||  3.1.1 Aside/basic/Vert  ||***********/

div#wrapper>div#sidebar>aside>ul.widgets {
    width:inherit;
}

div#wrapper>div#sidebar>aside >ul.widgets>li.widget {
    margin-top:2.5em;
    float:left;
    width:inherit;
    text-align:left;
}


/*************************************||  3.1.2 Aside/basic/Hor  ||***********/

div#wrapper>aside>ul {
    border-top:2px solid #E7E7E7;
    padding-top:0.4em;
    width:inherit;
    height:16em;
    margin-top:3em;
}

div#wrapper>aside li.widget {
    float:left;
    width:16em;
    margin-left:1.5em;
    text-align:left;
}

div#wrapper>aside>ul.widgets>li.widget:first-child {
    margin-left:0em;
}


/*************************************||  3.2 Aside/Widgets  ||***********/

strong.widgettitle {
    display:block;
    width:inherit;
}
/*************************************||  3.2.1 Aside/Widgets/Twitter  ||***********/

.widget_twitter {
    background:#fff;
}

.widget_twitter  ul {
    /* wird unter Header eingestellt */
    font-size:0.8em;
}

.widget_twitter  ul li {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #D8D8D8;
}
/*************************************||  3.2.2 Aside/Widgets/Links  ||***********/

.widget_links ul {
    font-size:0.8em;
}

div#sidebar .widget_links strong.widgettitle {

}

div#sidebar .widget_links>ul.xoxo>li>a {
    display:block;
    border-bottom: 1px solid #E7E7E7;
    padding: 0.2em 0 0.1em 1.5em;
    background:url('icons/fatcow-hosting-icons-1000/16x16_0060/arrow_right_vebu.png') no-repeat 0% 50%;
}

div#sidebar .widget_links>ul.xoxo>li>a:hover {
    background:url('icons/fatcow-hosting-icons-1000/16x16_0060/arrow_right.png') no-repeat 0% 50%;
}

/*************************************||  3.2.3 Aside/Widgets/RSS  ||***********/

.widget_rss {
    font-size:0.75em;
}

.widget_rss>ul>li, li.rsevent {
    border-bottom:1px solid #E7E7E7;
    padding-bottom:0.4em;
    margin:0.5em 0 1em 0;
}
/*************************************||  3.2.4 Aside/Widgets/SimpleTags  ||***********/

.widget-simpletags>ul>li {
    margin:0.2em 0.3em;
    padding:0.1em 0.3em 0.2em 0.2em;
    float:left;
    background:rgb(185, 224, 157);

}

.widget-simpletags>ul>li:last-of-type {
    clear:both;
    display:block;
}

/*************************************||  3.2.5 Aside/Widgets/RQuote  ||***********/

/* Quote Link - http://www.designmeme.com/articles/csscurlyquotes/*/
blockquote.vebuquote:before {
    content: open-quote;
    position:relative;
    height:50px;
    left:-0.4em;
}

blockquote.vebuquote:after {
    content: close-quote;
    position:relative;
    right:-0.5em;
}

blockquote.vebuquote:before, blockquote.vebuquote:after {
    color: rgb(73%, 88%, 62%);
    font-size: 500%;
}

blockquote.vebuquote {
    padding-left:2em;
    text-align:left;
}

blockquote.vebuquote>p {
    margin:0;
    margin-top:-3.5em;
}

/*************************************||  3.2.6 Aside/Widgets/RsEvent  ||***********/

/* li.rsevent
 have a look at 3.2.3 Aside/Widgets/RSS*/

/*************************************||  3.2.7 Aside/Widgets/VEBULinks  ||***********/


ul.widget_links ul {
    font-size:0.8em;
}

ul.widget_links strong.widgettitle {
    border:2px solid #000;
}

ul.widget_links>li>ul>li>a {
    color:#585858;
    font-weight: bold;
    display:block;
    border-bottom: 1px solid #E7E7E7;
    padding: 0.2em 0 0.1em 1.5em;
    background:url('icons/fatcow-hosting-icons-1000/16x16_0060/arrow_right_vebu.png') no-repeat 0% 50%;
}

ul.widget_links>li>ul {
    margin-bottom:0.8em;
}

ul.widget_links>li>ul>li>a:hover {
    color:#000;
    padding-left:2em;
    background:url('icons/fatcow-hosting-icons-1000/16x16_0060/arrow_right.png') no-repeat 3% 50%;
}

/*************************************||  4 Div#Content  ||***********/

div#content {
}

/*************************************||  4.1 Div#Content/Post  ||***********/

.post {
    margin-bottom:7em;
}

div#content h3 {
    font-size:2em;
    text-shadow: 0px 1px 1px #555;
    color: #999;
}

div#content ul,ol,p, em {
    margin-bottom:1.5em;
}

div#content li{
    margin:0 0 0.4em 1em;
}

div#content ul li{
    list-style-type:disc;
}

div#content ol li{
    list-style-type:decimal;
    margin-left:1.6em;
}

h4 {
    text-decoration:underline;
    margin-bottom:2em;
    font-size:1.3em;
}

/*************************************||  4.1.1 Div#Content/Post/Postmetadata  ||***********/

.postmetadata {
    color: #999;
    border-top: 1px solid rgb(231, 231, 231);
    border-bottom: 2px solid rgb(231, 231, 231);
    margin:0.4em 0 4em 0;
    padding-top:0.3em;
    min-height: 10em;
}

.postmetadata li {
    width: 100%;
    height: 1.1em;
    display:block;
}

#content ul.postmetadata ul>li {
    list-style-type:none;
    margin-left:0;
}

.postmetadata span {
    padding-left:1.2em;
    float:left;
    width:3em;
    clear:both;
}

.postmetadata span+strong {
    float:left;
    margin-left:4em;
}

.postmetadata .tagsli {
    display: block;
    width: 100%;
    height:3em;
}

.postmetadata  .tagsli strong {
    width:31em;
}


.tags {
    background:url('icons/fatcow-hosting-icons-1000/16x16_0880/tag_green.png') no-repeat;
}


.author {
    background:url('icons/fatcow-hosting-icons-1000/16x16_0960/user_green.png') no-repeat;
}

.calendar {
    background:url('icons/fatcow-hosting-icons-1000/16x16_0340/date.png') no-repeat;
}

.categories {
    background:url('icons/fatcow-hosting-icons-1000/16x16_0440/folder.png') no-repeat;
}

.socialshare {
    background:url('icons/fatcow-hosting-icons/16x16/world_link.png') no-repeat;
}



/*************************************||  4.1.2 Div#Content/Post/Contactform  ||***********/

.wpcf7 {

}

.wpcf7 input[type="text"], .wpcf7 input[type="submit"] {
    border:2px solid rgb(122, 201, 67);
    font-size:1.4em;
    width:15em;
}

.wpcf7 textarea {
    border:2px solid rgb(122, 201, 67);
    background: #B9E09D;
    color: rgb(255, 255, 255);
    font-weight:bold;
    width:21em;
}

.wpcf7 input[type="submit"] {
    background:rgb(122, 201, 67);
    width:15.3em;
    color: rgb(255, 255, 255);
}

/*************************************||  4.2 Div#Content/Breadcrumb  ||***********/

p.breadcrumb {
    font-size:1.2em;
    border-bottom:2px solid #E7E7E7;
}

/*************************************||  4.2 Div#Content/Pagenavi  ||***********/
.wp-pagenavi {
    border-top:2px solid #E7E7E7;
    padding-top:0.3em;
    text-align:center;
}

.wp-pagenavi>.pages, a.last {
    font-size:1.5em;
    margin-right:0.6em;
}

a.previouspostslink, a.nextpostslink {
    font-size:2em;
}

div.navigation {
    text-align:center;
    border-top:2px solid #E7E7E7;
}

div.alignleft, div.alignright {
    display:inline;
    margin:0 0.5em;
    text-align:center;
}

a.page {
    color:rgb(233, 233, 233);
}

a.page:hover {
    color:rgb(185, 224, 157);
}

a.page, span.current {
    font-size:2em;
    font-weight:bold;
    padding: 0.1em 0.3em;
    margin:0 0.3em;
}

span.current {
    color:rgb(114, 191, 68);
}

/*************************************||  5 Footer  ||***********/
footer {
    border-top:2px solid rgb(114, 191, 68);
    color:rgb(91%, 91%, 91%);
    font-weight:bold;
}

footer>a {
    font-weight:normal;
}


a[href="#oben"] {
    background:url('icons/fatcow-hosting-icons-1000/16x16_0060/arrow_up.png') no-repeat 0% 95%;
    padding-left:1em;
}

/* ----------------------------------||  6 MISC  ||------------ */

.date {
    margin-top:4em;
}
/*************************************||  6.1 select#fastchangerg  ||***********/
select#fastchangerg option {

}