/*  
Theme Name: mod XV
Theme URI: http://blog.unnerkrunt.de/
Description: a modified theme by freshlabs
Version: 1.1
Author: freshlabs 
Author URI: http://www.freshlabs.de/

*/


* {
	margin: 0;
	padding: 0;
	}



/* -----------------------------------*/
/* ----------->>> BUILD <<<-----------*/
/* -----------------------------------*/

body {
	background: rgb(246, 246, 246) url("images/c-bg.gif") center repeat-y;
	color: rgb(128, 128, 128);
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Verdana', 'Arial', Sans-Serif;
}

.break {

	clear: both;

}

/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/

#header {

	background: url("images/slogan.jpg") no-repeat;

	height: 100px;

	margin: 0 auto;

	padding: 0;

	width: 600px;

}

#header a, #header a:visited {

	display: block;

	width: 234px;

	height: 97px;

}





/* -----------------------------------*/
/* ---------->>> TITLE <<<------------*/
/* -----------------------------------*/

#groomLake {

	clear: left;

	padding: 0 30px 10px 30px;

	margin: 35px auto 0 auto;

	width: 540px;

}

/* ------->>> SUB BUILDS <<<----------*/

.sub-left {

	background: url("images/jungefotografie-logo.jpg") center no-repeat;

	border: 0px solid rgb(246, 246, 246);

	float: left;

	height: 60px;

	margin: 0 auto 0 auto;

	width: 200px;

}

#sub-right {

	border-left: 2px solid rgb(246, 246, 246);

	float: right;

	margin: 0 auto 0 auto;

	text-align: left;

	width: 320px;

}

/* ------->>> SUB NAV LIST <<<--------*/

#sub-right ul {

	line-height: 20px;

	list-style-type: none;

	margin: 0;

	padding: 0;

}

#sub-right li {

	height: 20px;

}

#sub-right ul li a, #sub-right ul li a:visited {

	color: rgb(102, 102, 102);

	display: block;

	padding: 0 0 0 30px;

	text-decoration: none;

}

#sub-right ul li a:hover {

	background: rgb(153, 0, 51);

	border: none;

	color: white;

	display: block;

}

#sub-right ul li.current_page_item a,

#sub-right ul li.current_page_item a:hover {

	background: rgb(153, 0, 51);

	color: rgb(255, 255, 255);

	text-decoration: none;

}

/* -----------------------------------*/

/* ----------->>> NAV <<<-------------*/

/* -----------------------------------*/

#menu {

	margin: 0 auto;

	width: 650px;

}

#menu span a, #menu span a:visited  {

	border-bottom: 5px solid red;

	color: rgb(250, 251, 247);

	font: 1.0em 'Georgia', 'Times New Roman', Sans-Serif;

	margin: 1px 10px 0px 0;

	padding: 1px 3px 0px 3px;

	text-decoration: none;

}

#menu span a:hover {

	border-bottom: 5px solid black;

	text-decoration: none;

}

/* -----------------------------------*/
/* --------->>> CONTENT <<<-----------*/
/* -----------------------------------*/

#area51 {

/*	background: rgb(250, 251, 247);

	border-bottom: 5px solid rgb(85, 85, 85);

	border-top: 5px solid rgb(85, 85, 85);

	padding: 10px 0 20px 0; */

	margin: 30px 0 0 0;

}

.post {

	margin: 0 auto 0 auto;

	width: 540px;

}

p { 

	color: rgb(102, 102, 102);

	font-family: 'Verdana', 'Arial', Sans-Serif; 

	font-weight: normal;

	font-size: 1.2em; 

	line-height: 160%; 

	padding: 5px 0px 5px 0px;

	text-align: justify;

}

.divide {

	font-family: 'Verdana', 'Arial', Sans-Serif; 

	font-weight: normal;

	font-size: 1em; 

	height: 25px;

	margin: 10px 0 0 0;

	padding-right: 10px;

	text-align: right;

}

blockquote p {

	background: url("images/float-quote.jpg") top left no-repeat;

	float: left;

	font: 1.4em 'Georgia', 'Times New Roman', Sans-Serif;

	font-style: italic;

	margin: 1px 0 0 -265px;

	position: absolute;

	text-align: right;

	width: 200px;

}

.more img {

	border: none;

	height: 13px;

	margin: 0 0 -1px 0;

}

.more a, .more a:visited {

	background: url("images/more.jpg") no-repeat;

	border: none;

	height: 15px;

	margin: 0;

	padding: 0;

	letter-spacing: -9999em;

	width: 52px;

}

.post p a, .post p a:visited {

	color: rgb(153, 0, 51);

	text-decoration: none;

}

.post p a:hover {

	color: rgb(0, 0, 0);

}



/* ------>>> CONTENT LISTS <<<--------*/

#area51 ul {

	color: rgb(102, 102, 102);

	font-family: 'Verdana', 'Arial', Sans-Serif; 

	font-weight: normal;

	font-size: 1.2em;

	list-style-type: none;

	margin: 10px 0 10px 0;

	padding: 0 0 0 10px;

}

#area51 ul li {

	background: url("images/bullet_black.gif") left 2px no-repeat;

	line-height: 170%;

	margin: 0 0 5px 0;

	padding: 0 10px 0 20px;

}

#area51 ul li.destyle {

	background: none;

}

#area51 ul li a, #area51 ul li a:visited { color: rgb(112, 160, 194); text-decoration: none; }

#area51 ul li a:active { color: rgb(170, 170, 170); text-decoration: none; }

#area51 ul li a:hover { color: rgb(138, 186, 221); text-decoration: none; }



.highlite {

/*	background: rgb(198, 220, 115); */

/*	border: 1px solid rgb(236, 235, 231); 242, 240, 237*/

	font: 1.0em 'Courier New', 'Georgia', Sans-Serif;

	padding: 2px 3px;

	text-transform: uppercase;

}





/* -----------------------------------*/
/* ------------>>> WHO <<<------------*/
/* -----------------------------------*/

#ufo {

	clear: left;

	padding: 0 30px 10px 30px;

	margin: 70px auto 0 auto;

	width: 540px;

}

.agentMulder {

	background: url("images/who.jpg") center no-repeat;

	border: 10px solid rgb(246, 246, 246);

	float: left;

	height: 60px;

	margin: 0 auto 15px auto;

	width: 520px;

}

/* -----------------------------------*/
/* --------->>> RESPONSES <<<---------*/
/* -----------------------------------*/

#watertownStrip {

	padding: 0 0 10px 0;

	margin: 30px auto 0 auto;

	width: 540px;

}

.responses {

	margin: 0 0 50px 0;

}

.responses dl {

	margin: 0 95px;

	padding: 0 0px;

}

.responses dt {

	color: rgb(0, 0, 0);

	font: bold 1.2em 'Verdana', 'Arial', Sans-Serif;

	text-decoration: none;

}

.responses dt a, .responses dt a:visited {

	color: rgb(153, 0, 51); /*255,0,170*/

	font-weight: bold;

	text-decoration: none;

}

.responses dt a:hover {

	border-bottom: 1px dotted rgb(51, 51, 51);

}

.responses dd {

	margin: 0px 0 20px 0;

}

.responses dd p {

	color: rgb(102, 102, 102);

	font: 1.2em 'Verdana', 'Arial', Sans-Serif;

	line-height: 160%;

	margin: 0;

	padding: 5px 0;

}

.responses dd p a, .responses dd p a:visited {

	color: rgb(153, 0, 51); /*101, 179, 205*/

	font: 1.1em 'Verdana', 'Arial', Sans-Serif;

	text-decoration: none;

}

.responses dd p a:hover {

	border-bottom: 1px dotted rgb(51, 51, 51);

}

.response-info {

	color: rgb(102, 102, 102);

	float: left;

	font: 4.8em 'Georgia', 'Times New Roman', Sans-Serif;

	padding: 5px 0 0 0;

	position: absolute;

	text-align: center;

	text-decoration: none;

	width: 85px;

}

.response-info acronym {

	border: none;

	cursor: help;

}

.response-info a, .response-info a:visited {

	color: rgb(153, 0, 51);

	font: 1.1em 'Georgia', 'Times New Roman', Sans-Serif;

	text-decoration: none;

}

.response-info a:hover {

	border-bottom: 1px dotted rgb(163, 178, 180);

}

.addResponse p {

	margin: 0 95px;

}

/* -----------------------------------*/
/* ------->>> RESPONSE FORM <<<-------*/
/* -----------------------------------*/

.addResponse form {

	border: none;

	margin: 0 95px;

	padding: 25px 0 0 0;

}

.addResponse form p {

	color: rgb(153, 153, 153);

	font: 1.2em 'Verdana', 'Arial', Sans-Serif;

	line-height: 160%;

	margin: 0;

	padding: 5px 0;

}

.inputinfo {

	background: url("images/response-postinfo.jpg") center no-repeat;

	padding: 5px 0;

	position: relative;

	text-align: left;

}

.inputinfo p {

	color: rgb(220, 221, 217);

	float: right;

	font: 1.2em 'Verdana', 'Arial', Sans-Serif;

	line-height: 160%;

	width: 240px;

}

label {

	color: rgb(153, 153, 153);

	cursor: pointer;

	font: 1em 'Verdana', 'Arial', Sans-Serif;

	text-transform: none;

	}

label strong {

	font-style: italic;

}

.addResponse input {

	background: rgb(255, 255, 255);

	border: 1px solid rgb(238, 238, 238);

	color: rgb(102, 102, 102);

	font-family: 'Verdana', 'Arial', Sans-Serif;

	font-size: 0.9em;

	margin: 4px 0px 10px 0;

	padding: 4px;

	width: 98%;

	}

.addResponse textarea {

	background: rgb(255, 255, 255) url("images/textarea-back.jpg") center no-repeat;

	border: 2px solid rgb(246, 246, 246);

	color: rgb(102, 102, 102);

	font-family: 'Verdana', 'Arial', Sans-Serif;

	font-size: 1em;

	height: 150px;

	line-height: 140%;

	margin-top: 4px;

	padding: 3px 5px 3px 5px;

	width: 97%;

	}

.addResponse input#submit {

	background: rgb(255, 255, 255);

	border: none;

	border: 2px solid rgb(246, 246, 246); 

	color: rgb(102, 102, 102);

	cursor: pointer;

	font-family: 'Verdana', 'Arial', Sans-Serif;

	font-size: 1.2em;

	font-weight: normal;

	margin: 10px 0 0 0;

	padding: 2px 3px 2px 3px;

	width: 140px;

	}

p.submit { text-align: center; }

.addResponse #submit:hover { color: rgb(153, 0, 51); }

.addResponse #submit:active { color: rgb(153, 0, 51); }





/* -----------------------------------*/
/* ---------->>> THE END <<<----------*/
/* -----------------------------------*/

.break {

	clear: both;

}

#footer {

	border-top: 1px solid rgb(238, 238, 238);

	clear: both;

	margin: 25px auto 0px auto;

	padding: 5px 0 5px 0;

	text-align: left;

	width: 540px;

}

#footer p {

	border: none;

	color: rgb(220, 221, 217);

	font-family: 'Verdana', 'Arial', Sans-Serif;

	font-size: 10px;

	line-height: 14px;

	margin: 0 0 0 15px;

	padding: 0 0 0 0px;

	text-align: left;

}

#footer img {

	padding: 20px 0;

}





/* -----------------------------------*/
/* ---------->>> HEADERS <<<----------*/
/* -----------------------------------*/

h1 {

	color: rgb(0, 0, 0);

	display: none;

	font-family: 'Verdana', 'Arial', Sans-Serif;

	font-weight: normal;

	font-size: 1.8em;

	margin: 0;

	padding: 0;

}

h1 a, h1 a:visited { color: white; font-weight: normal; text-decoration: none; }

h1 a:hover { color: white; text-decoration: none; }



h2 {

	color: rgb(153, 0, 51);

	font-family: 'Verdana', 'Arial', Sans-Serif;

	font-weight: bold;

	font-size: 1.2em;

	margin: 0;

	padding: 5px 0 0 0;

	}

h2 a, h2 a:visited { border: none; color: rgb(153, 0, 51); font-weight: bold; text-decoration: none; }

h2 a:hover { border: none; color: rgb(0, 0, 0); font-weight: bold; text-decoration: none; }



h3 {

	color: rgb(102, 102, 102);

	font-family: 'Verdana', 'Arial', Sans-Serif;

	font-weight: bold;

	font-size: 1.8em;

	margin: 20px 0 5px 94px;

	padding: 0 0 5px 0;

	}

h3 a, h3 a:visited { border: none; color: rgb(51, 51, 51); text-decoration: none; }

h3 a:hover { border: none; color: rgb(236, 50, 3); text-decoration: none; }



.responses h3 {

	margin: 20px 0 0px 95px;

	padding: 0 0 15px 0;

}





/* -----------------------------------*/
/* ----------->>> GLOBAL <<<----------*/
/* -----------------------------------*/

a, a:visited { color: rgb(153, 0, 51); font-weight: normal; text-decoration: none; }

a:active { color: rgb(136, 136, 136); text-decoration: none; }

a:hover { color: rgb(0, 0, 0); text-decoration: none; }

acronym { border-bottom: 1px dashed rgb(102, 102, 102); cursor: help; }

abbr { border-bottom: 1px dashed; cursor: help; }

code { background: rgb(246, 246, 246); border: 1px solid rgb(238, 238, 238); font: 1em 'Courier New', 'Arial', Sans-Serif; }

img { border: none; }





/* Intouch Contact Form */

		

/* just for clearing floats, IE Hack */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/

.clearfix {display: block; margin: 0; padding: 0; }

p.clearfix {}

/* End hide from IE-mac */    

    

div.intouch { margin: 1em auto 2em auto; }		

div.intouch  form { float: left; width: 100%; }		

div.intouch div.inputfield { padding: 4px 0px; position: relative; }

div.intouch span { position: relative; top: 0.4em; }

div.intouch label { 

  display: block; float: left; clear: left; width: 15%; text-align: right; 

  padding-top: 0.4em; position: relative; right: 5px;

  }

div.intouch div.inputfield input, 

div.intouch div.inputfield textarea { float: left; margin-left: 10px; }

div.intouch div.inputfield input { 

  width: 40%; border: 1px solid #ccc; padding: 3px;

  }

div.intouch div.inputfield textarea { 

  width: 60%; height: 138px; padding: 5px; border: 1px solid #ccc;

  }

div.intouch div.inputfield input.submitbutton { 

  border: 3px double #ccc; background: #F0F0F0; cursor: pointer;

  width: auto !important; padding: 2px; margin-left: 10px; left: 15%;

  position: relative;

  }



div.intouch div#usermessage { margin-bottom: 10px; text-align: center; }

div.intouch div#usermessage.success {}

div.intouch .error { border: 1px solid #FF0000 !important; padding: 1px; }


/* NEWS */
#news{
	border:1px solid #990033;
	left:50%;
	margin:0 0 0 -270px;
	padding:8px;
	position:absolute;
	top:600px;
	width:522px;
	height: 90px;
	overflow: auto;
	font-size: 80%;
}

/* 45° Banner */
#portraitbanner{
	background: url("/wp-content/themes/xv_bttr/images/fotografiehamburgbanner.png") no-repeat scroll 0 0 transparent;
	height: 160px;
	margin-right: -301px;
	position: absolute;
	right: 50%;
	top: 0;
	width: 160px;
	z-index: 3;
}

#portraitbanner a{
	width: 160px;
	height: 160px;
	display: block;
}

#portraitbanner a:active{
	outline: none;
}

#portraitbanner a:focus {
  -moz-outline-style: none;
}