/* --- Stylesheet 1267 () --------- */ 

#body {
	margin: 0px;
	padding:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	position:relative;
	color:#222;
}

#page {
	background:#f0f0f0;
}

h1, h2, h3 {
	font-family: "ScalaSansOTRegular", Helvetica, Arial, sans-serif;
}

#header {
	height:150px;
	position:relative;
	background: transparent url(http://tramino.s3.amazonaws.com/s/schwarzwaldalarm/111332/header.png) no-repeat;
	z-index:2;
}

#headerbild{
	position:relative;
	margin-top:-130px;
	z-index:2;
	max-width:1800px;
	min-width:480px;
	overflow:hidden;
	width:100%;
}

#headerbild img.background { width:100%; min-width:1050px; max-width:1800px; }
#headerbild img.logo, #headerbild .infobox { position:absolute; left:0px; top:95px; background:#fff; background: rgba(255, 255, 255, 0.8); padding-bottom:5px; }

#headerbild .infobox h1, #headerbild .infobox h2, #headerbild .infobox p {
	color:#A60201;
	display:block;
	float:left;
	clear:left;
	margin:0px 0px 0px 40px;
	padding:5px 10px;
}

#headerbild .infobox h1, #headerbild .infobox h1 a { font-size:36px; font-weight:normal; text-decoration:none; color:#A60201; }
#headerbild .infobox h2 { font-size:18px; font-weight:normal; }
#headerbild .infobox p { font-size:15px; }


#headerbild #freundeeinladen {
	position:absolute; right:10px; bottom:0px;
}

#headerbild #freundeeinladen a {
	background: transparent url(http://tramino.s3.amazonaws.com/s/schwarzwaldalarm/112226/fbbutton.png) no-repeat 0px 0px;
	width:240px;
	height:60px;
	display:block;
	color: #FFFFFF;
	margin: 0;
	padding: 45px 10px 45px 150px;
	font-size: 16px;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	text-decoration:none;
}

#headerbild #freundeeinladen a:hover {
	text-decoration:underline;
}

#navigation ul, #navigation ul li, #navigation ul li a {
	padding:0;
	margin:0;
	list-style:none;
	color:#ddd;
	font-weight:normal;
	text-decoration:none;
	font-size:18px;
	line-height:22px;
}

#navigation ul {
	margin-left:40px;
}

#navigation ul li a {
	display:block;
	padding: 10px 15px;
	margin:0px 15px 10px 5px;
	background: #A60201;
	font-family: "ScalaSansOTRegular", Helvetica, Arial, sans-serif;
	float:left;
	background: #A8101C;
}

#navigation ul li a:hover, #navigation ul li.nav_aktiv a {
	color:#fff;
	padding: 10px 20px 15px 20px;
	margin:0px 10px 5px 0px;
}


#content {
	max-width:1800px;
	min-width:480px;
	width:100%;
	background: transparent url(http://tramino.s3.amazonaws.com/s/schwarzwaldalarm/112110/footer.png) no-repeat right bottom;
	padding-bottom: 25px;
}

#content #TraminoArtikel, #content #TraminoInhalt {
	margin:0 15px 0 50px;
}

#content #TraminoArtikel .path, h3.abgespeicherttext_h3 #Adresse_titel, #element_adresse_ortsteil, #element_adresse_titel { display:none; }

#content #TraminoArtikel h1, #content #TraminoArtikel h2 { font-weight:normal; }

#content input[type=submit] {
	display:block;
	padding: 5px 10px;
	background: #A60201;
	border: 0px solid #fff;
	color: #ddd;
}

#content input[type=submit]:hover { color: #fff; }

#content a {
	color: #A60201;
	text-decoration:none;
}

#content a:hover {
	text-decoration:underline;
}


#content #TraminoAnhang17165 h3, #content #input_startnummer, #content #element_startnummer, #input_status, #content #element_status  { display:none; }



#content .TraminoForm #element_facebook .label h4, #content .TraminoForm #element_twitter .label h4 { display:none; }

#content .TraminoForm #element_facebook, #content .TraminoForm #element_twitter, #content .TraminoForm #element_Kontonummer, #content .TraminoForm #element_Kontoinhaber, #content .TraminoForm #element_blz, #content .TraminoForm #element_bank { position:relative; padding:0px 0px 30px 0px; }

#content .TraminoForm #element_facebook .label, #content .TraminoForm #element_twitter .label, #content .TraminoForm #element_Kontonummer .label, #content .TraminoForm #element_Kontoinhaber .label, #content .TraminoForm #element_bank .label, #content .TraminoForm #element_blz .label {
	position: absolute;
	top: 25px;
	font-size:11px;
}

#content .TraminoForm #element_facebook .label .help, #content .TraminoForm #element_twitter .label .help, #content .TraminoForm #element_Kontonummer .label h4,  #content .TraminoForm #element_Kontoinhaber .label h4, #content .TraminoForm #element_blz .label h4, #content .TraminoForm #element_bank .label h4 {
	font-size:11px;
	padding:0;
	margin:0;
	font-weight:normal;
}

#content .TraminoForm #element_facebook .Widget.TextWidget input, #content .TraminoForm #element_twitter .Widget.TextWidget input, #content .TraminoForm #element_Kontonummer .Widget.TextWidget input,  #content .TraminoForm #element_Kontoinhaber .Widget.TextWidget input, #content .TraminoForm #element_blz .Widget.TextWidget input, #content .TraminoForm #element_bank .Widget.TextWidget input {
	width:94% !important;
}



#footer {
	padding:25px 0 20px 20px;
	color:#666;
	font-size:12px;
	background:#fff;
}

#footer .left.partner {
	float:left;
	padding:0 10px 10px 0;
	border:0px solid #fff;
}

#footer a {
	color:#666;
}

#helper #fbline { position:absolute; width:1px; height:1000px; top:0px; left:520px; background:#ff0; z-index:1000; border-right: 1px solid white; }
#helper #iphoneline { position:absolute; width:1px; height:1000px; top:0px; left:480px; background:#f0f; z-index:1000; border-right: 1px solid white; }
#helper #disline { position:absolute; width:1px; height:1000px; top:0px; left:1200px; background:#0ff; z-index:1000; border-right: 1px solid white; }


.traminosuggest li.traminosuggest_over {
	background-color: #A60201 !important;
	color: #fff !important;
}



@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { #body, #page { width:480px;} }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { #body, #page { width:1024px;} }
/* iPhone 4 ----------- */ @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { #body, #page { width:480px;} }


.TwitterButton {
	background: #fff url(http://s1.tramino.de/gfx/twitter.png) no-repeat 2px 2px;
	padding:4px 5px 4px 24px;
	color:#333 !important;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	cursor:pointer !important;
	font-size:11px !important;
	border: 1px solid #aaa !important;
	text-decoration:none;
}

.TwitterButton:hover { background-color:#44AADD !important; color:#fff !important; }