/**
 *
 *Theme Name: Rad der Stadt
 *Theme URI: http://triebawerke.de
 *@Author: Frank Michael Trieba
 */

/*to do
* Reset CSS in Datei auslagern
*/

* {margin:0;padding:0;}
focus   {outline:0;}
fieldset,img {border:0 solid;}
ol,ul {list-style:none;}
html    {height: 100%; margin-bottom:1px;}

/* DIV definitions */
body {
    font-size: 70%;
    line-height:140%;
    font-family: Verdana, Arial, Sans-Serif;
    background: #000;
    color: #ccc;
    text-align: center;
    margin:0px;
    padding:0px;
    
	}



#container  {    
    width:800px;
    margin:30px auto 10px;
    padding:0px;
    background:black;
}

#header_img {
    clear:left;
    width:800px;
    margin:0px;
    margin-top:-5px;
    padding:0px;
}

#header  {
    float:left;
    width:796px;
    margin:0px;
    padding:0px;
    background:black;
    border-left:2px solid #ffffff;
    border-right:2px solid #ffffff;
    border-bottom:2px solid #ffffff;
}

#footer  {
    clear:left;
    background: black;
    padding-top:10px;
    border-top:2px solid #ffffff;
    border-left:2px solid #ffffff;
    border-right:2px solid #ffffff;
    

}


#page    {
    float:left;
    width:796px;
    background:black;
    border-left:2px solid #ffffff;
    border-right:2px solid #ffffff;
}

#content    {
    float:left;
    width:546px;
    background:black;
    border-right:2px solid #ffffff;
    }


#sidebar    {
    float:left;
    width:248px;
    background:black;
    margin-left:-2px;
    margin-top:10px;
    border-left:2px solid #ffffff;
}

#line   {
    clear:left;
    border-bottom:1px dashed #ccc;
    margin:5px 10px 30px 10px;
    width:526px;
}

/**
 *CONTENT definitions
 */

/**
 *MAIN
 */



.description    {
    font-weight:bold;
    margin-bottom:5px;
}

h2  {
    color:#ccc;
    font-size:140%;
    font-weight:bold;    
    font-style:oblique;
    text-align:left;
    margin:20px 5px 5px 100px;

}

a   {
    color:#FFF;
    text-decoration:none;
}

a :active   {
    color:orange;
}


#content p {
    clear:both;
    color:inherit;
    text-align:left;
    margin:0 0 10px 20px;
    font-weight:normal;
    
 }

#content p.line {
    clear:left;
    border-bottom:1px dashed #ccc;
}

#content ul,li  {

    margin-left:20px;
    text-align:left;
}

#content h2 {
    color:inherit;
    font-weight:bold;
    font-style:oblique;
    text-align:left;
    margin:20px 10px 5px 20px;
 }


 /*
 SIDEBAR
 */
#sidebar ul  {
    font-size:120%;
    margin:3px 10px 12px 0;
}

#sidebar li {
    margin:8px 0 10px 10px;
    background:black;
    line-height:150%;
}



#sidebar a,h2  {
    margin-left:0px;
    font-style:oblique;
    font-weight:bold;
}

#sidebar li ul li, #sidebar li ul li a{
    font-size:85%;
    line-height:120%;
    font-style:normal;
    font-weight:normal;
    padding:0;
    margin:0;
    background:black;
}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 10px 0px 7px 10px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 10px 0px 7px 10px;
	display: inline;
	}

.size-medium{
        padding: 4px;
	margin: 10px 0px 7px 10px;
        }

.size-full{
        padding: 4px;
	margin: 10px 0px 7px 10px;
        }

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}