/*================================================*
 *=============  CSS for ZAUNBAUEN  ==============*
 *=============   Version 1.0.1.8   ==============*
 *=============   ©copyright 2010   ==============*
 *=============     Marceli Zaic    ==============*
 *================================================*/

/*-----------GENERAL STYLING-----------*/
body, html { margin:0; padding:0; font-size : 90%; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; background-image: url("images/zaun_bck.jpg"); }
hr { margin:.9em; padding:0em; }
/*
forms
*/
form { padding:0; margin:0; }
input, textarea, select { padding:4px; border:1px solid #515151; font-size:.9em; line-height:1em; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }
input, label { height:auto !important; height:22px; padding:2px; }
input[class=btn], input[type=submit] input[id=submit] { padding:3px;  }
textarea { overflow:auto; display:block; }
/*
lists
*/
ul, ol { list-style-type:none; list-style-position:outside; padding:0; margin:.2em 0 .2em 0; }
ul li, ol li { padding-left:15px;}
/*
links
*/
a img { border: 0 none; }
.main { width: 80%; text-align: center; height:100%;}

/*-----------HEADER-----------*/
#header {display:block; text-align:right; height:30px; min-width: 850px;max-width: 1000px;}
#header img{vertical-align: middle;}
#header a{padding-left: .2em; color: #a4afc3; text-decoration: none; text-transform: capitalize;vertical-align: middle;}
label { font-size:.9em; }
#searchform input { width:130px !important; padding:4px; border:1px solid #515151; font-size:.9em; line-height:1em; text-transform:none; color:black; font-family: Arial, sans-serif; background:white; }
#searchform { margin-top:10px !important; }
#searchform br { display:none; }
#searchform input, input#submit { background:#111111; color:#FFFFFF; padding:4px; border:1px outset #000000; font-family: Arial, sans-serif; text-transform:uppercase; }

/*NAVI*/
#navi { display:block; text-align: left; margin-top:1.2em; min-width: 850px;max-width: 1000px;}
#menuTop {height: 45px; background: transparent url(images/menu_bck_long.png) repeat-x;}
/* All ULs and OLs */
#mainmenu, #mainmenu ul, #mainmenu ol { padding: 0; margin: 0; list-style: none; }
/* All submenu OLs and ULs */
#mainmenu ol, #mainmenu ul, #subMenusContainer ul, #subMenusContainer ol { text-align:left; background:none; }
#mainmenu li { position:relative; float:left; margin:0; padding:0; }
#mainmenu a{ display:block; float:left; height:19px; width:90px; padding:6px 0 0 0; text-decoration:none; text-align:center; font-size:10px; color:black; background: transparent url(images/menu_bck.png) 0 0 no-repeat; }
#mainmenu a:hover,#mainmenu a.act { background: transparent url(images/menu_bck.png) 0 -25px no-repeat; }
#sidebar { padding:0em; }

/*-----------NEWS-----------*/
#sideMenu a{background-image: url("images/arrow.gif"); background-position: 0px; background-repeat: no-repeat; color: #baea1c;  text-decoration: none; font-weight:700; padding-left:25px; }
#sideMenu .NEWSINPUTMAIN {width:100px;}
#sideMenu .TDOKBUTTON {text-align: right; padding-right:25px;}
#sideMenu .NEWSBTNOK {width:30px;}
#sideMenu INPUT { background: url('images/menu_bck_long.png'); color:#baea1c; min-height:18px; border:none; border-left: solid 1px #272727}

/*====  INFO_BOX  ====*/ /* START */
.kleinHinweis { background: url('images/_hinweisbox_bck.gif') 0 0 repeat-x #fffae5!important; border: 1px solid #cbe38f!important;  padding:10px; text-align:justify; min-width:830px; max-width: 980px;}
	
/*-----------CONTENT-----------*/
#content {display:block; width: 100%; padding:0px; margin-top: 2em;  min-width: 850px;}
#content .sidebar { float: left; width: 200px; text-align:left;}
#content .main{ text-align:left;margin-left:200px; position: inherit; max-width: 650px;min-height:250px;}

/*-----------LANGS-----------*/

/*-----------FOOTER-----------*/
#footer .footer_content { width:99% !important; width:99%; display:block; margin-right:auto; margin-left:auto !important; /* stupid ie... */ margin-left:1px; margin-top:5em; padding: 0px; border-top:1px solid #7f7f7f; text-align:center; }
#footer .footer_content a {	color: #7f7f7f; }

/*-----------TEKST-----------*/
#tekst { display:block; padding:1em; font-size:12px; font-family:Arial, sans-serif; text-align:justify;}
#tekst h2, h3{ margin: 0; padding: 0; font-size:12px; display:inline; }
#tekst h1{ font-size:14px; }
#tekst a{ color: #beea1c; font-style: normal; text-decoration: none;}
/*-----------ANFRAGE_FORM-----------*/
#tekst .small_img {border: 0px; padding-left: 1em;}
#tekst .anfrage_text { text-align: right; min-width: 200px;}
#tekst .anfrage_input_m input { width: 330px;}
#tekst .anfrage_input select { text-align: left; width: 205px;} 
#tekst .anfrage_input input  { text-align: left; width: 200px;}
#tekst .anfrage_input_radio select {text-align:center; text-align: left; width: 165px;}
#tekst .anfrage_input textarea{ text-align: left; min-width: 405px;}
/*-----------RAL-----------*/
#ral div { vertical-align: middle; border:1px solid #000; height: 40px;
padding-top:1.9em;max-width:100px;}
/*-----------GALLERY-----------*/
#ZB_Gallery img{border:none;}
#ZB_Gallery  ul,li{ margin:0; padding:0;}
#ZB_Gallery li{ list-style:none;float:left;display:inline;margin-right:10px;}
#preview{position:absolute;border:1px solid #ccc;background:#333;padding:5px;display:none;color:#fff;}

/*  */
