/*

Theme Name: Summer Street

Theme URI: http://www.summer-street.de/wp-content/themes/sustr/

Description: Summer Street - Krefeld

Version: 1.0

Author: easyWEB4u - Webdesign Duisburg

Author URI: http://www.easyweb4u.net

Stand: 31.03.2011

Template Programmierung : Dirk Schmidt

*/

:focus { outline: 0; }

/* standard elements */

html {
	min-height: 100%;
}

* {
	margin: 0;
}

a {color: #963;}
a:hover {color: #C60;}

body {
	background-color: #FFCD02;
	color: #444;
	font: normal 14px Arial;
}

p,code {padding-bottom: 10px;}


/* misc */

.clearer {clear: both;}
.left {float: left;}
.right {float: right;}
.spacer_ {
	font-size: 1px;
}

img.alignleft { 
    padding: 6px; 
    margin: 0.5em 15px 0.5em 0; 
    float: left;     
    clear: left;
    border:none;
}
  
img.alignright { 
    padding: 6px; 
    margin: 0.5em 0 0.5em 15px; 
    float: right; 
    clear: right;
    border:none;
}

img.aligncenter { 
    display: block; 
    padding: 8px; 
    margin: 0 auto 1.5em auto; 
    float: none; 
    clear: both;
    border:none;
}

input, select { /* Alle Labels UND Formularelemente ausw?hlen */
	display: block;
	border: 1px solid #939793;
	height: 20px;
}

input[type="hidden"] { border: 0;}

/* header */

.top {
margin-top:15px;
width: 950px;
height: 140px;
}



/* title */

.header {
	font-size: 1.2em;
	height: 125px;
	margin-top: 15px;
	width: 950px;
}


/* structure */

.container {
	font-size: 14px;
	width: 950px;
	padding: 0;
}



#searchform {
	padding-top: 10px;
}

#searchtext {
	background: #FFFFFF;
	float: left;
	border: 0px;
	margin-right: 10px;
}

#searchsubmit {
	background: #FFFFFF;
	border: 0px;
	color: #B3B3B3;
	font: normal 0.95em Futura Lt BT, Arial;
}

/* navigation */

.topnavigation {	
	width: 950px;
	height: 10px;
	text-align: right;
	text-transform: uppercase;
	font: normal 10px Arial;
}

.topnavigation a {
	color: #777;
	text-transform: uppercase;
	text-decoration: none;
	font: normal 10px Arial;
}

.topnavigation a:hover {color: #FFF;}

.navigation {
	background: url('img/bgnavigation950.gif');
	width: 950px;
	height: 50px !important;
}

.menu {
	padding-left: 15px;
	width: 700px;
	height: 50px !important;
	float: left;
	text-align: left;
}

.menu a {
	color: #787878;
	text-decoration: none;
	font-family:  Arial;
	font-size: 50px;
}

.menu img {
}

.menu a:hover {
	color: #787878;
	background: #FFDC02
}

.menu .aktiv {
	background: #FFDC02;
}

.netzwelt {
	width: 100px;
	height: 50px !important;
	float:left;
	color: #787878;
	text-align: left;
	text-decoration: none;
}

.netzwelt img {
}

/* sub navigation */

.subnavigation {
	margin-top: 5px;
	margin-bottom: 25px;
	width: 650px;
	height: auto;
	line-height: 15px;
	text-align: center;
	padding-top: 5px;
}

.subnavigation ul{
	display:inline;
}

.subnavigation li{
	list-style: none;
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px groove #777;
}

.subnavigation li.current_page_item a{
	color: #BBB;
}

.subnavigation a {
	color: #777;
	text-transform: uppercase;
	text-decoration: none;
	font: 11px Arial;
}

.subnavigation a:hover {color: #BBB;}

/* main */

.main {
	width: 950px;
	background: url('img/bgmain950.gif');
}

/* sidenav */

.sidenav {
	font-family: Arial;
	float: right;
	width: 250px;
	height: 100%;
	background: #BDA401;
}

.sidenav hr{
	height:1px;
	border:none;
	background-color: #FFFFFF;
}

.sidenav  h2 {
	font: bold 1.3em Arial;
	color: #FFFFFF;
	padding-left: 10px;
}

.sidenav ul {
	background: #BDA401;
	padding-bottom: 25px;
}

.sidenav li a {
	background: #BDA401;
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}

.sidenav li a:hover {
	color: #FF8044;	
}

.textwidget {
	padding-left: 15px;
	padding-right: 15px;	
}

.textwidget {
	font-family: Arial;
	font-style:normal;
	font-size: 12px;
}

.textwidget h5 {
	margin-left: 0px;
	margin-bottom: 20px;
	font-family: Arial;
	font-style: normal;
	font-size: 16px;
	color: #FFFFFF;
}

.textwidget a {
	font-family: Arial;
	font-style:normal;
	font-size: 12px;
        text-decoration: none;
	color: #333333;
}

.textwidget a:hover {
	color: #FFDC02;
}

.widget_text h2 {
	margin-left: 5px;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFDC02;
}

/* content */

.content {
        background: #FFDC02;
	float: left;
	width: 665px;
}

.content .descr {
	color: #888888;
	font-size: 0.9em;
	margin-bottom: 6px;
}

.content p {font-family: Arial;}

/* footer */

.footer {
	width: 950px;
	padding-top: 5px;
	text-align: center;
	color: #BDA401;
	font: normal 0.9em Arial;
	height: 50px;
}

.footer a, .footer a:hover {
	color: #BDA401;
	text-decoration: none;
}

/* copyright */

.copyright {
	text-align: center;
	text-transform: uppercase;
	color: #BDA401;
	font: normal 0.9em Arial;
	line-height: 15px;
}



.copyright a, .copyright a:hover {
	color: #BDA401;
	text-transform: uppercase;
	text-decoration: none;
}

/* posts */

.post {
	margin-left: 30px;
}

.post h1{
	font: normal 24px Arial;
	margin-bottom: 5px;
	color: #787878;
}

.post h1 a {
	text-decoration:none;
	color: #787878;
}



.post h1 a:hover {
	text-decoration:none;
	color: #CCCCCC;
}



.post  a {
	text-decoration:none;
	color: #333;
}

.post  a:hover {
	text-decoration:underline;
	color: #333;
}



.post .info{
	padding: 5px 10px;
	border: 1px solid #E3E4E4;
	background:#F5F5F5;
	color: #555;
	margin: 2px 0 4px;
}

.post img {border: 0px solid #DDD; margin: 4px 0;}

.post a img {border: 0px solid #DDD;}

.post a:hover img {border-color: #CCC;}

.info a {text-decoration: none;}

.info a:hover {text-decoration: underline;}

/* comments */

#commentform {
	margin: 1em 0;
	background: #FFF;
	width: 400px;
}

.commentmetadata {padding: 2px 0 4px;}

.commentmetadata a {color: #664;}

textarea.styled {width: 280px;}

.styled {
	font-size: 1.1em;
	background: #F8F7F6;
	border: 1px solid #D6D3D3;
}

.styled:hover {
	background: #FFF;
	border: 1px solid #D6D3D3;
}

.styled:focus {
	background: #FFF;
	border: 1px solid #939793;
}

#commentform input {margin-bottom: 3px;}

a img {border:none;}

.entry {
        padding-top: 15px;
	color: #666666;
	line-height: 1.3;
}



.entry  h1{
	font: normal 40px Arial;
	margin-bottom: 25px;
	color: #FFFFFF;
}

.entry  h2{
	margin-bottom: 5px;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: #FF8044;
}

.entry  h5{
        margin-top: 10px;
	text-align: right;
	color: #BBB;
	text-transform: uppercase;
	text-decoration: none;
	font: 11px Arial;
}


.entry hr{
	margin-top: 0px;
	margin-bottom: 5px;
	border-width: 1px;
	border:none;
	border-top: 1px dashed #BBB;
	height:1px;
	background-color:transparent;
}

.entry ol{

        margin-top: 5px;
	margin-bottom: 15px;
	list-style-type: decimal;

}

.entry ol li {

.entry img {
	border:none;
}

.entry img.alignleft { 
    padding: 6px; 
    margin: 0.5em 15px 0.5em 0; 
    float: left;     
    clear: left;
    border:none;
}
  
.entry img.alignright { 
    padding: 6px; 
    margin: 0.5em 0 0.5em 15px; 
    float: right; 
    clear: right;
    border:none;
}

.entry img.aligncenter { 
    display: block; 
    padding: 8px; 
    margin: 0 auto 1.5em auto; 
    float: none; 
    clear: both;
    border:none;
}


/* calendar
--------------------------------------------------*/

#wp-calendar {
  display:inline-table;
  border-collapse:collapse;
  width:185px;
  margin:0px 10px 0 10px;
  text-align:center;
  color:#A0A0A0;
}

/* comments
--------------------------------------------------*/

.commentarea {
padding: 30px;
}

.comment{}

#comments {
	font: normal 18px Arial;
	margin-bottom: 5px;
	color: #787878;
}

#postcomment {
	font: normal 18px Arial;
	margin-bottom: 5px;
	color: #787878;
}