/* Font-Definitionen */

@font-face {
   font-family: Museo300Regular;
   src: url('/fonts/museo/Museo300-RegularWeb.woff');

}

@font-face {
   font-family: Museo500Regular;
   src: url('/fonts/museo/Museo300-RegularWeb.woff');

}





@font-face {
   font-family: VaigaiUni;
   src: url('http://192.168.0.166:8090/opencommunity/fonts/tamil/VaigaiUni.woff');
}

#adselection{
  position : absolute;
  top : 50px;
  right : 25px;
  width : 160px;
  color : green;
  text-align : center;


}
#adselection_dropdown{
  display : none;
  position : absolute;
  top : 30px;
  right : 0px;
  width : 160px;
  background : white;
  color : black;
  z-index : 25;


}
#adselection_dropdown.td{

  color : green;
}
.adselection1{
    vertical-align : middle;
    color : #6CBB16;
    font-weight : bold;
}
.adselection2{
    vertical-align : middle;
    color : black;
    font-weight : bold;
}
.dropdownheader1{
    text-align : center;
    color : #6CBB16;
    font-weight : bold;
    border-bottom : 1px solid black;
}


body{

    font-family : Museo300Regular;
    #font-family : VaigaiUni;
    font-size : 12px;
    background : black;
    margin-top: 0px;
    margin-bottom: 0px;
}
p{
    font-size : 13px;
    line-height : 20px;
    margin-bottom : 24px;
}
td{
    font-family : Museo300Regular;
    #font-family : VaigaiUni;
    font-size : 14px;
    min-height : 40px;
    color : white;
    vertical-align : top;
}
th{
    font-family : Verdana;
    font-size : 14px;
    min-height : 40px;
    color : white;
    vertical-align : top;
}
a{
    color : white;
    text-decoration : none;
}

 /* Formularelemente */

input{
    #color : #F58423;
    color : #FFCD00;
    #border : 1px solid #F58423;
    border : 1px solid #FFCD00;
    height : 30px;
    background : #4a4a4a;
    font-family : Museo300Regular;
    font-size : 14px;
}
textarea{
    width : 380px;
    height : 120px;
    border : 1px solid #FFCD00; 
    color : #FFCD00;
    background : #4a4a4a;
    font-family : Museo300Regular;
    font-size : 14px;   
}
img{
    vertical-align : middle;
}

.inputlabel{
    color : white;
    #border : 1px solid #F58423;
    height : 38px;
    background : #363D45;
    font-family : Museo300Regular;
    font-size : 14px;
    width : 140px;
}

select{
    border : 1px solid gray;
    height : 30px;
}

 /* Seitenstruktur */

#main{
    
    width : 1024px;
    #left : 50%;
    margin-left: auto;
    margin-right: auto;
    top : 0px;
    bottom : -100px;

    background : #363D45;
}

#navigation{

    position : relative;
    width : 1024px;
    left : 0px;
    top : 0px;
    height : 176px;
    
    background : #004C97;
}
#pagebody{
    position : relative;
    overflow : hidden;
    #border : 1px solid red;
}



#navigation_vert_back{
    position : absolute;
    top : 24px;
    left : 32px;
    width : 220px;
    height : 700px;
    display : <#navvertdisplay>;
}
#navigation_vert{
    float : left;
    width : 220px;
    margin-left : 32px;
    margin-top : 24px;
    margin-bottom : 300px;

}


#display{
    float : left;
    color : white;
    width : 522px;
    margin-left : 20px;
    margin-top : 24px;
    margin-bottom : 20px;
}

#display_alt{
    height : 600px;
}

#display_back{

    width : <#displaywidth>px;
    #left : <#displayleft>px;
    #top : 176px;
    #top : <#displaytop>px;
    bottom : 0px;
    padding-top : <#displaytop>px;
    margin-left : <#displayleft>px;

    font-family : Museo500Regular;
    font-size : 14px;
    color : white;
    min-height : 652px;
    min-height : 702px;
    padding-bottom : 20px;
    #border : 1px solid green;
}

#banner{
    float : right;
    margin-top : 35px;
    margin-right : 32px;
    margin-bottom : 20px;
    width : 160px;
}

#footer{
    position : relative;
    left : 0px;
    height : 140px;
    background : #004C97;
}
div.menuitem{
    height : 30px;
    margin-left : 20px;
}

 /* Wizard (Regsitrierung etc) */


#grayout{
	/* IE only: filter:alpha(opacity=50); */
	opacity: 0.5;
	background-color: gray;
	visibility :hidden;
	position: absolute; 
	visibility: hidden;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 6;
}

#wizard{
	position: absolute; 
	visibility: hidden;

        width : 580px;
        left : 50%;
        margin-left: -262px;
        #margin-right: auto;
        #margin-top: 118px;
        height:auto;

	top: 118px;
	#bottom: 200px;
	#padding: 0px;
        padding-right : 40px;
        padding-bottom : 20px;
	border: 2px solid #ffffff;
	z-index: 7;
        background-color : #4a4a4a;
}
#wizardContent{
	position: relative; 
        color : white;
        font-family : Museo300Regular;
	font-size: 14px;

	#overflow: auto;
        height : auto;
	#padding: 10px
        #background-color : #4a4a4a;
	#border: 2px solid #ffffff;        

	#top: 72px;
	right: 22px;
	left: 22px;
	bottom: 0px;
        #height : 200px;
        #height : 100%;
}
#wizardTitlebar{
	z-index: 7;
        font-face : Museo500regular;
	font-size: 18px;
	font-weight: bold;
	cursor: move;
        width: 500px;
        height: 32px;
        padding-left : 22px;
        padding-top : 34px;
	color: #6CBB16;
}
.wizardTitlebarButton {
	#float: right;
	cursor: default;
	height: 30px;
	width: 30px;	
        position : absolute;
        right : 0px;
        top : 0px;
        #border : 3px solid blue;
}
#wizardMinimized{
	position: absolute; 
	visibility: hidden;
	height: 15px;
	right: 1px;
	bottom: 1px;
	padding: 5px;
	cursor: pointer;
    font-size: 13px;
    font-weight: bold;	
	color: #DDDDFF;
	background-color: #444488;
	z-index: 5;
}

td.menuentry{
	height : 36px;
	background : #D8D8D8;
	padding-left : 5px;
        padding-right : 6px;
        vertical-align : middle;

}
div.menubottom{
	background : #224466;
	height : 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
div.menutop{
	background : #224466;
	height : 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#logo{
        position :absolute;
        left : 32px;
        top : 35px;
	height : 175px;
        width 350px;
	text-align : left;
        margin-left : 0px;
}
#menu{
        position : absolute;
        right : 25px;
        top : 140px;
        z-index : 0;
        height : 36px;
        overflow : hidden;
}
div.login{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	height : 100px;
	background : #224466;
	margin-top : 20px;
	padding : 10px;
}
a.menuentry{
        color : black;
        font-size : 18px;
        #font-weight : bold;
        text-decoration : none;
}
#banner-b{
       position : absolute;
       height : 70px;
       left : 270px;
       width :770px;
        background : #0000cf;
}

.memberadcategory{
	float : left;
	width : 320px;
	background : #DDDDDD;
    margin : 5px;
}
.clearfix:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}
div.category{
   position : absolute;
   font-size : 18px;
   height : 50px;
   color : #FFCD00;
   vertical-align : middle;
   font-weight : bold;
}
a.category{

   font-size : 18px;
   height : 50px;
   color : #FFCD00;
   font-weight : bold;
   text-decoration : none;
}
.catpicto{
    vertical-align:middle;
    margin-left : 1px;
    margin-right : 15px;
    margin-bottom : 9px;
}
.catpicto2{
    vertical-align:middle;
    margin-left : 10px;
    margin-right : 15px;
    margin-bottom : 9px;
}

 /* Interaktive Karte */

#map{
    position : absolute;
    //top : 3px;
    top : -50px;
    //left : 737px;
    left : 700px;
    width : 300px;
    height: 300px;
    z-index : -1;
}
#map2{
    margin-top : 30px;
    #width : 300px;
    #height: 300px;
}

#map-svg-container{

    position : relative; 
    width : 270px; 
    left : -27px; 
    top : -30px;
}

#map-svg{
    width : 275px;
}

select{

    height : 30px;
    border : 1px solid orange;
    overflow: hidden;
    font-family : Museo300Regular;
    font-size : 16px;   
    #font-weight : bold;
    #padding : 6px;
    #background : #FFCD00;
    background : #4a4a4a;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: auto;
    color : #FFCD00;
}
.selectbig{
    width : 415px;
    height : 36px;
    border : 0;
    overflow: hidden;
    font-family : Museo300Regular;
    font-size : 18px;   
    #font-weight : bold;
    padding : 6px;
    background : #FFCD00;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: auto;
    color : black;
    cursor : pointer;
}
.selectbig select{
   width: 350px;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   color : black;
}

.selectbig2{
    width : 415px;
    height : 32px;
    border : 1px solid #FFCD00;
    overflow: hidden;
    font-family : Museo300Regular;
    font-size : 14px;   
    #font-weight : bold;
    padding : 6px;
    #background : #FFCD00;
    #-moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: auto;
    color : #FFCD00;
    cursor : pointer;

  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;


}

.selectsmall{
    #width : 415px;
    height : 30px;
    border : 0;
    overflow: hidden;
    font-family : Museo300Regular;
    font-size : 12px;   
    #font-weight : bold;
    padding : 6px;
    background : #FFCD00;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: auto;
    color : black;
}
#catselection1{
    position : absolute; 
    left : 490px; 
    top : 126px;
}
#catselection2{
    position : relative; 
    left : 32px; 
    top : 26px; 
    height : 26px; 
    width : 960px;
    
}
.catselect2{

    background : #F58423;
    color : black;
    border : 1px solid #F58423;
    margin-right : 5px;
}

.orderbutton{

    background : #F58423;
    color : black;
    border : 1px solid #F58423;
}

 /* Spezial-Checkbox */

img.customcheckbox{
    vertical-align : middle;
    margin: 0px 0px 5px 0px;
}

span.customcheckbox{
    font-family : Museo300Regular;
    font-size : 18px;   
    #font-weight : bold;
}
td.customcheckbox{
    font-family : Museo300Regular;
    font-size : 18px; 
    color : black;  
    height : 20px;
    vertical-align : top;
    padding-top : 9px;
}

img.customcheckbox2{
    vertical-align : middle;
    margin: 0px 0px 0px 0px;
}


span.customcheckbox2{
    font-family : Museo500Regular;
    font-size : 14px;   
    #font-weight : bold;
}
td.customcheckbox2{
    font-family : Museo500Regular;
    font-size : 14px;  
    color : black;  
    vertical-align : top;
    padding-top : 9px;
}

.button1{
    width : 100px;
    height : 36px;
    font-family : Museo300Regular;
    font-size : 18px;   
    border : none;
    background : #F58423;
    color : black;
    width : 125px;
    margin-bottom : 5px;
}

#criterias{
    position : absolute;
    left : 32px;
    top: 20px;
    width : 220px;
    height : 1280px;
    cursor : pointer;
}
#categorylist2{
    position : absolute;
    left : -10px;
    top: 640px;
    width : 250px;
    height : 280px;
  
}

#profilemenu{
    position : absolute;
    left : -240px;
    top : -18px;
    width : 220px;
    height : 280px;
}
.profilemenuitem{
    background : white;
    font-family : Museo300Regular;
    font-size : 14px;
    color : #353D45;
    text-decoration : none;
    min-height : 28px;
    padding-left : 10px;
    padding-right : 8px;
}
#resetfilter{
    background : white;
    font-family : Museo300Regular;
    font-size : 14px;
    color : black;
    text-decoration : none;
    min-height : 28px;
    padding-left : 10px;
    padding-right : 0px;
    width : 250px;
    margin-top : 0px;
    color : #FFCD00;
}
#searchdetails{
    #border : 1px solid blue;
    background : white;
}
.catlabel{
    font-family : Museo300Regular;
    font-size : 14px;
}
td.catlabel{
    font-family : Museo300Regular;
    font-size : 14px;  
    color : black;  
    vertical-align : middle;
}
.catlabel2{
    font-family : Museo300Regular;
    font-size : 18px;
    color : black;
}
#resultlist{
    #position : relative;
    #left : 272px;
    //top: 62px;
    #top: 20px;
    #width : 500px;
    #min-height : 1200px;
    #background : white; 
    z-index : 30;

}

#userprofile{
    position : relative;
    min-height : 1200px;
    width : 540px;

    #left : 32px;
    #top: 5px;
    #width : 700px;
    #height : 800px;
    #background : white; 

}
#userprofilecontent{
    position : relative;
    left : 240px;
    top: 20px;
    width : 500px;
    #height : 800px;
    #background : white; 

}

 /* Suchresultate */

div.searchresult{
    position : relative;
    font-family : Museo300Regular;
    font-size : 14px;
    color : white;
    width : 534px;
    height : auto;
    
    padding-top : 9px;
    padding-bottom : 5px;
    #padding-bottom : 6px;
    padding-left : 5px;
    border-bottom : 1px solid black;
    overflow : hidden;
}
div.searchresultdetails{
    display : none;
    height : 60px;
    font-size : 14px;
}
div.searchresultheader{
    margin-top : 30px;
    font-family : Museo500Regular;
    font-size : 18px;
    color : white;
    width : 534px;
    #border-bottom : 1px solid white;
    padding-left : 5px;
    padding-top : 4px;
    padding-bottom : 4px;
    background : #1d2023;
}
.searchresultfirstline{
    font-size : 18px;
}
img.merken{
    #position : absolute;
    #left : 507px;
    #top: -4px;
    #margin-bottom : 0px;
    float : right;
    margin-top : -6px;

}
div.searchresult2{
    display: table;
    font-family : Museo300Regular;
    font-size : 16px;
    color : white;
    width : 540px;
    height : 50px;
    border-top : 1px solid #979797;
    border-bottom : 1px solid #979797;
    margin:-1px 0 0 -1px;
}
div.searchresult3{
    font-family : Museo300Regular;
    font-size : 16px;
    color : white;
    width : 540px;
    height : 80px;
    height : auto;
    border-top : 1px solid #979797;
    border-bottom : 1px solid #979797;
    margin:-1px 0 0 -1px;
}

td.searchresultcell1{
    font-family : Museo500Regular;
    font-size : 18px;
    color : white;
    width : 430px;
}
td.searchresultcell2{
    font-family : Museo300Regular;
    font-size : 14px;
    color : white;
    width : 430px;
}
p.sectionheader{
    font-family : Museo300Regular;
    font-size : 18px;
    color : #6CBB16;
    font-weight : bold;
    width : 534px;
}
a.objectaction{
    font-family : Museo300Regular;
    font-size : 14px;
    color : #FFCD00;
    text-decoration : none;
}
.inputbig{
    width : 370px;
    height : 30px;
}

.inputbig2{
    width : 300px;
    height : 30px;
}

.inputmedium{
    width : 160px;
    height : 30px;
}
.inputsmall1{
    width : 60px;
    height : 30px;
}
.inputsmall2{
    width : 60px;
    height : 30px;
}

.popuplink{
    color : white;
    font-size : 14px;
    line-hight : 17px;
}
.inputlabel{
    width : 150px;
    background : #4a4a4a;
}
.spacer{
    width : 20px;
}
.nodebutton{

    background : #F58423;
    color : black;
    border : 1px solid #F58423;

}

.actionbutton{

    background : #F58423;
    color : black;
    border : 1px solid #F58423;

}
#agb{
    position : relative;
    width : 550px;
    #height : 700px;
    #overflow: auto;
}

 /* Spzeialfeld Mehrfacheingabe */


.widget {
	border: 1px solid gray;
	border-collapse: collapse;
}

.widgetChoice {
	border-width: 1px;
	border-color: #808080;
	border-style: none solid solid solid;
	cursor: url("images/cursor_left.png") 0 7, pointer;
}
.widgetChoice img{
	margin: 2px 2px 0px 0px;
}

.widgetTitle {
	border: 1px solid #808080;
	background-color: #CCCCEE;
  
	padding: 1px;
  
	font-weight: bold;
}

.widgetCell {
	border-width: 1px;
	border-color: #808080;
	border-style: none solid solid solid;

	padding: 1px;
}

.widgetCell img{
	margin: 2px 2px 0px 0px;
}

.widgetButton {
	cursor: pointer;
}

.widgetLabel {
	cursor: pointer;
}

.widgetFillInField {
     #display : none;
}
.tablelabel{
    width  : 160px;
    height : 40px;
    vertical-align : top;
    horizontal-align : left;
    color : white;
    #border : 1px solid #F58423;
    height : 40px;
    #background : #363D45;
    font-family : Museo300Regular;
    font-size : 14px;
    width : 140px;
}

.navmenuitem2{
    font-family : Museo500Regular;
    font-size : 14px;
    color : black;
    height : 23px;
    padding-left : 8px;
    padding-top : 3px;
    text-decoration : none;
    background : white;
    text-align: justify;
    #border : 1px solid black;
    #font-weight : bold;
}
.navmenuitem3{

    font-family : Museo500Regular;
    font-size : 14px;
    color : black;
    min-height : 23px;
    padding-left : 28px;
    padding-top : 3px;
    text-decoration : none;
    background : white;
    #font-weight : bold;
}
.displaytitle{
    font-size : 18px;
    color : #6CBB16;
    font-weight : bold;
    line-height : 20px;
}
.displaybody{
    font-size : 13px;
    line-height : 20px;
    margin-bottom : 12px;
}
#locationselection{
    top : 12px;
    background : #FFCD00;
    position : relative;
    font-family : Museo300Regular;
    font-size : 18px;   
    #font-weight : bold;
    color : black;
    padding : 6px;
    height : 24px;
    #overflow-x : hidden;
    z-index : 2;
    width : 208px;
}
#locationselection2{
    position : absolute;
    left : 0px;
    padding : 0px;
    background : #FFCD00;
    background : white;
    visibility : hidden;
    height : auto;
    width : 219px;
    overflow-x : hidden;
    overflow-y : hidden;
    border : 1px solid black;
}

#categoryselection{
    background : #FFCD00;
    position : relative;
    font-family : Museo300Regular;
    font-size : 18px;   
    #font-weight : bold;
    color : black;
    padding : 6px;
    height : 24px;
    #overflow-x : hidden;
    z-index : 12;
    width : 208px;
    margin-top : 20px;
}
#categoryselection2{
    position : absolute;
    left : 0px;
    padding-left : 10px;
    background : #FFCD00;
    background : white;
    visibility : hidden;
    height : 300px;
    width : 208px;
    overflow-x : hidden;
    border : 1px solid black;
    #overflow-y : scroll;
}

#welcome{
    color : white;
}
.labelColumn{
    color : white;
    width : 300px;
}

.addressorderbutton{
    #float : right;
    background : orange;
    color : black;
    position : relative;
    left : 420px;
    right : 0px;
}
#teaser1{
    position : absolute; 
    left : 32px; 
    top : 12px; 
    height : 310px; 
    width : 715px; 
}

#teaser2{
    position : absolute; 
    left : 767px; 
    top : 12px; 
    height : 290px; 
    width : 205px; 
    background-image : url('/images/bg_aktuell.png');
    padding : 10px;
    #background : white;
}

#teaser2 p {margin-bottom:0px;}

#sponsoren{
    position : absolute;
    top : 10px;
    left : 260px;
    height : 120px;
    width : 728px;
    background-image : url('/res/images/sponsoren_banner_bg.png');
    padding-left : 10px;
}
#impressum{
    position : absolute; 
    //top : 100px;
    bottom : 10px;
    left : 34px;
    font-family : Museo300Regular;
    font-size : 14px;
    color : white; 
    line-height : 1.6;
}
.newsmessage{
    margin-top : 15px;
    font-size : 12px;
}

.newsmessage_header{
    font-size : 16px;
    font-weight : bold;
}

 /* Popup für Rückmeldungen */

#popup{
	position: absolute; 
	visibility: hidden;

        width : 580px;
        left : 50%;
        margin-left: -262px;
        height:auto;

	top: 118px;
	border: 2px solid #ffffff;
	z-index: 7;
        background-color : #4a4a4a;
}
#popup2{
	position: relative; 
        color : white;
        font-family : Museo300Regular;
	font-size: 14px;

        height : auto;

	right: 0px;
	left: 22px;
	bottom: 0px;

}
span.green{
     color : #6CBB16;
}
div.popupcontent{
     padding : 20px;
     color : white;
}

 /* Bilder der Vereinsorgane */

.portrait{
     width : 150px;
     float : left;
     margin-right : 20px;
     margin-bottom : 20px;
}
div.newsmessage > p{
     margin-bottom : 0px;
}
.newsurl{
     margin-top : 0px;
     font-weight : bold;
}

input[type="radio"] {
  margin-top: -1px;
  vertical-align: middle;
}
input[type="checkbox"] {
  margin-top: -1px;
  vertical-align: middle;
}
input.rightButton{
  float : right;

  background : #F58423;
  color : black;
  border : 1px solid #F58423;
  margin-left : 10px;
}

.categorydetails{

  display : none;
}

.membericon{
  margin-left : 10px;
}

.label_yellow{

  color : #FFCD00;
  line-height : 100%;
  vertical-align : middle;
}


.select_yellow{
  color : #FFCD00;
  foreground : #FFCD00;
  border : 1px solid #FFCD00;
  width : 350px;
}

.languageselection{
  background : white;
  color : #363D45;
  border : 1px solid #363D45;
  width : 190px;
  margin-bottom : 18px;
}

.languageselection_active{
  background : white;
  color : #6CBB16;
  border : 1px solid #6CBB16;
  width : 190px;
  margin-bottom : 18px;
}

.helpwindow{
  position : absolute;
  z-index : 100;
}