/* andreas01 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com - Free to use for any purpose as long as the proper credits are given to the original author.
Version: 2.0 (Jun 25, 2006)
Screen layout: */

/***** Body and main container *****/
body {
margin:80 auto;
padding:0;
overflow: -moz-scrollbars-vertical;
font:76% Verdana,Tahoma,Arial,Bimini,sans-serif;
/* background:#f4f4f4 url(img/bg.gif) top center repeat-y; */
color:#303030;
}

#wrap {
background:#ffffff;
color:#303030;
margin:0 auto;
width:970px;
}



/***** Various tags *****/
a {
text-decoration:none;
font-weight:bold;
color:#3664FF;
/* color:#286ea0; */
background-color:inherit;
}

a:hover {
text-decoration:underline;
color:#0000FF;
/* color:#3366FF; */
background-color:inherit;
}

a img {
border:0;

}

/***** Header *****/
#header {
/*margin:0 auto;*/

background: url(img/logo1.jpg) right no-repeat;
/*margin:10px 0 0; */
padding:0;
height:254px;
}

#header h1 {
color:#505050;
background-color:inherit;
width:350px;
margin:0 0 10px;
font-size:2.2em;
float:left;
}

#header h1 a{
color:#505050;
background-color:inherit;
text-decoration:none;
}

#header p {
width:400px;
float:right;
text-align:center;
color:#505050;
margin:8px 0 0;
font-size:1.1em;
font-weight:bold;
line-height:1.3em;
background-color:inherit;
}

#frontphoto {
margin:0 0 10px;
border:0;
}

/***** Left sidebar  SUCHE *****/
#leftside {
clear:left;
float:left;
width:212px;
margin:0 0 5px;
padding:0;
}

#leftside h2,#leftside h3 {
color:#505050;
background-color:inherit;
font-size:1.3em;
margin:0 0 5px;
padding:0;
}

#tele {
clear:left;
margin:10px 0 15px;
padding:7px 5px;
width:216px;
font-size:0.9em;

/*background: url(img/telefon.jpg) left no-repeat;*/
/* background-color:#F4F4F1; */
/* background-color:#f4f4f4; */
height:117px;
color:#505050;
border-left:0px solid #cccccc;
line-height:1.5em;
}

#tele p {
margin:10px 0 0;
padding:0;
}

/* ----------------- Telefon ----------------- */

ul.menu {
width:212px;
margin:0 0 8px;
padding:0;
list-style:none;
}

ul.menu li {
width:212px;
padding:0;
line-height:1.4em;
display:inline;
}

ul.menu li a {
background: url(img/telefon.jpg) no-repeat;
/* background-color:#f4f4f4; */

font-family:Verdana,Tahoma;
font-size:18px;
color:#FFFFFF;

width:200px;
height:117px;
float:left;

padding:18px 1px 4px 25px;
/* border-left:2px solid #cccccc;*/

text-decoration:none;
}

ul.menu li a:hover, ul.menu li a.current {
padding:18px 1px 4px 25px;
color:#000000;
font-family:Verdana,Tahoma;
font-size:18px;
background: url(img/telefon3.jpg) no-repeat;
}



/* ----------------- Telefon-Ende ------------ */

#blume {
clear:left;
margin:15px auto;

/*background: url(img/balken1.jpg) no-repeat;*/
height:60px;

}

/* ----------------- Blumen ----------------- */

ul.menu3 {

margin:0;
padding:0;
list-style:none;
}

ul.menu3 li {
width:212px;
padding:0;
display:inline;
}

ul.menu3 li a {
background: url(img/balken1.jpg) no-repeat;
color: #FFFFFF;
font-size: 0px;
width:970px;
height:50px;
float:left;


text-decoration:none;
}

ul.menu3 li a:hover, ul.menu3 li a.current {
padding:12px 1px 4px 475px;
width:475px;
color:#0000FF;
font-family:Verdana,Tahoma;
font-size:22px;
font-weight:normal;
background: #FFFFFF;
/*background: url(img/balken.jpg) no-repeat;*/
}



/* ----------------- Blumen-Ende ------------ */



/***** Main menu NAVIGATION *****/
ul.avmenu {
width:212px;
margin:0 0 8px;
padding:0;
list-style:none;
}

ul.avmenu li {
width:212px;
padding:0;
line-height:1.4em;
display:inline;
}

ul.avmenu li a {
background: url(img/5.jpg) no-repeat top;
font-family:Verdana,Tahoma;
font-size:18px;
color:#000000;
height: 40px;
width:150px;
float:left;
padding:12px 1px 4px 30px;
text-decoration:none;
}

ul.avmenu li a:hover, ul.avmenu li a.current {
padding:12px 1px 4px 30px;
height: 40px;
float:left;
color:#0000FF;
font-family:Verdana,Tahoma;
font-size:18px;
background: url(img/6.jpg) no-repeat top;
}

/*** Untermenue ***/

ul.avmenu ul {
margin:0 0 0 15px;
padding:0 0 0 0;
font-size:0.9em;
width:175px;
}

ul.avmenu ul a {
background: url(img/taste3.gif) no-repeat;
color:#000000;
font-family:Verdana,Tahoma;
font-size:18px;
padding:18px 1px 4px 25px;
/*padding:9px 1px 6px 5px;*/
width:180px;
height:58px;
}

ul.avmenu ul a:hover,ul.avmenu ul a.second {
color:#FFFFFF;
font-family:Verdana,Tahoma;
font-size:18px;
padding:18px 1px 4px 25px;
background: url(img/taste4.gif) no-repeat;
}


ul.avmenu ul ul {
width:113px;
}

ul.avmenu ul ul a {
width:100px;
}


/***** Main content *****/
#content {
margin:20px 150px 5px 150px;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
padding:0 10px;
line-height:1.6em;
}

#contentwide {
margin:0 0 5px 220px;
/* background-color:#F1F1FA; */
border:1px solid #cccccc;
/* border-left:1px solid #f0f0f0; */
padding:5px 20px 0px 10px;
line-height:1.6em;
min-height:400px;
}

#content h2,#contentwide h2 {
font-size:1.6em;
margin:0 0 10px;
}

#content h3,#contentwide h3 {
font-size:1.4em;
margin:0 0 8px;
}

#content img,#contentwide img {
padding:0px;
display:inline;
background:#cccccc;
color:#303030;
/* border:0px solid #f0f0f0; */
}

#content ul, #contentwide ul, #content ol, #contentwide ol {
margin:0 0 16px 10px;
padding:0;
}

#content li, #contentwide li {
margin:0;
padding:0 0 0 5px;
}

#content ul ul, #contentwide ul ul, #content ol ol, #contentwide ol ol{
margin:0 0 0 16px;
padding:0;
}

/***** Footer *****/
#footer {
clear:both;
margin:0 auto;
padding:10px 0 20px;
border-top:4px solid #f0f0f0;
width:870px;
text-align:center;
color:#808080;
background:#ffffff;
font-size:0.9em;
}

#footer a {
color:#808080;
background-color:inherit;
text-decoration:none;
}

#footer a:hover {
color:#0000FF;
}

/***** Various classes *****/
.left {
margin:3px 10px 2px 0;
float:left;
}

.right {
margin:2px 0 2px 10px;
float:right;
}

.textright {
text-align:right;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.bold {
font-weight:bold;
}

.hide {
display:none;
}