/*!
 * Sabine Grosser Pferdefotografie Styleshee
 *
 * Author 2013 Dominic Lehle
 * 
 */

body
{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
input, button, select, textarea{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}


#header
{
	margin: 50px 0px 0px;
}
.grey_block{	height:17px;		width: 942px; padding: 5px; margin-top:8px;margin-bottom:15px; background: #f0f0f0;}

	


	#logoold{					font-family: Arial, Helvetica, sans-serif; font-size: 4.4em; letter-spacing:-6px; text-transform:uppercase; font-weight: bold; color: #CCC;}
	
		#logo{					font-family: Arial, Helvetica, sans-serif; font-size: 4.4em; letter-spacing:-6px; text-transform:uppercase; font-weight: bold; color: #CCC;}
	#slogan{				font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; letter-spacing:-1px; text-transform:uppercase; font-weight: bold; color: #CCC;}


/* ------------------------------------------------------------------------------------
CUSTOM						 */


	.box{					display: block; float: left;}
	
	
	.box{					display: block; float: left;}

label[for=interessiert]
{
    font-weight:normal !important;
}

.logotypo
{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size:32px;
	color:#000;
	display:block;
	padding:0;
	margin:0;
	line-height:0px;
	padding-bottom:0px;
	
}




.logotypoblackbg
{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color:#fff;
	background-color:#000;
	font-size:24px;
	letter-spacing:0.067em;
	padding-left:13px;
	padding-right:13px;
	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 
  .logotypoblackbg {
    	letter-spacing:0.09em;
    }
}

.logolocation
{
	display:block;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size:15px;
	padding-top:10px;
	letter-spacing:1px;
}

#headerline
{
	
	margin-bottom:15px;
	background-color:#F0F0F0;
	height:19px;
	text-align:right;
	font-size:18px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	
}

#middlecontentwrapper
{
	height:auto;
	min-height:515px;
    position: relative;
}

#bottomleft
{
	float:left;
	font-family: 'Roboto', sans-serif;;
	font-size:12px;
	color:#fff;
	width:810px;
}

#bottomleftkontakt
{
	float:left;
    font-family: 'Roboto', sans-serif;
    font-size:12px;
	color:#fff;
	width:610px;
}

p.nebenbild
{
	width:200px;
}



#bottomleft a,#bottomleftkontakt a
{
	color:#fff;
	text-decoration:none;
}

#bottomleft a:hover, #bottomleftkontakt a:hover
{
	text-decoration:underline;
}

#bottomright a
{
	color:#BBAF91;
	text-decoration:none;
}

#bottomrightkontakt a
{
	color:#FFF;
	text-decoration:none;
}


#bottomright a:hover, #bottomrightkontakt a:hover
{
	
	text-decoration:underline;
}

#bottomright
{
    font-family: 'Roboto', sans-serif;
    font-size:12px;
	color:#BBAF91;
	
	
}

 #bottomrightkontakt
 {
     font-family: 'Roboto', sans-serif;
     font-size:12px;
	color:#FFF; }

#logobottom
{
	float:right;
	padding-bottom:18px;
	padding-right:10px;
    bottom:8px;
    right:0;
    position: absolute;
}

#logobottoma
{
	float:right;
	padding-bottom:5px;
	padding-right:10px;
    bottom:8px;
    right:0;
    position: absolute;

}

#logobottomb
{
	float:right;
	padding-bottom:5px;
	padding-right:10px;
    bottom:8px;
    right:0;
    position: absolute;
}

#logobottomc
{
    float:right;
    padding-bottom:5px;
    padding-right:10px;
    bottom:8px;
    right:0;
    position: absolute;
}

#footerblack
{
	clear:both;
	background-color:#000;
	margin-top:0px;
	padding-left:10px;
	padding-right:10px;
}

p
{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size:14px;
	color:#333;
	width:450px;
}

p.blickwinkel
{

	padding-left:0px;
	line-height:22px;
		width:560px;

}
.blickwinkel .second{
    margin-top: 10px;
    display: block;
}

#smallpicleft
{
	float:left;
}

#pressetext
{
	font-size:15px;
	padding-top:50px;
	padding-left:60px;
	float:left;
}


#menuleft
{
	padding-top:250px;
	width:252px;
	float:left;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

#menuleftkontakt
{
	padding-top:5px;
	width:252px;
	float:left;
	
}

#maincontent
{
	float:right;
}

#maincontent_impressum
{
	float:left;
}

.impressum, .nebenbild
{
	font-size:12px;
	width:600px;
}

#menuleft a,#menuleftkontakt a
{
	text-decoration:none;
	margin-bottom:1px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:8px;
	color:#CCCCCC;
	font-size:30px;
	display:block;
	width:192px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;

}

#menuleft a:hover,#menuleft a.active,#menuleftkontakt a:hover,#menuleftkontakt a.active
{
	background-color:#000;
	color:#BBAF91;
}

.focustext
{
	padding-left:0px;
	line-height:22px;
	width:560px;
    margin-top: 20px;
}

#mainwrapper
{
	width:952px;
	margin:auto;
}

#midwrapp
{
	
}

.kontakt
{
	font-size:12px;
	width:520px;
	padding-top:50px;
	
}

.tooltiptheme {
	

	background: #181818;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltiptheme .tooltipster-content {
	font-size: 11px;
	line-height: 16px;
	padding-left:10px;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:40px;
}

.form-horizontal .control-label 
{
font-size:16px;
font-weight:300;
width:100%;	
}

.kontaktpferdebuch
{
	padding-top:4px;
	font-size:12px;
	line-height:14px;
	padding:0;
	padding-left:10px;
	padding-bottom:14px;
}

#menuleftkontakt a.linkallgemein 
{
	padding:0;
	padding-top:7px;
	padding-left:10px;
	font-size:18px !important;
	color:#A3977E !important;
	text-decoration:none;

}

.linkimpress
{
	padding:0;
	padding-top:8px;
	padding-left:10px;
    padding-bottom:10px;
    display: block;
	font-size:16px !important;
	color:#333 !important;
	text-decoration:none;
}

#vorschau
{
	padding-top:25px;
	padding-bottom:40px;
}

.row
{
	padding-bottom:10px;
	padding-left:25px;
}

.row a
{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size:15px;
	color:#666;
	text-decoration:none;
	width:160px;
	display:inline-block;
    padding-left: 20px;
    background: url("../img/bullet.png") no-repeat 0 3px;
}

.row a:hover
{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size:15px;
	color:#666;
	opacity:0.4;
}


a.linkallgemein 
{
	padding:0;
	font-size:16px !important;
	color:#A3977E !important;
	text-decoration:none;
    line-height: 40px;
}

a.linkallgemein:hover
{
	background-color:transparent !important;
	font-size:16px !important;
	color:#A3977E !important;
	text-decoration:underline !important;
}

textarea
{
	height:56px;
}

a.linkimpress:hover
{
	background-color:transparent !important;
	font-size:22px !important;
	color:#000 !important;
	text-decoration:underline !important;
}

a.linkallgemeinklein
{
	
	color:#A3977E;
	text-decoration:none;
}

a.linkallgemeinklein:hover
{
	
	color:#A3977E;
	text-decoration:underline;
}

a.imghover:hover
{
	opacity:0.6;
	border:none;
	background-color:transparent !important;

}

h2
{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size:30px;
}
.radio.inline, .checkbox.inline{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding: 10px 0;
    font-size: 14px;
    color: #333333;
    line-height: 22px;
    min-height: 35px;
}
.column{
    width: 48%;
    float: left;
}
.column input[type="text"]{
    width: 100%;
    margin-bottom: 10px;
    padding: 4px 10px;
}
.column input[type="checkbox"]{
    margin-right: 10px;
    margin-bottom: 20px;
    margin-top: 4px;
}
.column input[type="text"]:focus{
    background: #f0f0f0;
}
.column textarea{
    width: 282px;
    padding:10px;
}
.column .btn{
    margin-top: 10px;
    margin-left: 0;
}

label.radio.inline {
    line-height: 22px;
}