@charset "UTF-8";
/*
*	Coordinadora de Son Bruc i Ruma
*	common.css file
*/

body{ font-family: Verdana, Helvetica, sans-serif; text-align: justify; font-size: 12px; line-height: 1.6em; 
		margin:0 auto 0 auto; padding:0; width:840px; text-align:center; background:#FFFFFF; height:auto; color:#000000; }

form{ margin:0; padding:0; }

#shwlf{ width:820px; height:auto; background:#FFFFFF url(../_img/shw_lf.jpg) repeat-y top left; margin:0 20px 0 0; }

#shwrg{ width:820px; height:auto; background:#FFFFFF url(../_img/shw_rg.jpg) repeat-y top right; margin:0 0 0 20px; }

h1{ font-size:18px; color:#565656;  margin-bottom:20px; }

h2{ font-size:16px; color:#565656; margin-bottom:20px; }

h3{ font-size:14px; color:#000000; margin-bottom:20px; }

a{ text-decoration:none; color:#3DA3D6; cursor:pointer; }

a:hover{ text-decoration:underline;}

ul{ margin-bottom:20px; }

.dis{ display:block; }

.ndis{ display:none; }

.noew{ background-color:#f5731c; color:#FFFFFF; width:100%; text-align:center; line-height:1.2em; padding:4px 0 4px 0; font-weight:bold; }

.bld{ font-weight:bold; }

.nbld{ font-weight:normal; }

img{ border:0; }

.vat{ vertical-align:top;}

.fr{ float:right; }

.fl{ float:left; }

.pb10{ padding-bottom:10px; }

.pl10{ padding-left:10px; }

.pt10{ padding-top:10px; }

.pl20{ padding-left: 20px; }

.mt10{ margin-top:10px; }

.mt20{ margin-top:20px; }

.mb30{ margin-bottom:30px; }

.txtal{ text-align:left; }

.txtar{ text-align:right; }

.txtac{ text-align:center; }

.txtam{ text-align:justify; }

.button{ outline:none; }

.red{ color: #FF0000; }

.grau{ color:#999999; }

#header{ width:800px; text-align:center; height:auto; padding:0; margin:0;}

#header #mural{ background:url(../_img/header.jpg) no-repeat top left; height:99px; }

#header #mural div#coord{ float:left; font-size:16px; color:#FFFFFF; margin:30px auto 0 10px; font-weight:normal; text-align:left; }

html > body #header #mural div#coord{ float:left; font-size:16px; color:#FFFFFF; margin:30px auto 0 14px; font-weight:normal; text-align:left; }

#header #mural div#coord h1{ margin:0 0 6px 0; padding:0; color:#FFFFFF; font-weight:normal; font-size:20px; }

#header #mural a{ text-decoration:none; color:#EBEAE7; cursor:pointer; }

#header #mural a:hover{ text-decoration:underline;}

#header #mural .rss{ position:absolute; margin:3px 10px 0 520px; }

#header #mural .langs{ color:#FFFFFF; float:right; margin:70px 10px 0 0; font-size:12px; padding:0; }

html > body #header #mural .langs{ color:#FFFFFF; float:right; margin:70px 20px 0 0; font-size:12px; padding:0; }

#header #mural .langs ul{ margin:2px 0 2px 0; padding:0 0 2px 0; text-align:right; list-style: none; }

#header #mural .langs ul li{ margin:0 0 0 20px; padding:0; display: inline; }

#header #menu{ width:100%; background-color:#B4D9AF; border-top:1px solid #CCCCCC; height:auto; margin:0; 
	font-size:14px; line-height:2em; font-weight:300; padding:5px 0 5px 0; }

html > body #header #menu{ width:100%; background-color:#B4D9AF; border-top:1px solid #CCCCCC; height:auto; margin:0; font-size:14px; 
	line-height:2em; font-weight:300; padding:0;}

#header #menu ul{ margin:2px 20px 2px 0; padding:0 0 2px 0; text-align:right; list-style: none; }

#header #menu li{ margin:0 0 0 20px; padding:0; display: inline; }

html > body #header #menu li{ margin:0 0 0 20px; padding:0; display: inline;}

#header #menu li img{ margin-right:5px;}

#header #menu a{ color:#606060; text-decoration:none; }

#header #menu a.set{ color:#000000; text-decoration:none; }

#header #menu a:hover{ text-decoration:underline; }

#inhalt{ width:740px; background-color:transparent; text-align:left; margin:0 30px 0 30px; padding:25px 0 0 0; height:auto !important; min-height:650px; height:650px; }

#footer{ background:url(../_img/shw_bt.jpg) no-repeat top left; width:840px; height:auto; color:#666666; font-size:12px; 
		text-align:right; margin:0; padding:25px 0 10px 0; }

#footer #w3c{ padding: 0 0 5px 20px; float:left; }

#footer img{ margin:4px 0 0 10px; padding:0; }

#footer #coordtxt{ padding:0 30px 0 0; }

#inhalt ul li{ margin:5px auto 5px auto; }

#inhalt div.block{ border-top: 1px dotted #666666; width:auto; text-align:left; padding:20px 0 10px 0;  margin:20px 0 0 0; }

#inhalt div.imc{ width:60px; height:auto; padding:0 10px 0 10px; }

/* Opera, was ist mi ihm? */

div.obl{ text-align:right; width:600px; margin:-35px auto 0 auto; padding:0 0 0 20px; }

div.form{ text-align:right; width:600px; margin:10px auto 0 auto; padding:0 0 0 20px; }

div.form .vest{ width:100%; margin:0; padding:8px 0 8px 0; }

div.form .col1{ width:auto; margin:0 auto 0 0; padding:0; height:auto; float:left; }

html > body div.form .col1{ width:85px; margin:0 0 0 auto; padding:0; height:auto; float:left; }

div.form .col2{ width:500px; margin:0 0 0 auto; padding:0; height:auto; }

div.form label{ margin:0 15px 0 0; padding:0; }

div.form .col1 label{ margin:0; padding:0; display:block; text-align:right; }

html > body div.form .col1 label{ margin:0 15px 0 0; padding:0; display:block; text-align:right; }

div.form .ffull{ width:100%; }

div.form .fbig{ width:225px; }

div.form .fmedium { width:200px; }

div.form .fsmall { width:145px; }

html > body div.form{ text-align:right; width:600px; margin:30px auto 0 auto; padding:0 0 0 20px; }

div.form textarea{ height:150px; font-family: Verdana, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; }

div.form .button{ width:100px; }

div#adhes{ text-align:left; width:600px; margin:0 auto 0 auto; padding:25px 0 15px 0; }

.lined_t{ border-top:1px dotted #999999;}

.lined_b{ border-bottom:1px dotted #999999;}

.msg{ margin: 0 auto 0 auto; text-align:center; font-size: 12px; width: 550px; font-weight:bold;}

#imgres{ margin:50px auto 5px auto; text-align:center;}

#kinfo{ font-size:12px; color:#666666; text-align:left; }

span.obl{ font-size:10px; color:#999999; }

#acceptbox #accept{ margin:0 15px 50px 0; float:left; }

.accept{ color:#333333; padding:2px 0 10px 0; margin:6px 0 6px auto; border:1px solid #FFFFFF; width:500px; text-align:justify; }

.noaccept{ color:#333333; padding:2px 0 10px 0; margin:6px 0 6px auto; border:1px solid #FF0000; width:500px; text-align:justify; }

img.foto{ border:1px solid #999999; margin:0 20px 0 0; }

div.fotos{ margin:4px 0 0 25px; }

.fall{ font-size:14px; color:#666666; text-align:left; padding:10px 0 25px 0;  }