* { padding: 0px; margin: 0px; border: 0px; }
body { text-align: left; font: 62.5% Arial, Helvetica, Sans-serif; line-height: 1.3em; background: #fff url('images/bg_body.gif') repeat-y 590px; color:#666; }

#page {	width: 840px; position: relative; margin: 0px auto 10px 0px; background-color: transparent; color: #353e49; }

#images { float: right; margin-top: 30px; margin-right: -130px; width: 370px; height: 280px; padding: 0px; text-align: right; }
#images img { position: relative; }
#images p { position: relative; text-align: left; font: 130% Times New Roman; margin-left: 2.2em; margin-top: -1.5em;  color: #aaa;  font-style: italic; }

textarea { width: 480px; border: 1px solid #666; }
a { text-decoration:none; color: #888; }
a:hover	{ text-decoration: none; color: #AC1E38; }

#header a {color: #ddd; }
#header a:hover	{ color:#ddd; }

h2 { font-size: 1.1em; font-weight: bold; text-transform: uppercase; color: #8a182d; }

#topleft { position: relative; float:left; width: 500px; height: 180px; color: #fff; background-color: transparent; }
h1#header { position: absolute; top: 25px; left: 95px; font-size: 4.2em; line-height: 1.9em; font-weight: bold; color: #e9e9e9; }
h2#tagline { position:absolute; bottom: 35px; left: 220px; font-size: 1.4em; color: #ccc; }
#topleft p { position: absolute; top:83px; left: 75px; font-size: 1.4em; font-weight: bold; color: #d8d8d8; line-height: 1.55em; }
#topleft p strong { font-size: 1.8em; font-weight: bold; color: #d2d2d2; }

#topright { position: relative; margin-left: 600px; height: 180px; background: transparent url(images/bg_logo.jpg) no-repeat; }
#topright img { display: none; }

#sidebar { float: left; width: 220px; background-color: transparent; text-align: right; padding-top: 40px; border-right: 1px solid #8a182d; line-height: 1.2em; }
#sidebar h2 { margin-left: 10px; color: #fff; padding: 0px 1em; }
#sidebar ul { font-size: 1.2em; color: #888; list-style: none; margin-right: 16px; margin-bottom: 20px; color: #8a182d; }
#sidebar ul li { margin: 3px 6px 3px 0px; }
#sidebar a { display: block; font-weight: bold; padding: 6px; background: #fff url('images/dot.gif') no-repeat 100% 50%; padding-right: 12px; }
#sidebar a:hover { text-decoration: underline; color: #8a182d; }
#sidebar ul li ul { font-size: 100%; list-style: none; margin-right: 0px; margin-bottom: 10px; font-weight: normal; text-transform: none; }
#sidebar ul li ul li { margin: 2px 0px; }
#sidebar ul li ul li a { padding: 2px 10px 2px 2px; }


#sidebar ul#haupt { margin-right: 10px; }
ul#haupt li { text-transform: uppercase;  }
ul#haupt li a { color: #888; font-weight: bold; letter-spacing: 0.1em; background: #fff none; padding-right: 20px; }
ul#haupt li a:hover, ul#haupt li a.current {color: #fff; background-color: #8a182d; font-weight: bold; text-decoration: none; }
ul#haupt li a small { font-weight: normal; text-transform: none; }

ul#haupt li ul { font-size: 100%; list-style: none; margin-top: 0px; margin-right: 14px;  } 
ul#haupt li ul li a { display: block; padding: 2px 0px; text-transform: none; letter-spacing: 0em; margin-right: 6px; background: #fff url('http://www.drossos.at/wp-content/themes/drossos/images/dot.gif') no-repeat 100% 50%; padding-right: 12px; } 
ul#haupt li ul li a:hover, ul#haupt li ul li a.current { text-decoration: none; color: #8a182d; background: #fff url('http://www.drossos.at/wp-content/themes/drossos/images/dot.gif') no-repeat 100% 50%; } 
ul.children, ul.children a.current { padding-right: 15px;text-transform: none; }

#content { margin-left: 220px; background-color: #fff; color:#666; padding: 30px 20px 30px 50px; text-align: left; font-size: 1.3em; border-top: 1px solid #8a182d; border-left: 1px solid #8a182d; }
#content p { padding: 0px 10px 0.7em 0px; line-height: 1.37em; }
#content p.motto { font-size: 1.1em; line-height: 1.28em; font-family: "Times New Roman", Times, serif; color: #888; margin: 1.2em 220px 1em 40px; font-style: italic; text-align: right; font-weight: lighter; }

#content a { color: #8a182d; }
#content a:hover { text-decoration: none; color: #E32044; }
#content h2 { margin-top: 1.2em; margin-bottom: 0.8em; }
#content h3 { text-transform: uppercase; font-size: 0.9em; padding-top: 1em; padding-bottom: 0.5em; }
#content ul { font-size: 100%; list-style: none; margin-right: 150px; margin-bottom: 0.9em; line-height: 1.37em; }
#content ul.breit { margin-right: 20px; }
#content ul li { background: transparent url('images/dot.gif') no-repeat 0% 0.4em; padding-left: 10px; }
.icon { margin: 5px 5px 5px 0; }
.cc { border: 1px solid #8a182d; display: block; padding: 1px; }

blockquote { background-color: #fff; border-left: 2px solid #353e49; border-right: 2px solid #353e49; padding: 0 5px; }
	
#footer	{ clear: both; margin-left: 220px; background-color: transparent; border-top: 1px solid #8a182d; }
#footer p { font-weight: normal; color: #fff; text-align: right; padding-top: 5px; }
#footer a { color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 0.1em; }

#sprache { position: absolute; top: 180px; left: 868px; }
#sprache a, #sprache span { display: block; text-transform: uppercase; letter-spacing: 0.1em; padding-left: 12px; font-weight: bold; }
#sprache a:hover { color: #8a182d; text-decoration: none; }
#sprache span { color: #8a182d; background: #fff url('images/dot.gif') no-repeat 0% 50%; }

.post { line-height: 1.5em; border-bottom: 1px solid #8a182d; padding-bottom: 5px;	}
.post h2 a { color: #8a182d; }

.postdata { margin-top:20px; color:#000; font-size: 0.8em; letter-spacing: 0.1em; text-align: left; }
.postmetadata a, .entry a, .postdata a { font-weight: bold; color:#353e49; }


.commentlist li { margin-bottom: 30px; }

#a { position: absolute; left: 330px; top:165px; width: 260px; height: 15px; background: #ddd url('images/bg_sta.jpg') no-repeat; z-index; 100; }
#b { position: absolute; left: 860px; top:480px; width: 85px; height: 20px; background: #ddd url('images/bg_stb.jpg') no-repeat; z-index; 105; }

#a a { display: block; width: 260px; height: 15px; }
#b a { display: block; width: 85px; height: 20px; }
#a a span, #b a span, #c a span { display: none; }
#a a:hover, #b a:hover, #c a:hover { border: 0px solid #333; }


#a a:hover span, #b a:hover span, #c a:hover span { display: block; position: absolute; height: auto; width: auto; background: #fff; text-align: left; border: 1px solid #333; }
#a a:hover span { top: 0px; left: 0px; width: 520px; }
#b a:hover span { bottom: 0px; right: 0px; }


/* Defining crappy browser hacks */
* html #topright { border-left: 0; border-right: 0; right: 3px; }
* html #sidebar a { height: 1px; }
* html #content ul { position: relative; background-color: transparent; }