/*
Theme Name: Wordpress-Theme für UngarnForum.de
Description: Theme für das Projekt UngarnForum.de
Author: Sebastian Rieger
Author URI: http://www.ungarnforum.de
Start:19.01.2009
Letzte Aenderung: 29.10.2009
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
# Farbton (Hintergrund body): #DF0000 
# Farbton (Hüllenhintergrund Wrapper): #99cc99

# Farbton (Text, h3):Rand außen #774c20
# Farbton (Dunkleres Braun, Schrift, h2): #ffcc99
# Farbton (Hellgrün, Links im Fliesstext, Schrift, #metainformation, siteinformation): #eeffee; 
# Farbton (Text): #000
Farbe Logo_rotes Herz: #c71a06
Farbe Logo_gruen: 0b3a09;0b3e0d, 
Herz: 107014, 106f14
*/

/* Reset
--------------------------------------------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
	border: 0;
}

/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html {


/* Wahlweise Grid-Hintergrund
Rasterhintergrund, der die Breite bis 100 Pixel und eine Höhe bis 950 Pixel anzeigt. Die Breite von 960 Pixel ist markiert. Der Hintergrund ist transparent, muss also nicht nur mit #fff verwendet werden. Es wird eine Schriftgröße von 75% oder 12px festgelegt.
	background: #fff url(bilder/grid.png) top left no-repeat;
*/	
	background: #774c20;
	font-size: 75%;
}

html>body {
	font-size: 14px;
}

body {
/* Wahlweise Linienhintergrund
Linienhintergrund abgestimmt auf eine Schriftgröße von 12px.	
	background: transparent url(bilder/line-height.gif) top left;
	*/	
	background: #774c20;
	font-size: 14px;
	line-height: 1.43em;	
	font-family: Georgia, "Times New Roman", Times, serif;	
	text-align:center;	
}

h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	text-align: left;
}

a:link {
	color: #B11F32;
	text-decoration: none;
	border-bottom: none;
}

a:visited {
	color: #5B2C26;
	text-decoration: none;
	border-bottom: none;	
}

a:hover {
	text-decoration: underline;
	border-bottom: none;	
}

#hauptinformation a:link, #nebeninformation a:link {
	border-bottom: 1px solid #B11F32;	
}

#hauptinformation a:visited, #nebeninformation a:visited {
	border-bottom: 1px solid #5B2C26;	
}

#hauptinformation a:hover, #nebeninformation a:hover {
	text-decoration: none;
	border-bottom: 1px solid #000;
	background: #99cc99;		
}

a.randlos {
	border-bottom: none !important;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */

a:focus {
	outline: none;
}

/* Vertikaler Rhythmus basierend auf 14px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */

p {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 1.43em;
	margin-bottom: 0.65em;
}

h1 {
	padding: 0px 0px 0px 20px;
	margin: 0;
}

h1 span {
	display: none;
}

h2 {
	font: 1.43em/1.1em Georgia, "Times New Roman", Times, serif;
	margin-top: 1.43em;
	margin-bottom: 0.65em;
}

#metainformation h2 {
	background: #eeffee;
	font: normal 2.3em/1 Georgia, "Times New Roman", Times, serif;
	color: #774C20;
	padding: 50px 20px 5px 20px;
	width: 960px;
	w\idth: 920px;		
	float: left;
	margin: 0;
}

#metainformation h2 span {
	font: italic 0.5em/1 Georgia, "Times New Roman", Times, serif;
	display: block;
	float: left;
	padding: 10px 20px 10px 0;
	color: #C8945C;
	letter-spacing: 0.3em;
}



#metainformation h1 {
	padding: 30px 0px 0px 0px;
	margin: 0;
}

#metainformation h1 span {
	display: none;
}

h3 {
	font: 1.29em/1.2em Georgia, "Times New Roman", Times, serif;
	margin-top: 1.43em;
	margin-bottom: 0.65em;
	color: #774C20;
	border-bottom: 1px dotted #cc9966;
}

h4 {
	font: 1.14em/1.42em Georgia, "Times New Roman", Times, serif;
	margin-top: 1.43em;
	margin-bottom: 0.65em;
}

/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */

img, a img {
	border: none;
}

/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */

.link {
	float: left;
	margin: 0 0.5em 0 0;
}

.rechts {
	float: right;
	margin: 0 0 0 0.5em;
}

/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Foats aufzulösen.
--------------------------------------------------------------------------------------- */

#wrapper {
	margin: 0 auto;
	width: 960px;
	background: #eeffee url(bilder/wrapper-bg.jpg) 585px 320px no-repeat;	
}

#wrapper_forum {
	margin: 0 auto;
	width: 960px;
	background: #eeffee;	
}

#metainformation {
	background: #99cc99;
	overflow: hidden;
	position: relative;	
	width: 960px;
padding: 30px 0px 0px 0px;

}

#navigation {
	background: #582007 url(bilder/nav-bg.jpg) top left repeat-x;
	float: left;
	width: 960px;
	w\idth: 940px;		
	padding: 0 0 0 20px;
margin: 30px 0px 0px 0px;
}

#navigation li {
	float: left;
	list-style-type: none;
}

#navigation li a, #navigation li a:visited {
	background: #CF9B5F url(bilder/nav-bg.jpg) bottom left repeat-x;
	color: #ffcc99;
	float: left;
	margin: 0px;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
	border-left: 1px solid #663333;
	border-right: 1px solid #ffcc99;
	position: relative;
	z-index: 1000;	
}

#navigation li a:hover {
	background: #58210c url(bilder/nav-hover.jpg) bottom left repeat-x;
	text-decoration: underline;
}

#navigation li a.active {
	background: #FFEBCC url(bilder/nav-active.jpg) top left repeat-x;
	color: #000;
	text-decoration: underline;
}

body#start a#homenav, body#dummy a#dummynav-1, body#dummy a#dummynav-2, body#dummy a#dummynav-3, body#dummy a#dummynav-4 { 
	background: #FFEBCC url(bilder/nav-active.jpg) top left repeat-x;
	color: #000;
	text-decoration: underline;
}

#teaserfoto {
	background: transparent top left no-repeat; 
border: 17px solid #774c20;
width: 320px;
	height: 250px;
	position: absolute;
	top: -17px;
	left: 515px;
	z-index: 999;
}

#logo {
	background: transparent top left no-repeat;
	width: 293px;
	height: 120px;
	position: absolute;
	top: -8px;
	left: 0px;
	z-index: 998;
}

#hauptinformation {
	clear: both;
	float: left;
	width: 550px;
	padding: 0 0 20px 20px;
}

/* Details */

.intro {
	float: left;
	width: 329px;
}

.intro-s {
	float: right;
	width: 201px;
}

.initial {
	display: block;
	float: left;
	margin: 2px 0 0 0;
	padding: 0 5px 0 0;
	text-indent: -6000px;
}

div.trenner {
	background: transparent url(bilder/trenner.jpg) 50% 50% no-repeat;
	height: 36px;
	clear: both;
	padding: 10px;
}

div.trenner hr {
	display: none
}

.illustrativ {
	background: #CC9966;
	border: 1px solid #FFF6E8;
	padding: 10px;
}

#nebeninformation {
	float: right;
	width: 310px;
	padding: 0 20px 20px 0;
}

#nebeninformation ul li {
	list-style-type: none;
	border-bottom: 1px solid #cc9966;
	padding: 15px 0;
	overflow: hidden;
}

#nebeninformation p {
	margin: 0;
	padding: 0;
}



.angebot .foto {
	padding: 0 15px 15px 0;
	float: left;
}

.angebot strong {
	font: 1.5em/1em Georgia, "Times New Roman", Times, serif;
	color: #ae620e;
	display: block;
	margin: 0 0 5px 0;
}

.details {
	clear: both;
	float: right;
	background: #f3debd url(bilder/verlauf-angebot.jpg) bottom left repeat-x;
	padding: 10px 20px !important;
	margin: 0 0 20px 0;
	border-left: 1px solid #f3debd;
	border-right: 1px solid #f3debd;
}

.details a:link, .details a:visited {
	color: #aa0034;
}

.vcard {
	margin: 10px 0;
}

.vcard img {
display: none;	
}

#siteinformation {
	clear: both;
	background: #99cc99;
	padding: 20px 0px;
	margin: 0px;
	color: #ffcc99;
}

/* # selber geschrieben 
------------------------------------------------
------------------------------------------------
*/
/* #Flagge oben  */
#flag_up {
margin: 0px important!;
padding: 0px important!;
border: 0px important!;
}

#flag_up li {
display: block;
list-style-type: none;
margin: 0px;
padding: 0px 20px;
border: 0px;
}

#flag_up li.rot {
background: #FF0000;	
height: 40px;
}

#flag_up li.weiss {
background: #FFFFFF;	
height: 40px;
}

#flag_up li.gruen {
background: #006600;	
height: 40px;
}

#flag_up p {
display: inline;
color: #000000;
}





/* #Flagge unten  */
#flag_down {
margin: 0px important!;
padding: 0px important!;
border: 0px important!;
}

#flag_down li {
display: block;
list-style-type: none;
margin: 0px;
padding: 0px 20px;
border: 0px;
}

#flag_down li.rot {
background: #FF0000;	
height: 22px;
}

#flag_down li.weiss {
background: #FFFFFF;	
height: 22px;
}

#flag_down li.gruen {
background: #006600;	
height: 22px;
}

#flag_down p {
display: inline;
color: #000000;
margin: 0px important!;
padding: 0px important!;
}

.partnerseite {
margin: 15px 0px;
display: block;
}

#wetterinfos ul, #wetterinfos li {
	list-style-type: none;
}

.wetter li {
width: 170px;
padding: 0px 5px;
float:left;
}

#wetterinfos h4 {
clear:left;
	margin-top: 1.2em;
	margin-bottom: 0.3em;
margin-left: 5px;
}
}