@charset "UTF-8";

/*
Stylesheet fuer www.campingwelt.at
Datei:      styles.css
Media:      screen 
Datum:      22.03.2010
Autor:      kreatives - Schneider Katharina
Autor URL:  http://www.kreatives.at/
Aufbau:     1. Kalibrierung und allgemeine Styles
            2. Styles für Layoutbereiche
            3. Sonstige Styles
            4. Patches für IE
*/

/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */
*  { padding: 0; margin: 0; border: 0; }
table, img { border: 0; }

ul, ol { margin-bottom: 1em; } /* p wurde entfernt - siehe naechste Zeile! h1-h5 Angaben separat weiter unten */
p { padding-bottom: 1em; } /* margin-bottom wuerde Headline Abstände verschieben */

ul ul { margin-bottom: 0.6em; }
ol ol { margin-bottom: 0.6em; }

ul li {
	margin-left: 1.2em;
	list-style-type: disc;
}
ul li li {
	margin-left: 2em;
	list-style-type: circle;
}

ol li {
	margin-left: 2.4em;
	list-style-type: decimal;
}
ol li li { list-style-type: lower-alpha; }



/* Allgemeine Selektoren */
body { 
	margin: 15px 0 15px 6px;
	padding: 0;
	color: #1E1E1E; /* Schriftfarbe: dunkelgrau */
	background-color: #E1E9FC; /* unterhalb background-image */
	background-image: url(../images/imgs/bg_see1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	font-family: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: medium;
	line-height: 1.3em;
	text-align: left;
}

h1, h2, h3, h4, p, ul, ol, th, td { text-align: left; }

p, td, ul, ol {
	font-size: 90%;
}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 160%;
	font-weight: normal;
	color: #AA1124; /* rot */
	line-height: 1.4em;
	margin-bottom: 0.6em;
}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 136%;
	font-weight: normal;
	color: #AA1124; /* rot */
	line-height: 1.4em;
	margin-top: 0.8em;
	margin-bottom: 0.5em;
} 

h3 {
	font-size: 115%;
	font-weight: normal;
	color: #AA1124; /* rot */
	line-height: 1.3em;
	margin-top: 0.1em;
	margin-bottom: 0.6em;
}

h4 {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.2em;
	margin-top: 0.4em;
	margin-bottom: 0.2em;
}

hr {
	color: #666;
	background-color: #666;
	height: 1px;
	margin: 5px 0 15px 0;
	text-align: center;
}

#startseite hr {
	color: #1E1E1E;
	background-color: #1E1E1E;
	margin: 10px 0;
}

#teamseite h2,
#standortseite h2,
#jobseite h2,
#newsseite h2 {
	margin-top: 0.8em;
	margin-bottom: 0;
} 



/* Hyperlinks */
a { text-decoration: underline; outline: none; }
a:link { color: #000; } /* black */
a:visited { color: #1E1E1E; } /* Schriftfarbe: dunkelgrau */
a:focus,
a:hover {
	text-decoration: none;
}
a:active { color: #AA1124; } /* rot */


/* Allgemeine Klassen und IDs */

.skiplink {
	position: absolute;
	left: -3000px;
	top: -2000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}

.clearing { clear: both; }

.oben1 { margin-top: 1em; }

.text-nobr { white-space: nowrap; }

.textb { font-weight: bold; }

.texti { font-style:italic; }

.textfarbe1  { color: #AA1124; } /* rot */

.textfarbe1fett  {
	color: #AA1124; /* rot */
	font-weight: bold;
}

.textfarbe1kursiv  {
	color: #AA1124; /* rot */
	font-style: italic;
}

.textgross {
	font-size: 110%;
	line-height: 1.3em;
	margin-bottom: 0.8em;
}

.einleitung {
	font-size: 116%;
	line-height: 1.3em;
	margin-bottom: 0;
}

.bildrechts {
	float: right;
	margin: 0 0 10px 40px;
}

.bildlinks {
	float: left;
	margin: 0 40px 10px 0;
}

.bildteam {
	float: left;
	margin: 0 20px 36px 0;
}

.abstandli0 { margin-left: 0; }

.abstandli20 { margin-left: 20px; }

.abstandli40 { margin-left: 40px; }

.abstandre0 { margin-right: 0; }

.abstandre20 { margin-right: 20px; }


/* ====================================
   2. Styles fuer die  Layoutbereiche
   ==================================== */

div#wrapper {
	width: 883px;
	margin: 0 auto;
}

div#bannerbereich {
	width: 860px; /* Achtung! NICHT 883, weil padding gesetzt! */
	height: 270px;
	padding: 0 18px 0 5px;
	background-image: url(../images/imgs/bannerbg.png);
}

div#navitop {
	width: 883px;
	height: 10px;
	background-image: url(../images/imgs/navtop.png);
}

div#navibereich {
	width: 820px; /* Achtung! NICHT 883, weil padding gesetzt! */
	padding: 2px 35px 2px 28px;
	background-image: url(../images/imgs/navbg.png);
	background-repeat: repeat-y;
}

div#navibottom {
	width: 883px;
	height: 17px;
	background-image: url(../images/imgs/navbottom.png);
}

div#mainbereich {
	width: 833px; /* Achtung! NICHT 883, weil padding gesetzt! */
	padding: 15px 45px 10px 5px;
	background-image: url(../images/imgs/mainbg.png);
	background-repeat: repeat-y;
}

#startseite div#mainbereich {
	width: 810px; /* Achtung! NICHT 883, weil padding gesetzt! */
	padding: 15px 45px 10px 28px;
	background-image: url(../images/imgs/mainbg.png);
	background-repeat: repeat-y;
}

div#textbereich {
	min-width: 300px;
	margin-left: 193px;
	margin-right: 15px;
}

#startseite div#textbereich {
	min-width: 300px;
	margin-left: 170px;
	margin-right: 160px;
}

div#fussbereich {
	clear: both;
	background-image: url(../images/imgs/footerbg.png);
	background-repeat: repeat-y;
	padding: 4px 19px 3px 19px;
	margin: 0;
	text-align: center;
	font-size: 82%;
	line-height: 1.4em;
	color: #333; /* grau */
}

div#footerbottom {
	width: 883px;
	height: 21px;
	background-image: url(../images/imgs/footerbottom.png);
}

div#homebereich {
	width: 150px;
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000; /* black */
	text-align: left;
	font-size: 96%;
	line-height: 1.3em;
	padding: 24px 20px 10px 0;
}

div#homebereich p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000; /* black */
	text-align: left;
	font-size: 96%;
	line-height: 1.3em;
}

div#homebereich a:visited { color: #000; } /* black */


div#newsbereich {
	width: 140px;
	float: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000; /* black */
	text-align: left;
	font-size: 96%;
	line-height: 1.3em;
	padding: 0 0 10px 20px;
}

div#newsbereich p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000; /* black */
	text-align: left;
	font-size: 96%;
	line-height: 1.2em;
	padding: 0 6px 0 10px !important;
}

div#newsbereich h2 {
	margin-bottom: 0 !important;
}

div#newsbereich a {
	color: #000; /* black */
	text-decoration: none;
	display: block;
	padding: 2px 2px 2px 4px; /* statt outline bei a:hover + a:active  */
}

div#newsbereich a:visited {
	color: #000; /* black */
}

div#newsbereich a:hover,
div#newsbereich a:active {
	background-color: #AA1124; /* rot */
	color: #FFF; /* weiß */
	/*outline: solid #AA1124;  /* stattdessen padding bei "a" gesetzt */
	/*outline-width: medium;*/
}


div#subnavibereich {
	width: 150px;
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666; /* grau */
	text-align: left;
	font-size: 100%;
	line-height: 1.3em;
	padding: 12px 20px 10px 0;
}


div#fotobereich {
	float: right;
	text-align: right;
	font-size: 80%;
	line-height: 1.1em;
	padding: 0 0 10px 40px;
}


div#fotobereich.fotorandli0 { padding-left: 0; }

div#fotobereich.fotorandli20 { padding-left: 20px; }

div#fotobereich p {
	text-align: right;
}

div#fotobereich a img,
#standortseite div#textbereich a img {
	border: 1px solid #999; /* grau */
	padding: 6px;
}

div#fotobereich a img:hover,
#standortseite div#textbereich a img:hover {
	border-color: #AA1124; /* rot */
}	



div#fotothumbs a img {
	border: 1px solid #999; /* grau */
	margin-right: 8px;
	padding: 6px;
}

#startseite div#fotothumbs a img {
	margin: 4px;
}	

div#fotothumbs a img:hover {
	border-color: #AA1124; /* rot */
}	



/* #navibereich + #subnavibereich: ul + li Definitionen */

div#navibereich ul,
div#subnavibereich ul {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666; /* grau */
}

div#navibereich ul {
	font-size: 116%;
	margin-bottom: 0;
}

div#navibereich li {
	list-style-type: none;
	display: inline;
	margin: 0 18px 0 0;
}



div#subnavibereich ul {
	padding: 0;
	margin: 0;
}

div#subnavibereich ul li {
	list-style:none;
	margin: 0;
}


/* #navibereich + #subnavibereich: a Definitionen */

div#navibereich a {
	text-decoration: none;
	color: #666; /* grau */
}

div#navibereich .current a,
div#navibereich a:focus,
div#navibereich a:hover {
	color: #000; /* black */
}


div#subnavibereich ul a {
	display: block;
	padding: 1px 6px 1px 15px;
	margin: 0 0 2px 0;
	text-decoration: none;
	color: #666;
}


div#subnavibereich ul a:hover {
	color: #FFF;
	background-color: #AA1124; /* rot */
}

div#subnavibereich ul .current a {
	color: #FFF;
	background-color: #666;
}




/* #fussbereich: a Definitionen */

div#fussbereich a,
div#fussbereich a:link,
div#fussbereich a:visited,
div#fussbereich a:focus,
div#fussbereich a:hover {
	color: #333; /* grau */
	text-decoration: none;
}

div#fussbereich a:hover {
	text-decoration: underline;
}


/* ====================================
   3. Sonstige Styles
   ==================================== */



/* ====================================
   4. Patches für IE
   ==================================== */

* html body { /* Korrektur für IE5.x: Zentrierung Teil 1 */
	text-align: center; /* IE5 zentriert sonst Seite nicht */
	te\xt-align: left; /* Korrektur für IE6 */
	font-size: small; /* IE5 interpriert small als medium */
	f\ont-size: medium; /* Korrektur für IE6 */
}

* html div#wrapper { /* Korrektur für IE5.x: Zentrierung Teil 2 */
	text-align: left; /* damit Text linksbündig */
}

* html div#bannerbereich { /* wird NUR von IE bis inkl. Vers 6 ausgeführt */
	width: 883px; /* 883 = 860 content-width + 23 padding || Korrektur für IE5.x: Box Modell Fehler */
	w\idth: 860px; /* Korrektur für IE6 */
	background-image: none;
}

* html div#navibereich { /* wird NUR von IE bis inkl. Vers 6 ausgeführt */
	width: 883px; /* 883 = 820 content-width + 63 padding || Korrektur für IE5.x: Box Modell Fehler */
	w\idth: 820px; /* Korrektur für IE6 */
	padding: 8px 35px 6px 28px;
	background-image: url(../images/imgs/navbg_ie5.gif);
	background-repeat: repeat-y;
}

* html div#subnavibereich { /* wird NUR von IE bis inkl. Vers 6 ausgeführt */
	width: 170px; /* 170 = 150 content-width + 20 padding || Korrektur für IE5.x: Box Modell Fehler */
	w\idth: 150px; /* Korrektur für IE6 */
}


* html div#mainbereich { /* wird NUR von IE bis inkl. Vers 6 ausgeführt */
	width: 883px; /* 883 = 833 content-width + 50 padding || Korrektur für IE5.x: Box Modell Fehler */
	w\idth: 833px; /* Korrektur für IE6 */
	background-image: url(../images/imgs/mainbg_ie5.gif);
	background-repeat: repeat-y;
}

* html #startseite div#mainbereich { /* wird NUR von IE bis inkl. Vers 6 ausgeführt */
	width: 883px; /* 883 = 810 content-width + 73 padding || Korrektur für IE5.x: Box Modell Fehler */
	w\idth: 810px; /* Korrektur für IE6 */
	background-image: url(../images/imgs/mainbg_ie5.gif);
	background-repeat: repeat-y;
}

* html div#textbereich { /* wird NUR von IE bis inkl. Vers 6 ausgeführt */
	height: 1%; /* HEIGHT damit dem div das hasLayout zugeteilt wird - durch bug wird 1% ignoriert */
}

* html div#fussbereich { /* wird NUR von IE bis inkl. Vers 6 ausgeführt */
	width: 883px; /* 883 = 845 content-width + 38 padding || Korrektur für IE5.x: Box Modell Fehler */
	w\idth: 845px; /* Korrektur für IE6 */
	padding: 4px 19px 5px 19px;
	background-image: url(../images/imgs/footerbg_ie5.gif);
	background-repeat: repeat-y;
}

* html div#homebereich { /* wird NUR von IE bis inkl. Vers 6 ausgeführt */
	width: 170px; /* 170 = 150 content-width + 20 padding || Korrektur für IE5.x: Box Modell Fehler */
	w\idth: 150px; /* Korrektur für IE6 */
}

* html div#newsbereich { /* wird NUR von IE bis inkl. Vers 6 ausgeführt */
	width: 160px; /* 160 = 140 content-width + 20 padding || Korrektur für IE5.x: Box Modell Fehler */
	w\idth: 140px; /* Korrektur für IE6 */
}


* html div#navitop,
* html div#navibottom,
* html div#footerbottom { /* wird NUR von IE bis inkl. Vers 6 ausgeführt */
  display: none; 
}


/* =======================================
   E N D E   D E S   S T Y L E S H E E T S
   ======================================= */