/* ccc - an open source xhtml/css website layout by avaflow media - http://www.avaflow.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, April 01, 2007 */

/**************** Body and tag styles ****************/

#overflow {
position:absolute;
top:150px;
left:160px;
font-size:12px;
z-index:2;
color: #fff;
/*font-weight:bold;
text-align:justify;
width: 200px;
text-transform: uppercase;
text-transform:lowercase;
font-stretch:narrower;
font-variant:small-caps;*/
text-shadow:#ccc;
}
#overflow a:hover{color:#fff; text-decoration:none; background-color:inherit;}

#language {
position:absolute;
top:10px;
left:20px;
font-size:12px;
z-index:2;
color: #fff;
/*float:right;
padding:95px 10px 0 0;
color:#ffffff;*/
}

#footer3 {
position:relative;
top:-40px;
left:20px;
font-size:12px;
z-index:2;
color: #fff;
}

*{margin:0; padding:0;}

body{
background: url(./img/background.jpg) top fixed no-repeat #ff0000;
font:86% Verdana,Tahoma,Arial,sans-serif;
line-height:1.4em;
text-align:left;
color:#333333;
}



#my_site_content {
}

a{
color:red;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

a:hover{color:#000000; text-decoration:none; background-color:inherit;}
a img{border:none;}

p{padding:0 0 1.6em 0;}
p form{margin-top:0; margin-bottom:20px;}

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

/**************** Header and navigation styles ****************/


#header{
height:70px;
width:1024px;
margin:0 1px 1px 1px;
padding: 0 0 0 0;
background: url(img/spacer.gif) bottom left no-repeat;
}

#header h1{
padding:35px 0 0 20px;
font-size:2.4em;
background-color:inherit;
color:#ffffff;
letter-spacing:-2px;
font-weight:normal;
}
#header h2{
float:left;
padding:50px 0 0 170px;
font-size: 13pt;
	color: #eee;
}

#language {
float:right;
padding:20px 0 0 10px;}


.rightmenu{
float:right;
width:220px;
height:345px;
padding:0 0 0 0;
/*margin: 0 10px 0 0;
*/
}

/**************** Suche ****************/
.search_box {
	float: right;
}
/**************** Login ****************/

.login_table {
vertical-align:bottom;
float:right;
	border: 0px solid #ff6600;
	text-align: right;
	font-size:12px;
	padding:200px 10px 0 0;
	/*padding-bottom: 3px;*/
}
.login_table h3 {
	color: #ff6600;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;
}
.login_table input {
	text-transform: uppercase;
	font-size: 10px;
	width: 100px;
}
.login_table a {
font-size: 10px;
color:#FF6600;
}

/*zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz*/
#disclaimer{
font-size:0.8em;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}
#whiteline {
width: 1024px;
height: 5px;
background: #eee;
float: left;
}
#glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 180px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

#glossymenu li a{
background: white url(img/glossy.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
text-align:left;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

* html #glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

#glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

#glossymenu li a:hover{
background-image: url(img/glossy2.gif);
}

/*
#glossymenu ul ul {
list-style-type: none;
text-decoration: none;
margin: 0 0 0 10px;
}
*/

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

/* ANFANG: NAVIGATION..............................................NAVIGATION */

div#Rahmen {
	width: 50px;
    padding: 0;
  }
   div#Rahmen div {
     clear: left;
  }
  #leiste {
	width: 1024px;
	height: 5px;
	margin: 0;
	vertical-align:bottom;
  }
  ul#Navigation {
    text-align: left;
	text-indent: 0px;
	margin-top: 15px;
  }

  ul#Navigation li {
  width: 50px;
  /*height: 60px;*/
    list-style: none;
    float: left;
    position: relative;
    margin: 0; padding: 0px 0px 0px 0px;
  }
  
  ul#Navigation li ul {
    margin: 0; padding-left: 0;
	padding-top: 0px;
	padding-bottom: 0px;
    position: absolute;
    top: 0px; left: 50px;
    display: none;   /*Unternavigation ausblenden */
  }
  
  
  ul#Navigation ul li#menu_current a{
  /*background: #ff0000;
  color: #ffffff;*/
  }
  
  
  
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#Navigation li ul li {
  width: 150px;
  }
  /*
  ul#Navigation li ul li a {
  font-size: 7pt;
  }
  */
  
  ul#Navigation a, ul#Navigation span {
  	padding-top: 0px;
	padding-bottom: 0px;
    display: block;
	height:85px;
    text-decoration: none; font-weight: little;
	font-size: 8pt;
    border-left-color: white; border-top-color: white;
    /*background: url(img/Fotos.jpg) left bottom no-repeat;*/
  }
  
  
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: #fff; 
	background: #666;
    /*background: #666 url(images/selector.gif) center right no-repeat; */
  }
  

/* ENDE: NAVIGATION..............................................NAVIGATION */

/**************** navigation ****************/

/*mine
# avanav3 ul li .folder --> Hauptverzeichnis
# avanav3 ul li -->Unterverzeichnis
*/
/*#avanav3 {
width: 1024px;
height: 25px;
float: left;
}

#avanav3 ul{
list-style-type:none;
padding:0;
margin:0;
}

#avanav3 li{
float:left;
position:relative;
z-index:100;
}

#avanav3 ul li.folder{
}
#avanav3 ul li{
background: #ffcc00;
}

#avanav3 a{
height: 19px;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 1px;
text-align:center;
display:block;
font: bold 12px/16px arial, helvetica, sans-serif;
width:190px;
color:#333333;
text-decoration:none;
}

#avanav3 :hover{
background:#6f5a2f;
color:#ffffff;
}

#avanav3 ul ul {
visibility:hidden;
position:absolute;
width:190px;
}

#avanav3 ul li:hover ul,
#avanav3 ul a:hover ul{
visibility:visible;
}
*/
/*--------------------------------------------------------------------------------*/
#greyline {
width: 1024px;
height: 44px;
margin:0 0 0 0 0;
padding: 0 0 0 0;
}
/*--------------------------------------------------------------------------------*/


/**************** leftbar ****************/
#leftcontent{
/*background:#ffffff;*/
float:left;
width:100px;
padding:0 0 0 0;
margin: 0 20px 0 0;
}

#splitcontentleft1{
/*background: url(img/WP-S-r2.jpg) top left;
border:1px solid #000000;*/
float:left;
height:37px;
width:100px; 
padding:0 0 0 0;
margin: 10px 0 5px 0;
}

#splitcontentleft2, #splitcontentleft3, #splitcontentleft4, #splitcontentleft5{
/*background: url(img/d-p-l1.jpg) bottom left no-repeat;*/
border:1px solid #000000;
float:left;
height:150px;
width:190px; 
padding:0 0 0 0;
margin: 0 0 5px 0;
}


/**************** Contentbar ****************/
#headercontainer {
height:380px;
position: relative;
clear: both;
}

#container{
vertical-align:middle;
width: 1024px;
margin:auto;
padding:20px;
position: relative;
}

#farbe{
background:#FFFFFF;
width: 1024px;
height: auto;
float: left;
}

#content{
float:left;
width:650px;
height:auto; /*height:690px; */
font-size:0.9em;
padding:0 0 0 0;
margin: 0 10px 0 0;
text-align:justify;
}

#splitcontenttext{
/*background:#ffffff;*/
float:left;
width:650px; 
padding:0 0 0 0;
margin: 10px 0 0 0;
}

#splitcontentimg	{
background:#ffffff;
float:left;
/*min-height:350px;
width:540px; */
padding:0 0 0 0;
margin: 15px 0 0 10px;
/*z-index:2; */
}

/**************** Content styles ****************/
#content h2{
display:block;
margin:0 0 16px 0;
font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#content h1 {margin:0 0 15px 0;}
#content h2 a{font-weight:normal;}
#content h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content a:hover,#subcontent a:hover{text-decoration:underline;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}


/**************** rightbar ****************/
#rightcontent{
width: 224px;
float:right;
padding:0 0 0 0;
margin: 20px 10px 0 0;
}

/* * html #rightcontent{
clear: both;
}*/

#splitcontentrighttop{
/*background: url(img/WP-S-r1.jpg) bottom left no-repeat;*/
border-top:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:5px solid #FF9900;
float:right;
height:70px;
width:180px; 
padding:0 0 0 0;
margin: 10px 0 0 0;
}
#splitcontentrightmenu{
/*background: url(img/WP-S-r2.jpg) bottom left no-repeat;*/
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:5px solid #FF9900;
float:right;
height:145px;
width:180px; 
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#splitcontentrightmenu li{
padding:5px 0 0 10px;
list-style-type:none;
}

#splitcontentrightmenu li a{
/*display:block 180px;*/
font-size:0.8em;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #FF9900;
}

#splitcontentrightmenu li a.menu_current {
    color: #505d33;
}
#splitcontentrightmenu li a.menu_default {
}

* html #splitcontentrightmenu a {width:1%;}

#splitcontentrightmenu .selected,#splitcontentrightmenu a:hover{
color:#FF6600;
}

#splitcontentrightimg{
/*background: url(img/WP-S-r3.jpg) bottom left no-repeat;*/
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:5px solid #FF9900;
float:right;
height:250px;
width:180px; 
padding:0 0 0 0;
margin: 0 0 0 0;
}

#splitcontentrightnews{
background: url(img/WP-S-r4.jpg) bottom left no-repeat;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
float:right;
height:295px;
width:180px; 
padding:0 0 0 0;
margin: 0 0 0 0;
}

/**************** Images styles ****************/
#float-right {
float: left;
vertical-align: top;
  /*width: 186px;/* em width variance by element
  height: 186px;*/
  margin: -500px 0px 0px 400px;
}
/**************** Images styles ****************/

#menu_currentHome{
padding:-40px 0 10px 0;
margin:-40px 0 10px 0;
}

/*
* html #menu_currentHome{
background-color:#FF0000;
padding:-100px 0 0 0;
margin:-100px 0 0 0;
}
*/

#subcontent h2{
display:block;
margin:0 0 15px 0;
font-size:1.6em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#subcontent p{margin:0 0 16px 0; font-size:0.9em;}


/**************** Searchbar styles ****************/

#searchbar{margin:0px 0 0 760px;}
#searchbar form fieldset{margin-left:10px; border:0 solid;}

#searchbar #s{
height:1.2em;
width:110px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}

#searchbar #searchbutton{
width:auto;
padding:0 1px;
border:1px solid #808080;
font-size:0.9em;
text-align:center;
}

/**************** Footer styles ****************/
#footer2{
font:86% Verdana,Tahoma,Arial,sans-serif;
font-size: 12px;
height:16px;
width:1024px;
margin:0 1px 1px 1px;
color:#000000;
clear: both;
}



/*#footer2 p{padding:0; margin:0 0 0 10px; text-align:right;}
#footer2 a{color:#000000;; background-color:inherit; font-weight:bold;}
#footer2 a:hover{color:#000000; background-color:inherit; text-decoration: underline;}*/

#footer{
height:44px;
font-weight:bold;
width:1024px;
margin:0 0 0 0 0;
padding: 0 0 0 0;
}

#footer li{
padding:0 0 0 0;
list-style-type:none;
}

#footer li a{
font-size:1.4em;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #FF9900;
}

/**********************************************************************************/
/**************** Footer styles ****************/



/**************** Misc classes and styles ****************/

.splitcontentleft{background:blue; float:left;}
.splitcontentright{background:red; float:right; width:48%;}
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

.box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}
/***********************************************************/
#page-title {
float:left;
    position: relative;
    top: 10px;
	left: 210px;
	font-size: 10pt;
	color: #eee;
	font-weight: bold;
}

#page-title h1{
	font-size: 16pt;
	font-weight: normal;
}
#page-title h2{
	font-size: 12pt;
	font-weight: bold;
}

#telefon {
float:right;
position: relative;
top: 10px;
right: 10px;
text-align: right;
font-size: 10pt;
font-weight: bold;
color: #ddd;
}

#impagb {
float:right;
position: relative;
top: 0px;
right: 10px;
text-align: right;
font-size: 10pt;
font-weight: bold;
color: red;
}