 /*
Theme Name: red minimalista

	INHALTSVERZEICHNIS:

    1. ...... Allgemeine bzw. Dokumentweite Angaben
    2. ...... Kontainer sog. Wrapper
    2.1 ..... Kopf bzw. Header
    2.2. .... Mitte (Middle) (beinhaltet die Seitenleiste und den Inhalt)
    2.2.1 ... Seitenleiste aka Sidebar
    2.2.2 ... Inhalt (Content)
    2.2.3 ... Kommentarbereich
    2.3 ..... Fuss bzw. Fu? aka Footer
    3. ...... Spezielle Formatierungen (z.B. fuer Plugins)

 1. Allgemeine bzw. Dokumentweite Angaben */
html {
    height: 100%;
}

body {
    background: #fff url(img/bg.gif) left top repeat-x;
    text-align: center;
    font: 12px verdana, arial, sans-serif;
    margin: 0;
    padding: 0 0 0 0;
    height: 100.01%;
}

pre, code, samp {
    font: 1em 'courier new', courier, monospace;
    color: #c60;
}

acronym, abbr, dfn {
    border-bottom: 1px dashed #999;
    font-style: normal;
    cursor: help;
}

blockquote {
    padding: 0 15px 0 10px;
    margin: 15px 0 15px 5px;
    text-align: justify;
    color: #555;
    line-height: 1.35;
    font-size: 11px;
    border-left: 5px solid #eee;
}

a {
    color: #b00;
    text-decoration: none;
}
a:hover {
    color: #333;
}

img {
    border: none;
}

#clearer {
    clear: both;
}


.center {
    text-align: center;
}

/* small */
.klein {
    font-size: .9em;
}
/* smaller */
.kleiner {
    font-size: .8em; 
}

/* Hiermit "positioniert" man die Bilder (links = left; rechts = right) */
.bild-links {
    float: left;
    margin: 2px 10px 5px 0;
}

.bild-rechts {
    float: right;
    margin: 2px 0 5px 10px;
}

/* Kontainer sog. Wrapper */
#kontainer {
    width: 850px; 
    margin: 0 auto;
    text-align: left;
    padding-bottom: 20px;
}

/* 2.1 Kopf bzw. Header */
#headerlogo {
    background: url(img/logo_loesungsweg_potsdam.gif) no-repeat;
    height: 104px;
}

#headerlogo a#start{
	display:block;
	width:325px;
	height:104px;
	text-indent:-9999px;
}

#headerlogo #suche{
	position:relative;
	top:3px;
	left:560px;
}

#headerlogo #suche input.suchfeld {
    border: 1px solid #ccc;
    font-size: 11px;
    padding: 2px;
    width: 145px;
    color: #555;
}
#headerlogo #suche input.suchfeld:hover, #seitenleiste input.suchfeld:focus {
    border: 1px solid #900;
}

#headerlogo #suche input.sendebutton {
    border: 1px solid #ccc;
    background: #ddd;
    font-size: 12px;
    margin-top: 0px;
    margin-left:4px;
    padding: 1px 3px;
    line-height: 1.2;
}
#headerlogo #suche input.sendebutton:hover  {
    border: 1px solid #900;
    background: #ddd;
    color: #990000;
}


a.menu1 { display:block; margin-left:10px; text-align:center; width:114px; height:40px;
        text-decoration:none; float:left; padding-top:110px;}

a.menu1:link    { font-family:arial;font-weight:bold; font-size:13px; color:#fff; background:url(img/menu/menu.gif) no-repeat; }
a.menu1:visited { font-family:arial;font-weight:bold; font-size:13px; color:#fff; background:url(img/menu/menu.gif) no-repeat; }
a.menu1:hover   { font-family:arial;font-weight:bold; font-size:13px; color:#fff; background:url(img/menu/menu_roll.gif) no-repeat; }
a.menu1:active  { font-family:arial;font-weight:bold; font-size:13px; color:#fff; background:url(img/menu/menu.gif) no-repeat; }

a.menu2 { display:block; margin-left:10px; text-align:center; width:114px; height:40px;
        text-decoration:none; float:left; padding-top:110px;}

a.menu2:link    { font-family:arial;font-weight:bold; font-size:13px; color:#fff; background:url(img/menu/menu_on.gif) no-repeat; }
a.menu2:visited { font-family:arial;font-weight:bold; font-size:13px; color:#fff; background:url(img/menu/menu_on.gif) no-repeat; }
a.menu2:hover   { font-family:arial;font-weight:bold; font-size:13px; color:#fff; background:url(img/menu/menu_roll.gif) no-repeat; }
a.menu2:active  { font-family:arial;font-weight:bold; font-size:13px; color:#fff; background:url(img/menu/menu_on.gif) no-repeat; }


#menuleiste  {
	height:58px;
	width:850px;
	background:url(img/bg_menu.gif) repeat-x;
	padding-top:0px;
	text-align:left;
}

#menubuttons {
	text-align:left;	
	margin:0px 1px 0px 0px;
	padding-top:0px;
	float:left;
}



/* 2.2 Mitte (beinhaltet die Seitenleiste und den Inhalt) */
#mitte {
    background: #fff;
    padding: 0px 0px 10px 10px;
}

/* 2.2.1 Seitenleiste aka Sidebar */
#seitenleiste {
    width: 243px;
    float: right;
margin:10px 10px 0px 0px;
    line-height: 1.55;
    color: #444;
    background:#fff;
}

#seitenleiste #newsbar{
	background:#FFFFCC;
	height:239px;
	border: 1px solid #E7D5D2;

}

#seitenleiste h2 {
    margin: 5px 0;
    text-transform: uppercase;
    background: ;
    padding: 1px 5px;
    color: #333333;
    font-size: 13px;
}
#seitenleiste form {
    margin: 0 0 20px 0;
    padding-top: 2px;
    padding-left: 5px;
}
#seitenleiste input.suchfeld {
    border: 1px solid #ccc;
    font-size: 11px;
    padding: 2px;
    width: 180px;
    color: #555;
}
#seitenleiste input.suchfeld:hover, #seitenleiste input.suchfeld:focus {
    border: 1px solid #900;
}

#seitenleiste input.sendebutton {
    border: 1px solid #ccc;
    background: #ddd;
    font-size: 11px;
    margin-top: 3px;
    padding: 1px 3px;
    line-height: 1.2;
}
#seitenleiste input.sendebutton:hover  {
    border: 1px solid #900;
    background: #b00;
    color: #fd5;
}

#seitenleiste ul {
    list-style: none;
    margin: 20px 0 20px 0;
    padding: 0;
}
#seitenleiste li {
    border-bottom: 1px solid #ddd;
    line-height: 1.6;
    padding-left: 5px;
    margin-top:5px;
}
#seitenleiste ul li a {
    
}

#seitenleiste li li {
    margin-left: 10px;
}

/* 2.2.2 Inhalt */
#inhalt {
    float: left;
    width: 574px;
    padding-bottom: 15px;
    line-height: 1.45;
    color: #444;
    background: transparent;
}
#inhalt p {
    margin-top: 1em;
    margin-bottom: 1.1em;
}

#inhalt a {
    border-bottom: 1px solid #eee;
}
#inhalt a:hover {
    border-bottom: 1px solid #555;
}

#inhalt h2 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: .5em;
    padding: 0;
    color: #990000;
}

#inhalt h3 {
    font-size: 15px;
    margin: 17px 0 5px 0;
    padding: 0;
    color: #333;
    border-bottom: 1px dotted #ddd;
}

#inhalt h4 {
    font-size: 13px;
    font-weight: bold;
    color: #444;
    margin: 17px 0 5px 0;
}

#inhalt h2 a, #inhalt h2 a:hover {
    border-bottom: none;
}

#inhalt h2.beitrags-titel {
    margin-bottom: 20px;
    padding-bottom: 0;
    line-height: 1.3;
}

.beitrag {
	width:100%;
	

}

#inhalt .beitrags-info, #inhalt .beitrags-info2 {
    font-size: 11px;
    color: #555;
    line-height: 1.2;
    text-transform: lowercase;
}
#inhalt .beitrags-info2 {
    border-top: 1px solid #e1e1e1;
    margin-bottom: 30px;
    padding: 2px 0;
}

#inhalt #beitrag-info-box {
    font-size: 11px;
    margin: 20px 0;
    padding: 10px;
    background: #eee;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
}

/*2.2.3 Kommentarbereich*/
#commentform {
    border: 1px solid #ddd;
    background: #eee;
    padding: 15px;
}

#commentform textarea, #commentform input {
    border: 1px solid #ccc;
    font: normal 1em arial, sans-serif;
    padding: 2px;
    color: #555;
}
#commentform textarea {
    width: 450px;
}
#commentform textarea:hover, #commentform textarea:focus, #commentform #author:hover, #commentform #author:focus, #commentform #email:hover, #commentform #email:focus, #commentform #url:hover, #commentform #url:focus {
    border: 1px solid #900;
}

#commentform #submit {
    margin-top: 2px;
    padding: 0 5px;
}

#commentform #submit, #commentform .ed_button {
    border: 1px solid #ccc;
    background: #ddd;
    color: #333;
    margin-right: 1px;
    font-size: 1em;
}
#commentform #submit:hover, #commentform .ed_button:hover {
    border: 1px solid #900;
    background: #b00;
    color: #fd5;
}

#commentlist li {
    border-bottom: 1px solid #eee;
}

.kommentar-info {
    text-transform: lowercase;
    margin-bottom: 3px;
}

/* 2.3 Fuss bzw. Fu?bereich aka Footer */
#fuss {
    background: #fff;
    padding: 15px 20px;
  
    color: #555;
}
#fuss p {
    margin: 0;
    font-size:10px;
    letter-spacing:-0.5px;
}

/* 3. Spezielle Formatierungen z.B. nur f?r Plugins */
#ed_toolbar input {
    border: 1px solid #ccc;
    background: #ddd;
    font-size: 11px;
    margin-right: 1px;
    padding-top: 0;
    padding-bottom: 0;
}

#wp_grins {
    margin-top: 2px;
}

.pagebar {
    text-align: center;
    line-height: 1.4;
    padding-bottom: 10px;
}

.pagebar .this-page {
    font-weight: bold;
}


#inhalt .pagebar a {
    border-bottom: 1px solid #ccc;
    border: 1px solid #ccc;
    background: #eee;
    padding: 2px 5px;
    margin-bottom: 5px;
}

#inhalt .pagebar a:hover {
    border: 1px solid #900;
    background: #b00;
    color: #fd5;
}
