/* Stylesheet für www.holz-soft.de / www.felix-hohlwegler.de
* Datum: 29.03.2014
* Datei: holz-style.css
*
/*==================================================================
* Kapitel 1: Body Calibrierung
  ==================================================================
*/
body {
    margin: 0;
    padding: 0;
    text-align: left;
    background-color: #00b0f0;
    font-size: 13px;
    font-family: Verdana, sans-serif;
    overflow-y: scroll;
    line-height: 20px;
}
/*==================================================================
* Kapitel 2: Grundger�st
  ==================================================================
*/
#adminheader{
    background: url(img/bg.jpg);
}
.wrapper{
    width: 100%; 
}
.designwrapper{
    width: 960px;
    margin: auto;
}
#design {
    margin: auto;
    width: 100%;
}
#designwrapper {
    background-color: #fff;
    margin: auto;
}
#innerheader{
    width: 100%;
    background-color: #00b0f0;
    padding-left: 10px;
    margin: auto;
}
#menu {
    background-color: #2f9ecc;
}
#contentbox{
    width: 100%;
    margin: auto;
    background-color: #fff;
}
#content{
    color: black;
    width: 100%;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}
#content_news{
    width: 60%;
    float: left;
    padding-top: 20px;
    font-size: 12px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
#boxes{
    float: left;
    padding-left: 40px;
    width: 30%;
    min-height: 1000px;
}
.bottom{
    color: white;
    width: 100%;
    margin: auto;
    background-color: #00b0f0;
    padding-bottom: 20px;
    border-top: 2px solid #2f9ecc;
}
.resnav{
    display: none;
}
/*==================================================================
* Kapitel 3: Inhalt + Content Gestaltung
  ==================================================================
*/
.clear{
    clear: both;
}
.white{
    color: white;
}
.bluebox{
    width: 100%;
    padding: 12px; 
    background-color: #4396cc;
    border-bottom: 10px solid #0d81cc;
    color: white;
}
.bluebox .contactimg{
    width: 100%;
}
.pinkbox{
    width: 100%;
    padding: 12px; 
    background-color: #ec018a;
    border-bottom: 10px solid #c50173;
    color: white;
}
.greenbox{
    width: 100%;
    padding: 12px; 
    background-color: #80b739;
    border-bottom: 10px solid #2b8841;
}
.orangebox{
    width: 100%;
    padding: 12px; 
    background-color: #eab314;
    border-bottom: 10px solid #f27024;
}
.redbox{
    width: 100%;
    padding: 12px; 
    background-color: #ee2e25;
    border-bottom: 10px solid #991016;
}
.spacer{
    width: 10px;
    padding: 5px;
    float: left;
}
.total{
    width:100%;
}
.box{
    font-size: 12px;
}
h1{
    font-size: 30px;
    line-height: 45px;
}
h2{
    font-size: 26px;
}
h3{
    font-size: 20px;
}
h4{
    font-size: 15px;
}
.blogtitle{
    color: #2F9ECB;
    font-size: 14px;
}
.boxTitle{
    color: #2F9ECB;
    font-size: 18px;
    padding-bottom: 25px;
}
.rightBox{
    color: #ffffff;
}
.centerit{
    text-align: center;
}
.entwicklung{
    width: 640px;
}
.entwicklung .msg_body li a{
    color: black;
}
.galitem{
    padding: 5px;
}
/*==================================================================
* Kapitel 4: Links
  ==================================================================
*/
a { 
    color: #000; 
    text-decoration: none; 
}
a:hover { 
    color: #2f9ecc; 
    text-decoration: underline;
}
a img{
    border: 0px;
}
.footer a{
    color: white;
    text-decoration: none; 
}
.footer a:hover { 
    color: white;; 
    text-decoration: underline;
}

#rightBoxes a{
    color: white;
    text-decoration: none; 
}
#rightBoxes a:hover { 
    color: white;; 
    text-decoration: underline;
}
.bottom a{
    color: #fff;
}
.bottom a:hover{
    color: #000;
}
/*==================================================================
* Kapitel 6: Blog
  ==================================================================
*/
.smalfont{
    color: white;
    font-size: small;
}
.cbg1{
    color: white;
    text-align: left;
    font-size: 12px;
}
.cbg1 a{
    color: white;text-align: left;
    font-size: 12px;
} 
.cbg1 a:link{
    color: #ffffff;
    text-align: left;
    font-size: 12px;
}
.cbg1 a:visited{
    color: #ffffff;
    text-align: left;
    font-size: 12px;
}
.cbg1 a:hover{
    text-align: left;
    font-size: 12px;
    color: #2680A3;
}
.text{
    text-align: left;
    font-size: 12px;
    color: white;
}
.text a{
    text-align: left;
    font-size: 12px;
    color: white;
} 
.text a:link{
    text-align: left;
    font-size: 12px;
    color: #ffffff;
}
.text a:visited{
    text-align: left;
    font-size: 12px;
    color: #ffffff;
}
.text a:hover{
    text-align: left;
    font-size: 12px;
    color: #000;
}
/*==================================================================
* Kapitel 7: Jquerry Slider
  ==================================================================
*/
.msg_list {
    margin: 0px;
    padding: 0px;
    width: 383px;
}
.msg_head {
    padding: 5px 10px;
    cursor: pointer;
    position: relative;
    background-color:#26ACDF;
    background-image: url(http://www.felix-hohlwegler.de/holz-soft/images/open.png);
    background-repeat:no-repeat;
    background-position: right;
    margin:1px;
    color: ffffff;
}
.msg_body {
    padding: 5px 10px 15px;
    background-color:#F4F4F8;
    color: #000000;
}

/*==================================================================
* Kapitel 8: Downloads
  ==================================================================
*/
.Chead{
    width: 100%;
    color: white;
    text-align: left;
    font-size: 15px;
}
.Cheadblue{
    width: 100%;
    color: #26acdf;
    text-align: left;
    font-size: 15px;
}
.contents{
    color: white;
    font-size: 12px;
}
/*==================================================================
* Kapitel 9: Slider
  ==================================================================
*/
#slider1 slider2 {
    width: 480px;
    height: 360px;
    color: white;
    text-align: left;
}
.slider_around{
    width: 480px;
}
.item{
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    width: 480px;
    height: 360px;
}

/*==================================================================
* Kapitel 10: Navigation
  ==================================================================
*/
.navigation{
    border:none;
    width:100%;
    margin: auto;
    border:0px;
    font-size: 15px;
    margin: auto;
    font: Verdana, Helvetica, sans-serif;
    font-weight:bold;
    background-position: 0 0; 
    }
.navigation ul{
	height:45px;
	list-style:none;
	margin: auto;
	padding:0;
	}
	.navigation li{
		float:left;
		padding:0px;
		}
	.navigation li a{
		color:#ffffff;
		display:block;
		font-weight:normal;
		line-height:45px;
		margin:0px;
		text-align:center;
		text-decoration:none; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px;
		}
		.navigation li a:hover, .navigation ul li:hover a{
			background-color: #00b0f0;
			color:#FFFFFF;
			text-decoration:none;
			}
	.navigation li ul{
		background:#1d2122;
		display:none;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:170px;
		z-index:200;
		line-height: 30px;
                font-size: 15px;
		}
	.navigation li:hover ul{
		display:block;
		line-height: 45px;
		
		}
	.navigation li li {
		background: #1d2122 url('img/menu/images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:170px;
		line-height: 45px;
		}
	.navigation li:hover li a{
		background:none;
		line-height: 45px;
		
		}
	.navigation li ul a{
		display:block;
		font-size:12px;
		font-style:normal;
		margin:0px;
		line-height: 45px;
		}
		.navigation li ul a:hover, .navigation li ul li:hover a{
			background-color: #00b0f0;
			border:0px none;
			color:#ffffff;
			text-decoration:none;
			line-height: 45px;
			}
	.navigation p{
		clear:left;
		}