/*
----------------------------------------------------------------------------------------

Copyright 2010 - Thierry Ruiz - www.dotemplate.com - All rights reserved.

THIS TEMPLATE IS FREE AS LONG AS YOU KEEP THE LINK TO WWW.DOTEMPLATE.COM IN THE FOOTER
TO REMOVE THE LINK, PLEASE MAKE A 10 DOLLARS DONATION at www.dotemplate.com/#donate

----------------------------------------------------------------------------------------
*/


html {					
        background:#d3e4da;	    /* 	alter Wert: #d3e4da;*/
        margin:0 0 0 -1px;          /*  Ausrichtung über Rand, wenn negative Werte; hier: links*/
        padding:0;                  /* Browser-reset und neue Berechnung  (Setzen auf Null) */
         /* overflow-Y: scroll;      Die Eigenschaft overflow-y existiert nicht in CSS level 2.1, aber in : scroll  scroll laut w3.org    */
}


body {
        padding:0;
        margin :0;
        display:table;
        width:100%;
        color:#505050;
        font-family: Arial, sans-serif;       /* 'tribuchet MS' Hochkommata bei Bezeichnungen aus mehreren Wörtern */
        font-size: 13px;
        font-style: normal;
        font-weight: normal;
        background-color:#CCF3ED;  /* Minze */
       /*  text-transform: normal;  Fehlermeldung in css_validator*/
}



p {
        letter-spacing: normal;
        line-height: 1.7em;
}

h1 {
        color:#1C56AF;
        font-size:22px;
        margin:25px 0 10px 0;
        clear:both;
}


h2 {
        color:#1C56AF;
        font-size:20px;
        margin:20px 0 10px 0;
        clear:both;
}


h3 {
        color:#1C56AF;
        font-size:18px;
        margin:20px 0 5px 0;
        clear:both;
}


a:link{
        color: #FB2904;
        text-decoration:none;
}

a:visited {
        color:#EB744E;/* alter Wert: #683a1e; */
        text-decoration:none;
}


a:hover {
        color: #ffb508; 	
        text-decoration:underline;	/* wenn Maus über Link fährt */
}


#wrapper {
        background: transparent url( images/css/page-vbg.jpg ) repeat-y scroll 50% 0px;
        margin:0 auto ;
        width:100%;
        border-top: 1px solid #ffffff;
}




#bg {
        margin:0 auto;
        padding:0;
        background:transparent ;
        background-image:url(images/css/hat.jpg);
        background-repeat:no-repeat;
        background-position: center top ;
}



#header {
        margin: 0 auto;
        min-height:25px;
        height: 25px;
        width: 800px;
}


#page {
        background: transparent url( images/css/page-bg.jpg ) no-repeat center top;
}




#container {
        margin:0 auto;
        width:800px;
}


#banner {
        margin: 0 auto;
        height:170px;
        width:100%;
	/* für slogan */
	color:#FFFFFF;
	font-size:45px;
	margin-left: 30px;
	margin-top: 2px;
}






#nav1 {
        height:30px;
        margin:0 auto ;
        text-align:center;
}

/* nur unsortierte Liste in nav1 bekommen folgende Formatierung */
#nav1 ul {
        display:table;
        margin:0 auto;
        padding:0;
        list-style-type:none;
        position:relative;
        height:30px;
        text-transform:uppercase;
        font-size:11px;
        font-family:Arial,sans-serif;
}


#nav1 ul li {
        display:block;
        float:left;
        margin:0;
        padding:0;
        /* background:transparent url('images/css/hmenu.jpg') repeat-x top left;  schwarze Balken unter den Menupunkten */
        border-left:1px solid #1e1e1e;

}


#nav1 ul li a {
        display:block;
        float:left;
        color:#FFFFFF;
        text-decoration:none;
        padding:0px 50px ;
        line-height:30px;
        font-weight:bold;
}


#nav1 ul li a:hover, #nav1 li#current a {
        color:#FFFFFF;
        background:transparent url('images/css/hmenu-sel.jpg') repeat-x top left;
}



#content {
        width:792px;
        margin:0 auto ;
        text-align:left;
        min-height:800px;
}



#footerWrapper {
        margin:0 auto;
        height:150px;
        padding:0;
        background:transparent url( images/css/footerWrapper-bg.jpg ) no-repeat scroll center top;
}


#footer {
        margin:0 auto;
        padding:0;
        width:800px;
        height:70px;
        color:#FFFFFF;
        text-align:center;
}



#footer a:link, #footer a:visited {
        color:#FFFFFF;
}


#footer a:hover{
        color:#ffb508;
        text-decoration:none;
}




#right {
        width:200px;
        padding:10px 20px 20px 20px;
        float:left;
}


#center {
        width:512px;
        padding:10px 20px 20px 20px;
        float:left;
}


#content p {
        margin-top:10px;
        text-align:justify;      /* left right jetzt linksbündig vorher: justify = Blocksatz*/
}



#sidebar ul.vmenu {
        list-style: none;
        text-align: left;
        margin: 7px 0px 8px 0px;
        padding: 0;
        text-decoration: none;
        border-top: 1px solid #d3e4da;
}


#sidebar ul.vmenu li {
        list-style: none;
        padding: 4px 0 4px 0px;
        margin: 0 2px;
        border-bottom: 1px solid #d3e4da;
}



/* #sidebar ul.vmenu li a {    andere Linkfarbe für rechts Menü
        text-decoration: none;
        color:#683a1e;
}  */


#sidebar ul.vmenu li a:hover {
        color:#ffb508;
}


#sidebar ul.vmenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.vmenu ul li { border: none; }





a img {
        border:none;
}


.clear {
        clear: both;
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0;
}


.textfluss{
float:left;margin:0 15px 0 0;
}