@charset "utf-8";
/* 
	Wo-war-ich-schon.de
	Informiere Dich aber kopier nicht alles.
	The best way is: schreibe es selbst, lern von anderen und verbesser es
	bN.
*/

/* Aufteilung */

* { margin: 0px; padding: 0px; } /* Die Seite ist somit oben bündig */

body {
	color: #2E2728;
	font-size: 12px;
	line-height: 1.33em; /*line-height: 1.333em;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF; 
	}
	
button, input, select, textarea {
	border: 1px solid #CCCCCC;
	}
	
.headline { margin-bottom: 20px; }	
	
#content { width: 956px; margin: auto; }
	#contentLeft { width: 138px; float: left; border-right: 1px dotted #CCCCCC; margin-right: 20px; padding-left: 0px; padding-right: 10px; }
	#contentRight { width: 168px; float: left; border-left: 1px dotted #CCCCCC; margin-left: 20px; padding-left: 10px; padding-right: 0px;}
	#content2spalten { width: 776px; float: left; }
		.contentBoxLeft	{ width: 380px; float: left; margin-top: 30px; }
		.contentBoxRight { width: 380px; float: left; margin-left: 10px; margin-top: 30px; }	
	#content3spalten { width: 566px; float: left; }
		.content3spaltenLeft { width: 230px; float: left; } 
		.content3spaltenRight { width: 230px; float: left; }
		
#header { width: 956px; margin: auto; height: 180px; margin-bottom: 55px; }
/* IE 6 HACK */
* html #header { width: 956px; margin: auto; height: 180px; margin-bottom: 0px; }
	#headerContent { margin: 0px; }
		#headerLeft { float: left; height: 140px; width: 460px;}
		#headerRight { float: right; padding-top: 85px;}
#footer { width: 956px; margin: auto; margin-top: 30px; font-size: 0.75em; border-bottom:1px dotted #CCCCCC; border-top:1px dotted #CCCCCC; padding:10px 0; }
	#footerContent {  }

#mainMenu {
	margin-top: 0px;
	margin-bottom: 30px;
	}

#quicksearch { padding: 10px; padding-right: 0px;  }
	.quicksearch { padding: 5px; font-weight: bold; text-align: center; width: 270px;}
	.quicksearchSubmit { padding: 3px; font-weight:bold; margin-left: 5px; background-color: #ff6701; color:#FFFFFF; border-bottom: #999999 1px solid; border-right: #999999 1px solid; }

#placeList ul {
	position: absolute;
	width:350px;
	background-color:white;
	list-style-type:none;
	margin:0px;
	padding:0px;
	border: 1px solid #8e8e8e;
	z-index: 100;
	}
#placeList ul li.selected { background-color: #f5f5f5;}
#placeList ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:3px;
  cursor:pointer;
  border-bottom: 1px solid #8e8e8e;
  z-index: 100;
}

.placeListLand { background-color: #FFFFCC; }


#navigation {
background-color:#FFFFFF;
border-bottom:1px dotted #CCCCCC;
border-top:1px dotted #CCCCCC;
padding:10px 0;
}

.smallgray { font-size: 12px; color:#999999; }



.buttonWarda { font-weight: bold; color: #FFFFFF; background-color: #ff6701; padding: 5px; padding-left: 10px;}
.buttonWarda:hover { background-color: #FFCC00; }

.buttonWillhin { font-weight: bold; color:#FFFFFF; background-color: #4b89fa; padding: 5px; margin-top: 2px; padding-left: 10px; }
.buttonWillhin:hover { background-color: #33CCFF; }

.buttonSave { font-weight: bold; color:#FFFFFF; background-color: #00CC00; padding: 5px; margin-top: 2px; padding-left: 10px; }

/* Mein Werkzeug */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.center { margin: auto; text-align: center;}

/* Überschriften */
h1, h2, h3, h4, h5{ margin: 5px 0 5px 0; } 
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }

/* Links */ 
a:link { text-decoration: none; color: #3a33cc;	}
a:visited {	text-decoration: none; color: #3a33cc; }
a:active { text-decoration: none; color: #3a33cc; }
a:hover { text-decoration: underline; }

/* Navigation LEFT */
#navLeft { }
#navLeft h1, #navLeft h2, #navLeft h3 { margin: 5px 0 0 0; } 
/* Comments */
.bino {
	background:transparent url(http://www.wo-war-ich-schon.de/images/comment/ecke.gif) no-repeat scroll 20px 0;
	font-style:normal;
	margin:0;
	padding:7px 0 0 15px;
	position:relative;
	top:6px;
}

#commentbox { border: 1px solid #cccccc; width: 99%; padding: 2px; }
.comments { margin-bottom: 20px; }
.commentimg { width: 50px; float: left; border: 1px solid #cccccc; border-bottom: 2px solid #cccccc; padding: 2px; }
.commenttext { width: 82%; float: left; margin-left: 5px; }
.commentdate { float:right; margin-right: 10px; }
.comment  {	padding: 10px; border: 1px solid #cccccc; }


/* Board */
.bino {
	background:transparent url(http://www.wo-war-ich-schon.de/images/comment/ecke.gif) no-repeat scroll 20px 0;
	font-style:normal;
	margin:0;
	padding:8px 0 0 15px;
	position:relative;
	top:6px;
}

#boardbox { border: 1px solid #cccccc; width: 204px; padding: 2px; }
.boardimg { width: 50px; float: left; border: 1px solid #cccccc; border-bottom: 2px solid #cccccc; padding: 2px; }
.boardtext { width: 200px; float: left; margin-left: 20px; }
.board  {	padding: 10px; border: 1px solid #cccccc; }

/* BLÄTTERN */
.pages {
	cursor: pointer;
	float:left;
	width: 20px;
	text-align: center;
	margin-left: 2px;
	padding: 3px;
	border: 1px solid #CCCCCC;
}
.pages:hover {
	background-color: #FDFEDA;
}

/* PLACE */
#placeHeader {	 border-bottom: 1px dotted  #CCCCCC; margin-bottom: 30px; }

.placeList { margin-bottom: 20px; border-bottom: 1px dotted  #CCCCCC; }

.placeImgBox { float: left; margin-right: 10px; }
.placeImg { float:left; border:1px solid #999999; }
.placeImgBoarder { border: 2px solid #FFFFFF }
.placeImgInfo { font-size: 0.75em; width: 150px; }
        
    
.mini { font-size: 0.85em }

/* TRIPS */
.trip { margin-bottom: 10px; }
.tripname { width: 380px; float: left; }
.tripplaces {color: #999999;  }
.tripwriter { width: 120px; float: left; margin-left: 10px; }
.tripwriterpic { width: 35px; float: right; margin-left: 10px; }

/* WILLKOMMEN */

.willContentBox { width:560px; float:left; padding: 10px; border: 1px solid #cccccc;   }
.willcloseList { width:582px; float:left; border-top: 1px solid #cccccc; }


.willoptionBox 			{ width: 280px; background-color: #f5f6f2; border: 1px solid #cccccc; }
.willoptionBoxContent { padding: 5px; }

/* ERROR MSG */
.error { border: 2px solid #FF0000; background-color: #FFCC00; padding: 10px; }


/* FOTOS */
.fotos { width: 165px; float: left; height: 240px; padding-left: 5px; padding-right: 5px; border: 1px solid #CCCCCC; margin-right: 15px; margin-bottom: 20px }
.fotoHeader {  padding-top: 5px; padding-bottom: 5px;}
.fotoContent { height: 160px; text-align:center; }
.fotoFooter { height: 60px; font-size: 11px; }

/* WAS PASSIERT GERADE */
.passiertBox { font-size: 10px; margin-top: 10px; }
.passiertBoxLeft { }
.passiertBoxRight { }

/* User */

#userImage { margin-right: 10px; float:left; }
.imgBoarder { border:1px solid #999999; float: left }
.imgBoarderSpace { border: 2px solid #FFFFFF }

#userDetails { float: left; width: 200px;}

.mainBoxen { border-bottom: 1px dotted #CCCCCC; margin-bottom: 20px; padding-bottom: 10px;}

/* MOMENTS */
.momentFolgen { margin-bottom: 5px; border-bottom: 1px dotted #CCCCCC; }