/*
	Basis-Stylesheet fuer UnikumAhoi!
	Copyright Januar/2005 Mark Schenkemeier
	Comments? info@re-vert.de

div {
	border:1px dashed #003;
}
*/

body {
	margin:0;
	padding:0;
	font-size:78%;
	background-color: #fff;
	height:99%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

table, img {
	border:0;
}

#introswf {
	position:absolute;
	top:0;
	left:0;
}
#linkerBereich {
	width:185px;
	float:left;
	margin-right:60px;
	background-image: url(../img/nav_bg.jpg);
	background-repeat: no-repeat;
}
#lageplan {
position:relative;
	left: 67px;
}
#hauptBereich {
	width:556px;
	height:556px;
	float:left;
	background-image: url(../img/blank_bg.jpg);
	background-repeat: no-repeat;
}
#hauptBereich-idee {
	width:555px;
	height:555px;
	float:left;
	background-image: url(../img/idee_bg.jpg);
	background-repeat: no-repeat;
}
#navigation {
	margin-top:160px;
	height:185px;
	margin-bottom:215px;
}
.planlink {
	background-image: url(../img/icoLink.gif);
	background-repeat: no-repeat;
	padding-left:15px;
	
}

#navigation ul {
	margin:0;
	padding:0;
	list-style: none;
}

# navigation li ul {
	height:24px;
}

 
.nav-liste {
	display:none;
}

#logo {
	position:relative;
	left:80px;
	top:10px;
}

#begruessungstext {
	position:relative;
	width:360px;
	height:181px;
	top:70px;
	left:185px;
	overflow: auto;
}
#weiterleitungstext {
	position:relative;
	width:360px;
	height:175px;
	top:105px;
	left:185px;
	overflow: auto;
}
#kameratext {
	position:relative;
	width:370px;
	height:185px;
	top:152px;
	left:185px;
	overflow: auto;
}


#fotografentext {
	position:relative;
	width:370px;
	height:170px;
	top:142px;
	left:185px;
	overflow: auto;
}
#fotografentext table {
	font-size: 90%;
}

#form-zusatz {
	position:relative;
	width:440px;
	top:160px;
	left:85px;
	text-align:left;
	overflow: auto;

}
#gaeste-zusatz {
	position:relative;
	width:540px;
	height:171px;
	top:160px;
	left:0px;
	text-align:right;
	overflow: auto;
}

#impressumstext {
	position:relative;
	width:405px;
	height:330px;
	top:135px;
	left:87px;
	overflow: auto;
}

p {
	font-size: 95%;
	color: #000;
}

/* Der IE nimmt p:first-line nicht mehr an, wenn durch komma mehrere 
	hintereinander deklariert werden... deshalb alle untereinander weg :( */
#text-idee p:first-line {
	font-weight: bold;
}

#begruessungstext p:first-line {
	font-weight: bold;
}
#impressumstext p:first-line {
	font-weight: bold;
}
#sponsorentext p:first-line {
	font-weight: bold;
}
#fotografentext p:first-line {
	font-weight: bold;
}
#kameratext p:first-line {
	font-weight: bold;
}
#pressetext p:first-line {
	font-weight: bold;
}
#text-idee {
	position:relative;
	width:368px;
	height:183px;
	top:154px;
	left:187px;
	overflow: auto;
	/*background-color:#fff;*/
}
#text-idee p {
	padding-right: 3px;
}


#gruppentext {
	position:relative;
	width:368px;
	height:184px;
	top:154px;
	left:2px;
	padding-left:185px;
	overflow: auto;
	background-image: url(../img/border-top.png);
	background-repeat: repeat-x;
	background-color:#fff;
}
/* *** HACK FUER IE 5 *** */

* html #gruppentext {
	width: 553px;
	w\idth: 368px;	
}

#gruppentext table {
	font-size: 90%;
}
#sponsorentext, #pressetext {
	position:relative;
	width:512px;
	height:368px;
	top:153px;
	left:2px;
	padding-left:40px;
	overflow: auto;
	background-image: url(../img/border-top.png);
	background-repeat: repeat-x;
	background-color:#fff;
	text-align:left;
}
#sponsorentext p, #pressetext p {
  padding-top: 4px;
}
#gruppentext p:first-line {
	font-weight: bold;
}
#mittelkasten {
	position:relative;
	top:69px;
	left:185px;
	width:185px;
	height:185px;
}
#mittelkasten_kam {
	position:relative;
	top:153px;
	left:185px;
	width:185px;
	height:185px;
}
#kamerabild {
	position:absolute;
	top:110px;
	left:346px;
	width:185px;
	height:185px;
}
#kasten_gruppenbild {
	position:relative;
	width: 555px;
	height: 185px;
	top: 153px;
	left:1px;
}
#hinweistext {
  position:relative;
  top: 148px;
  left: 85px;
  
}
#kasten_kontaktform {
  position:relative;
	
	height: 185px;
	top: 153px;
  left:2px;
  width:553px;
  
  background-image: url(../img/kontakt_bg.gif);
}


.kontakt_area {
  width:549px;
  height:179px;
  text-align:right;
  font-family: courier;
 color:#E10915;
 font-size:88%;
 text-align:center;
  border:0;
}

.email_input {
  width:250px;
  border: 1px dashed red;
	text-align:left;
}
.submit {
  background-color:#fff;
  border: 1px solid red;
}


#kleine10 {
  position:relative;
  width: 266px;
  height: 184px;
  top: 155px;
  left: 104px;
}

#corner-links-unten {
  position:relative;
  width: 37px;
  height: 37px;
  top:120px;
  background-image: url(../img/corner_l_u.png);
  background-repeat: no-repeat;
}
#corner-links-unten2 {
  position:relative;
  width: 37px;
  height: 37px;
  top:147px;
  background-image: url(../img/corner_l_u.png);
  background-repeat: no-repeat;
}
#corner-rechts-oben {
  position:absolute;
  width: 37px;
  height: 37px;
  top:0px;
  left: 764px;
  background-image: url(../img/corner_r_o.gif);
  background-repeat: no-repeat;
}

a:link {
  text-decoration:none;
  color: #000;
}
a:visited {
  text-decoration:none;
  color: #000;
}
a:hover {
  text-decoration:none;
  color: #f00;
}
.sponsoren-bildleiste {
	margin-bottom:15px;
}
.sponsoren-bildleiste img {
	padding:2px;
}

#fotografen-bildleiste {
  position:relative;
  top:150px ;
  left: 2px;
  background-image: url(../img/fotografenleiste_hg.jpg);
  height:185px;
  width:552px;
}

#subnavigationsleiste {
  position:relative;
  top:150px;
  width:552px;
  height:25px;
}
.subnavpunkt {
  float:left;
  top:1px;
  font-weight:bold;
  width:182px;
  text-align:right;

}
.red {
  color: #f00!important;
}


#fotografenbild-1, #fotografenbild-2, #fotografenbild-3 {
  position:absolute;
  float:left;
	width:182px;
	
	top:1px;
}
#fotografenbild-2 {

  left: 185px;
}
#fotografenbild-3 {

  left: 370px;
}


#content-bereich {
  position:relative;
  width:370px;
  height:338px;
  top:150px;
  left:2px;
  background-image: url(../img/border-top.png);
  background-repeat: repeat-x;
  padding-top:1px;
  background-color:#fff;
  
}

#bigpic {
  height: 554px;
  position: absolute;
  top:1px;
  width:185px;
  left: 616px;
  background-repeat: no-repeat;
}
.content-titel-pic {
  
  color: #fff;
  height: 185px;
  width: 369px;
float:left;
left:0;
}
.content-titel-text {
  background-color: #f00;
  height: 184px;
  width: 185px;
  position:relative;
  float:left;
}

.content-titel-text p {
    color: #fff;
    padding:3px;
    font-size:98%;

}

.content-text {
  position:absolute;
  top:210px;
  left:0;
  height: 160px;
  width:324px;
  background-image: url(../img/border-top.png);
  background-repeat: repeat-x;
  padding-left: 35px;
  padding-right:14px;
  padding-top:1px;
  background-color: #fff;
  overflow:auto;
}
.content-text_nav {
  position:absolute;
  top:185px;
  left:0;
  height: 25px;
  width:324px;
  background-image: url(../img/border-top.png);
  background-repeat: repeat-x;
  padding-left: 45px;
  padding-top:1px;
  background-color: #fff;
  overflow:auto;
}

.inactive {
	color:#868686;
	font-size:17px;
	font-weight:bold;
}
.active {
	color:#000;
	font-size:17px;
	font-weight:bold;
}

#mailalarm {
  color: #e10915;
  font-weight:bold;
  position:absolute;
	top: 120px;
	font-size: 88%;
	left: 330px;
	
}
#saillogo {
	position:relative;
	left: 285px;
	top:-20px;
}
#bremenlogo {
  position:relative;
  top:-100px;
  left: 375px;
  
}
.polaroid1, .polaroid2 {
	width:235px;
	height:297px;
}
.polaroid1 {
	position:absolute;
	top:75px;
	left:285px;
}
.polaroid2 {
	position:relative;
	top:40px;
	left:285px;
}
.infos {
	position:relative;
	top:50px;
	width:535px;
	background-image: url(../img/border-top.png);
  background-repeat: repeat-x;
  padding:10px;
}
.info_ship {
	width:230px;
	position:absolute;
	left:40px;
	top:6px;
}
.info_capt {
	width:280px;
	position:absolute;
	left:290px;
	top:6px;
}
#polanav {
	position:absolute;
	background-image: url(../img/border-top.png);
  background-repeat: repeat-x;
  top:535px;
  left:255px;
	width:545px;

}
p.presse {
	padding-right:10px;
}

#index {
	width: 400px;
	margin:auto;	
	margin-top:40px;

}
#logo_wh {
	width:196px;
	margin:auto;
}
#auswahl {
	text-align:center;
}
#nointro, #intro {
	width:200px;
	float:left;
	text-align:center;

}
#smlbottext {
	width: 400px;
	margin:auto;
	position:relative;
	top:40px;
}
#smlbottext p {
	font-size: 80%;
	color: #adadad;
	
}
#smlbottext p a {
	
	color: #adadad;
	
}
.gaeste_area {
	width:466px;
	height:183px;
	position:relative;
	left:85px;
	overflow:auto;

}
.gaeste_area hr {
	width:266px;

	
}
.gaesteeintrag {
	font-size:95%;
	color:#000;
}
.minitrenn {
	padding:0;
	margin:0;
	width:280px;
	border:1px dashed #ccc;
}