/*
Theme Name: minimal new
based on red minimalista by perun (www.perun.net)
Theme URI: http://www.perun.net
modified by kay gaumann, kay-gaumann.de

	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 und die Sub)
2.2.1 ... Seitenleiste aka Sidebar
2.2.2 ... Inhalt (Content)
2.2.3 ... Kommentarbereich
2.3 ..... Fuss bzw. Fuss aka Footer
3. ...... Spezielle Formatierungen (z.B. fuer Plugins)

1. Allgemeine bzw. Dokumentweite Angaben */
html {
height: 100%;
}

#innen{float:none;border:0px solid;height:700px;padding:0px;width:101%;}/*fuer bg-Darst. im IE*/

.con{background: transparent url(img/martin_con.jpg) no-repeat 596px 60px;}
*html .con{background: transparent url(img/martin_con.jpg) no-repeat 596px 60px;}
.mod{background: transparent url(img/martin_mod.jpg) no-repeat 596px 70px;}
*html .mod{background: transparent url(img/martin_mod.jpg) no-repeat 596px 70px;}

.linkme {
padding: 0 0 0 15px;
clear: both;
background: transparent url(img/link.gif) no-repeat 2px 4px ;
text-decoration:none;
color:#517090;
font-weight:bold;
}

/* TEASER */

*html .start{
float:left;
width:780px;
height:300px;
border:0px solid #000;
margin-top:-10px;
margin-left:3px;
margin-bottom:30px;
overflow:hidden;
z-index:1001;
}

*html .starttext{
float:left;
padding-top:15%;
padding-left:22px;
background:#000;
color:#fff;
width:211px;
height:300px;
}

.start{
float:left;
width:796px;
height:300px;
border:0px solid #000;
margin-top:-20px;
margin-left:-16px;
margin-bottom:30px;
overflow:hidden;
z-index:1001;
}

.startpic{
float:left;
width:540px;
}

.starttext{
float:left;
padding-top:15%;
padding-left:22px;
background:#000;
color:#fff;
width:230px;
height:300px;
}

/* TEASER RECHTS */
#rechts{
float:right;
left:550px;
top:0px;
margin-top:-10px;
width:200px;
height:auto;
color: #517090;
}

#rechts a {font-weight:bold;}

#rechts img{margin-bottom:15px;}

.r{
float: left;
width:170px;
margin-left:15px;
}


#rechts h2 {
font: normal 18px Verdana, Trebuchet MS, Arial, sans-serif;
margin-top:.5em;
margin-bottom: .5em;
padding: 0;
color: #517090;
}

/* Ende TEASER beide */

a {
color:#517090;
text-decoration: none;
}
a:hover {
color: #333;
}

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;
}

body {
text-align: center;
font: 12px verdana, arial, sans-serif;
margin: 0;
padding: 0px 0 0 0px;
height: 100.01%; /* fuck ie*/
}

html>body .moz-bug { clear:both  } 

#clearer {clear: both;}

.center {text-align: center;}

img {border: none;}

.illu{float:left; margin-top:5px;margin-right:7px; width:300px;height:200px;}

pre, code, samp {font: 1em 'courier new', courier, monospace;color: #c60;}

/* 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;
}

/* CONTAINER sog. Wrapper */
#container {
width: 800px;
margin: 0 auto;
text-align: left;
min-height:900px;
height:auto !important;
h/eight:900px;
background-image:url(img/mainback.jpg);
background-repeat:repeat-y;
background-position:50% 0px;
}

/* 2.1 Kopf bzw. Header und Menu1 */
#header {
top:0px;
float:none;
left:0px;
background: #fff url(img/headbg.gif) no-repeat top left;
height: 230px;
}

*html #header {
top:0px;
float:none;
left:0px;
background:#fff url(img/headbg.gif) no-repeat top left;
height: 230px;
width:805px;
}

#header .blind {
position:relative;
top:120px;
left:65px;
height: 45px;
width:215px;
border:0px;
}

#menu1{float:right;list-style:none;margin-right:15px;}
#menu1 .page_item{float:right;font-weight:bold;margin-left:15px;}

/* 2.1.2 Zwischen #header und #mitte: Menu2 und Stich */

#menu2{float:left;margin-left:3px; list-style:none;width:793px;height:30px; background:#517090;}
*html #menu2{float:left;margin-left:4px; list-style:none;width:793px;height:30px; background:#517090;}
#menu2 .inner{width:auto;margin-left:15px;}
#menu2 .page_item{float:left;line-height:27px;margin-right:15px;}
#menu2 a{font-weight:bold;color:#fff;}

#stich{
position:absolute;
top:280px;
left:50%;
margin-left:-425px;
background: transparent url(img/stich.gif) no-repeat top left;
}

*html #stich{
position:absolute;
top:280px;
left:50%;
margin-left:-424px;
background: transparent url(img/stich.gif) no-repeat top left;
}

/* 2.2 Mitte (beinhaltet die #sub wo vorhanden, die Seitenleiste wo vorhanden, und den Inhalt) */
#mitte {
padding: 50px 15px 15px 20px;
}

*html #mitte {
padding: 10px 15px 15px 26px;
}

#sub{position:relative;width:210px;list-style:none;float:right;}
#sub a{font-weight:bold; line-height:150%;list-style:none;}
*html #sub .page_item{list-style:none;margin-left:-15px;}

/* 2.2.1 Seitenleiste aka Sidebar */

#sidebar {
width: 210px;
margin-top:15px;
float: right;
line-height: 1.55;
color: #517090;
background: transparent;
text-align:center;
font-size:10px;
font-weight:bold;
line-height:100%;
}

#sidebar img{margin-bottom:7px;}


#seitenleiste {
width: 220px;
float: right;
line-height: 1.55;
color: #444;
background: transparent;
}

#seitenleiste h2 {
margin: 5px 0;
text-transform: uppercase;
background: transparent;
padding: 1px 5px;
color: #fd5;
font-size: 11px;
}

#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: 0 0 20px 0;
padding: 0;
}

#seitenleiste li {
border-bottom: 1px solid #ddd;
line-height: 1.6;
padding-left: 5px;
}

#seitenleiste ul li a {
text-transform: lowercase; /* Grossbuchstaben sind ein unnoetiger Luxus */
}

#seitenleiste li li {
margin-left: 10px;
}


/* 2.2.2 Inhalt */
#inhalt {
float: left;
width: 500px;
padding-bottom: 15px;
line-height: 1.45;
color:#517090;
}

#inhalt p {
margin-top: 1em;
margin-bottom: 1.1em;
}

#inhalt a {
border-bottom: 0px solid #eee;
}
#inhalt a:hover {
border-bottom: 0px solid #555;
}


#inhalt h2 {
font: normal 18px Verdana, Trebuchet MS, Arial, sans-serif;
margin-top: 0;
margin-bottom:.8em;
padding: 0;
color: #517090;
}

#inhalt h3 {
margin: 17px 0 5px 0;
padding: 0;
color: #517090;
border-bottom: 0px dotted #ddd;
}

#inhalt h3 li{list-style:none; margin-left:-38px;}

#inhalt h4 {
font-size: 13px;
font-weight: bold;
color: #517090;
margin: 17px 0 5px 0;
}


#inhalt h2 a, #inhalt h2 a:hover {
border-bottom: none;
}

#inhalt h2.beitrags-titel {
font: normal 18px Verdana, Trebuchet MS, Arial, sans-serif;
margin-top: 0;
margin-bottom: .8em;
padding: 0;
color: #517090;
}

#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;
border-bottom: 0px solid #ccc;


color: #555;
background: transparent url(img/mainback.jpg) repeat-y;
}

#fuss p {
margin: 0;


text-transform: lowercase;
}


/* 3. Spezielle Formatierungen z.B. nur fuer 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;
}