/* ######################################
#                                       #
#  Südpol. Die Agentur. oHG             # 
#  Rottweiler Straße 30                 #
#  78078 Niedereschach                  #
#                                       #
#  Telefon: +49 (0) 7728.645 - 0        #
#  Fax: +49 (0) 7728.645 - 100          #
#                                       #
#  Web: www.suedpol.com                 #
#  E-Mail: info@suedpol.com             #
#                                       #
##################################### */

html {
	height:100%;
	margin-bottom:1px;
	}

body {
	background-color:#000;
	background-image:url(../images/body_hintergrund_schwarz.gif);
	background-repeat:repeat-y;
	height:100%;
	}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height: normal;
	background-image:url(../images/input.jpg);
	background-repeat:repeat-x;
	}

strong {
	font-weight:bold;
	}

p {
	margin:10px 0 10px 0;
	}

/* ###### Content ###### */
.block {
	/*padding:6px;*/
	}	

.block hr {
	height:1px;
	background-color:#aca899;
	color:#aca899;
	border:0 none;
	}

.block a {
	color:#444;
	}

.block a:hover {
	color:#fff;
	}

#fusszeile a {
	color:#666;
	}

#fusszeile a:hover {
	color:#fff;
	}

.block a:hover, #fusszeile a:hover {
	/*text-decoration:underline;*/
	}

body, p, td, div {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.6em;
	/*color:#727272;*/
	}

.block {
	padding:0 28px 0 28px;
	background-color:#000;
	}

.block p, .block td, .block div, .block li {
	/*text-align:justify;*/
	color:#fff;
	}

/* ###### Überschriften ###### */
.block h1, .block h2, .block h3, .block h4, .block h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	}

.block h1 {
	font-size:26px;
	line-height:26px;
	margin: 20px 0 10px 0;

	}

.block h2 {
	font-size:22px;
	line-height:22px;
	margin: 20px 0 10px 0;
	}

.block h3 {
	font-size:18px;
	line-height:18px;
	margin: 20px 0 10px 0;
	}

/* ###### Trennline ###### */
.trennmodul {
	background-color:#ccc;
	height:1px;
	border:#ccc;
	color:#ccc;
	margin-bottom:10px;
	}

/* ###### Links mit Grafik ###### */
a.extern { padding-right: 16px; background: url(../images/externer_link.gif) no-repeat right; }
a.email { padding-right: 16px; background: url(../images/email.gif) no-repeat right; }
a.wikipedia { padding-right: 14px; background: url(../images/wiki.gif) no-repeat right; }
a.pdf { padding-right: 16px; background: url(../images/pdf.gif) no-repeat right; }
a.download { padding-right: 16px; background: url(../images/download.gif) no-repeat right; }

/* ###### Meldungen ###### */
.mehr {
	padding:0;
	margin:-20px 0 0 0;
	}

.mehr a {
	color:#444;
	}

.mehr a:hover {
	color:#fff;
	}

.rot {
	color:#C00;
	}

.gruen {
	color:#0C0;
	}

/* ###### Seitenzähler ###### */
#seitenzaehler {
	margin:10px 0 40px 28px;
	}

.sitenr, .sitenrw, .sitenrx {
	display:block;
	font-size:10px;
	float:left;
	text-align:center;
	margin-right:1px;
	padding:0 6px 1px 6px;
	line-height:16px;
	}

.sitenr {
	border:1px solid #ccc;
	background-color:#fff;
	color:#000;
	}

.sitenr:hover {
	background-color:#e8e8e8;
	border:1px solid #444;
	}

.sitenrw {
	border:1px solid #ccc;
	background-color:#fff;
	color:#ccc;
	}

.sitenrx {
	border:1px solid #ccc;
	background-color:#ccc;
	color:#000;
	}

/* ###### Seitenaufbau ###### */
#rahmen {
	width:910px;
	padding:0 0px 10px 0;
	float:left;
	/*background-image:url(../images/hintergrund_schwarz.gif);
	background-position:450px 0px;
	background-repeat:repeat-y;*/
	min-height:100%;
	}

* html #rahmen {
	height:100%; /* IE6 hack */
	}

#links {
	width:300px;
	background-color:#fff;
	padding:22px 0 0 30px;
	float:left;
	}

#logo {
	/*margin:20px 0 40px 50px;*/
	width:200px;
	height:120px;
	float:left;
	}

#navigation {
	/*
	padding:0 0px 0 50px;
	margin:0 200px 0 0;
	margin:0 300px 0 50px;*/
	width:100px;
	height:240px;
	clear:left;
	float:left;
	}

#sprachew {
	clear:left;
	}

#sprachew a {
	color:#999;
	}
	
#sprachew a:hover {
	color:#000;
	}

#streifen {
	/*
	width:100%;
	height:260px;
	background-color:#ccc;
	background-image:url(../images/hund.jpg);
	background-repeat:no-repeat;
	background-position:200px 0px;
	float:left;
	*/
	}

#kopf {
	/*border-bottom:1px solid #fff;*/
	margin:30px 0 0 0;
	}

#content {
	width:550px;
	/*padding:40px 14px 0px 14px;*/
	background-color:#000;
	float:left;
	}

#sprung {
	/*background-color:#00FF66;*/
	float:left;
	width:30px;
	height:56px;
	margin:474px 0 0 0;
	line-height:26px;
	font-size:0;
	text-align:left;
	vertical-align:top;
	}

#sprung a {
	margin:0 0 2px 2px;
	display:block;
	}

#fusszeile {
	clear:left;
	float:left;
	width:494px;
	color:#444;
	margin:20px 0 0 0;
	padding:6px 28px 8px 28px;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:10px;
	/*letter-spacing:-1px;*/
	border-top:1px solid #444;
	}

/* ###### Druck ###### */
#adresse {
	display:none;
	}

/* ###### Liste ###### */
.block ul {
	list-style-image:url(../images/liste_3.gif);
	margin-left:8px;
	padding-left:8px;
	}

:root .block ul {
	list-style-image:url(../images/liste_2.gif); /* only Firefox */
	}
	

/* ###### Adresse Startseite ###### */
/*
#anschrift strong {
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:26px 0 10px 0;
	}

#anschrift {
	margin:0 0 4px 10px;
	line-height:1.2em;
	}
*/

/* ###### Trennlinie ###### */
.trennlinie {
	margin:0;
	font-size:0;
	display:block;
	/*margin: -7px 0;*/
	border:none;
	}

/* ###### Zurück Button ###### */
.zurueck {
	clear:both;
	}

.zurueck1 {
	color:#444;
	}

.zurueck1:hover {
	color:#fff;
	}

/* ###### Input ###### */
.eingabe {

	}

input.eingabe_error {
	background-color:#fee;
	background-image:url(../images/input_error.gif);
	background-repeat:repeat-x;
	}

/* ###### Knopf ###### */
a.knopf {
	padding:4px 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/menu_bg_off.gif);
	background-repeat:repeat-x;
	color:#000;
	border:1px solid #7a6e67;
	text-decoration:none;
	}
	
a:hover.knopf {
	background-image:url(../images/menu_bg_on.gif);
	text-decoration:none;
	color:#757788;
	}

/* ###### Übersicht ###### */
.vorschau {
	/*background-color:#000;*/
	padding:6px 24px;
	float:left;
	width:502px;
	color:#fff;
	margin:10px 0 0 0;
	border-bottom:1px solid #000;
	}

.vorschau a img {
	float:left;
	margin:0 10px 0 0;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	border:1px solid #ccc;
	color:#000;
	background-color:#fff;
	width:75px;
	height:52px;
	}

.vorschau a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	}

.vorschau p {
		padding:0;
		margin:0;
		}

/* ###### Gallery ############################################################################################################################################################################# */
.content {
	margin-top:30px;
	height:382px;
	}

.content #kopf {
	margin:0 !important;
	}

#slideshow {
	/*padding-top:30px;*/
	/*height:380px;*/
	border-top:1px solid #444;
	border-bottom:1px solid #444;
	}

div.controls {
	margin-top:5px;
	height:23px;
	}

div.ss-controls {
	display:none;
	float:left;
	}

div.ss-controls span {
	color:#666666;
	cursor:pointer;
	}

div.nav-controls {
	float:right;
	}

div.nav-controls a {
	padding:5px;
	color:#fff;
	}

div.image-title {
	padding:2px 0 0 28px;
	color:#999;
	}

div.image-desc {
	padding:12px 0 0 28px;
	color:#fff;
	}

div.ueberblick {
	width:460px;
	float:left;
	padding:0 0 0 28px;
	}

ul.thumbs {
	clear:both;
	margin:0;
	padding:0;
	}

ul.thumbs li {
	float:left;
	padding:0;
	margin:5px 10px 5px 0;
	list-style:none;
	}

ul.thumbs li a {
	padding:1px;
	display:block;
	/*border:1px solid #ccc;*/
	color:#999;
	}

ul.thumbs li a img {
	background-color:#fff;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	}

ul.thumbs li a:hover img, ul.thumbs li.selected a img {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	}

ul.thumbs li.selected a {
	background:#fff;
	}

ul.thumbs a:focus {
	outline:none;
	}

ul.thumbs img {
	border:none;
	display:block;
	}

div.ueberblick div.top {
	margin-bottom:12px;
	height:11px;
	}

div.ueberblick div.bottom {
	margin-top:12px;
	}
	
/* ###### Mittig ###### */
#rahmen {
	position:absolute;
	visibility:visible;
	left:50%;
	margin-left:-456px;
	background-image:url(../images/hintergrund_rahmen.gif);
	background-repeat:repeat-y;
	background-color:#fff;
	}

/* ###### fixe Höhe ###### */
#slideshow, .image-wrapper, .advance-link, .advance-link img {
	height:380px !important;
	width:550px !important;
	}

.block em {
	font-style:italic;
	}
	
/* Newsletter */
button {
	border: none;
	background-color:#fff;
	font-size:12px;
	/*line-height:16px;*/
	height:20px !important;
	line-height:20px !important;
	float:left;
	}
	
input#text69823, input#text69824 {
	width:200px;
	line-height:12px;
	height:20px;
	border:none;
	line-height:20px;
	margin:0;
	padding:0 0 0 4px;
	float:left;
	margin:0 8px 0 6px;
	}
	
div.musthave {
	height:20px;
	line-height:20px;
	padding:0px;
	}

label.itemname {
	float:left;
	}