@charset "utf-8";
/**************************************/
/* Styles für www.basedahl.de         */
/* 14.05.2009 by Torben Frodermann    */
/**************************************/

/* Globale Definitionen */

* {	padding: 0px; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; text-decoration: none; border: none;}

body{ background-color: #0C2315; color: #666;}

h1{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; padding-bottom: 20px;}
h2{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; padding-bottom: 20px;}
h3{ font-family: Georgia, 'Times New Roman', Times, serif; font-size: 10px; font-weight: bold; padding-bottom: 10px; color: #000;}

a{ color: #666; font-size: 11px; font-weight: normal; text-decoration: none;}
p{ color: #666; font-size: 11px; font-weight: normal; text-decoration: none; padding-bottom: 12px;}

p strong,
strong{ font-size: inherit;}

div{ position: absolute;}


/* Grundgeruest */

#grundgeruest{ background-color: #FFF; width: 900px; height: 550px; margin-top: -275px; margin-left: -450px; top: 50%; left: 50%;}

#gruener_streifen{ background-color: #04391B; width: 152px; height: 550px;}
#claim{ top: 35px; left: 23px;}
#logo{ top: 395px; left: 10px;}

#button-radelsau{ position: absolute; right: 27px; bottom: 20px;}


/* Menu */

#menu{ position: absolute; padding: 39px 0px 0px 17px;}

#menu a{ 
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none; 
	color: #FFCC00; 
	background-repeat:no-repeat;
	line-height: 16px;
}

#menu a:hover{ color: #FFF;}
#menu a.menu_aktiv { font-weight: bold; color: #FFF; }

#menu a.sub_menu{ font-size: 12px; color: #FFF; font-weight: normal;}
#menu a.sub_menu:hover,
#menu a.sub_menu_aktiv{ font-size: 12px; color: #FFF; font-weight: bold;}

#menu a.menu_impressum{ color: #009900;}

img.menu{ padding-bottom: 5px;}
img.sub_menu{ padding-bottom: 4px; padding-left: 10px;}


/* Titelseite */

#titelbild_links{ width: 373px; height: 550px; top: 0px; left: 152px;}
#titelbild_rechts{ width: 375px; height: 550px; top: 0px; left: 525px;}

#logo_gross{ top: 372px; left: 63px;}


/* Textspalte */

img.titel{ border: none; padding-bottom: 15px;}

#textbereich,
#textbereich_presse_news{ width: 291px; top: 0px; left: 152px; padding: 0px 30px 0px 52px; }
#textbereich_freunde{ width: 315px; top: 0px; left: 152px; padding: 0px 10px 0px 62px;}
#textbereich_versteckt_1,
#textbereich_versteckt_2,
#textbereich_versteckt_3{ width: 291px; top: 0px; left: 152px; padding: 0px 30px 0px 52px; visibility: hidden;}

#knopf_weiter_1,#knopf_weiter_1 a,
#knopf_weiter_2,#knopf_weiter_2 a,
#knopf_weiter_3,#knopf_weiter_3 a,
#knopf_weiter_4,#knopf_weiter_4 a{bottom: 40px; right: 410px; font-size: 9px; text-align: right; color: #009900; text-align: right;}

#textbereich_freunde p, 
#textbereich_freunde p a{ line-height: 18px;}
#textbereich_freunde p a:hover{ font-weight: bold;}

#textbereich_impressum{ width: 450px; top: 0px; left: 152px; padding: 0px 0px 0px 62px;}
#textbereich_impressum p{ font-size: 9px;}
#textbereich_impressum p a{ font-size: inherit;}
#textbereich_impressum p a:hover{ color: #000;}

#textbereich_kontakte{ width: 329px; top: 0px; left: 525px; padding: 0px 20px 0px 25px; }
#textbereich_kontakte p{ line-height: 14px;}

#textbereich_presse_news p{ line-height: 14px; padding-bottom: 12px;}
#textbereich_presse_news p a{ font-weight: bold; color: #009900;}
#textbereich_presse_news h2{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; padding: 10px 0px 4px 0px;}
#textbereich_presse_news h3{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-bottom: 4px; color: #666; }

img.presse_news_bild{ float: left; margin: 5px 15px 10px 0px; width: 140px;}

#presse_news_1,
#presse_news_2,
#presse_news_3,
#presse_news_4{ visibility: hidden; width: 330px; height: 420px; left: 393px; top: 87px; overflow:auto; padding-right: 10px; }

#presse_logo_1, #presse_logo_2, #presse_logo_3, #presse_logo_4{ visibility: hidden; width: 200px; height: 35px; left: 393px; top: 40px;}

#presse_news_1 h1,
#presse_news_2 h1,
#presse_news_3 h1,
#presse_news_4 h1{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 0px 0px 4px 0px;}

#presse_news_1 p, #presse_news_2 p, #presse_news_3 p, #presse_news_4 p{ line-height: 16px;}

div.freunde_text{ width: 145px; height: 118px; left: 125px; top: 274px; padding-top: 20px; visibility: hidden;}
div.freunde_text_start{ width: 145px; height: 118px; left: 125px; top: 274px; padding-top: 20px; visibility: visible;}
div.freunde_text p, 
div.freunde_text_start p{ font-size: 9px;}
div.freunde_text p,
div.freunde_text_start p{ font-size: 9px;}


/* Gallerie */

#gallerie_thumbs{ width: 371px; top: 0px; left: 152px; padding: 0px 0px 0px 2px; text-align: center;}
#gallerie_thumbs td{ padding: 0px 0px 8px 8px;}
#gallerie_thumbs td img{ border: 1px solid #FFF;}
#gallerie_gross{ width: 375px; height: 550px; top: 0px; left: 525px;}


/* Kontaktseite */

a.kontakte_route_link{ font-size: 9px; color: #009900;}
a.kontakte_route_link:hover{ font-weight: bold;}
a.kontakte_link{ font-size: 9px; text-decoration:underline;}
a.kontakte_link:hover{ color: #009900;}
a.kontakte_datenschutz{ font-size: 9px; color: #009900; text-decoration: underline;}

#kontaktformular { margin-top: 10px;}
#kontaktformular tr{ height: 20px;}
#kontaktformular td{ vertical-align: top; white-space:nowrap; }
#kontaktformular td.links{ width: 75px;}
#kontaktformular input{ color: #666; width: 250px; border-bottom: 1px solid #666; padding: 1px 5px 3px 0px; }
#kontaktformular input.anrede{ width: 20px; border: none;}
#kontaktformular input.checkbox{ width: 30px; margin: 15px 0px 0px 67px; border: none;}
#kontaktformular input.checkbox_datenschutz{ width: 20px; margin: 42px 0px 0px 0px; border: none;}
#kontaktformular input.sendeknopf{ width: 63px; margin: 30px 0px 5px 74px; border: none;}
#kontaktformular textarea{ color: #666; width: 247px; height: 84px; border: solid 1px #666; padding: 3px 3px 3px 3px; margin-top: 17px; resize: none; }

div.hinweis_checkbox{ position: absolute; left: 122px; top: 372px;}
div.hinweis_datenschutz_checkbox{ position: absolute; left: 25px; top: 460px;}


/* Bildspalten */

#bildbereich{ width: 375px; height: 550px; top: 0px; left: 525px;}
#bildbereich_kontakte{ width: 375px; height: 550px; top: 0px; left: 152px;}


/* Links */

a.link_logo{ color: #04391B;}
a.link_email{ font-weight: bold; text-decoration: underline; color: #555;}