/*Copyright 2005 ff. i-public*/

/*erstellt von: Thilo Bunzel-Duran*/

/*am: 20.05.2005*/

/*für: Evangelische Gemeindepresse Stuttgart*/



/*ELEMENTS*/

body {margin: 0; padding: 0; border: 0; color: #925600; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: small;

background-image: url(img/bg_header_logo_home); background-color: rgb(250,246,226); overflow: auto;}

a {color: #1E90FF; font-weight: bold; text-decoration: underline;}

a:visited {color: purple; font-weight: bold; text-decoration: underline;}

a:hover {border-bottom: 2px dotted #925600; border-top: 2px dotted #925600; text-decoration: none; background-color: #FFF; color: #F39;}

li {line-height: 2em;}

h1 {font-size: x-large;}

h2 {font-size: large;}

h3 {font-size: large;}

p {margin: 0;}



/*GLOBAL CLASSES*/

.blind {display: none;}

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

/*global classes*/





/*MACROLAYOUT*/

#block {margin: 0 auto; width: 860px; height: auto; text-align: left; border: 0px solid red;}

#frame_01_home, #frame_01_follow, #frame_02_mag, #frame_03_abo, #frame_04_links, #frame_05_guest, #frame_06_tv {height: auto; border: 0px dashed black; float: left;background-repeat: no-repeat;}
/*
#frame_01_home {background-image: url(http://web439.s4.typo3server.com/fileadmin/design_benjamin/img/head_01.jpg);}

#frame_01_follow {background-image: url(http://web439.s4.typo3server.com/fileadmin/design_benjamin/img/head_01.jpg);}

#frame_02_mag {background-image: url(http://web439.s4.typo3server.com/fileadmin/design_benjamin/img/head_02.jpg);}

#frame_03_abo {background-image: url(http://web439.s4.typo3server.com/fileadmin/design_benjamin/img/head_03.jpg);}

#frame_04_links {background-image: url(http://web439.s4.typo3server.com/fileadmin/design_benjamin/img/head_04.jpg);}

#frame_05_guest {background-image: url(http://web439.s4.typo3server.com/fileadmin/design_benjamin/img/head_05.jpg);}

#frame_06_tv {background-image: url(http://web439.s4.typo3server.com/fileadmin/design_benjamin/img/head_06.jpg);}
*/
/*
#frame_01_home {background-image: url(img/bg_header_1_home.jpg);}
#frame_01_follow {background-image: url(img/bg_header_1_follow.jpg);}
#frame_02_mag {background-image: url(img/bg_header_2_mag.jpg);}
#frame_03_abo {background-image: url(img/bg_header_3_abo.jpg);}
#frame_04_links {background-image: url(img/bg_header_4_links.jpg);}
#frame_05_guest {background-image: url(img/bg_header_5_guest.jpg);}
*/

#frame_01_home {background-image: url(img/head_01.jpg);}
#frame_01_follow {background-image: url(img/head_01.jpg);}
#frame_02_mag {background-image: url(img/head_02.jpg);}
#frame_03_abo {background-image: url(img/head_03.jpg);}
#frame_04_links {background-image: url(img/head_04.jpg);}
#frame_05_guest {background-image: url(img/head_05.jpg);}
#frame_06_tv {background-image: url(img/head_06.jpg);}




#main {border: 0px dashed blue; height: auto; float: left; width: 860px;}

/*END macrolayout*/



/*HEADER*/

#header {border: 0px dashed red; width: 860px; height: auto;}



#header_logo {height: 104px;}

#header_logo span.distance {width: 168px; height: 104px; border: 0px dashed green;}

#header_toplink_logo {display: block; height: 104px; width: 390px; float: left; border: 0px dashed red;}

a:hover#header_toplink_logo {border: none; background-color: transparent;}

#header_toplink_agb {display: block; margin: 60px 0 0; height: 44px; width: 88px; float: left; border: 0px dashed red;}

a:hover#header_toplink_agb {border-right: 2px dotted #925600; border-left: 2px dotted #925600; border-bottom: none; border-top: none; background-color: transparent;}

#header_toplink_portal {display: block; margin: 0; height: 104px; width: 138px; float: left; border: 0px dashed red;}

a:hover#header_toplink_portal {border: none; background-color: transparent;}



#header_navi_service {height: 54px;}

#header_navi_service span.distance {width: 373px; height: 52px; border: 0px dashed green;} 

a.header_navi_service_link {display: block; width: 105px; height: 52px; float:left; border: 0px dashed green;}

a:hover.header_navi_service_link {border-right: 2px dotted #925600; border-left: 2px dotted #925600; border-bottom: none; border-top: none; background-color: transparent; cursor:ne -resize;}



#header_navi_main {height: 73px;}

#header_navi_main span.distance {width: 65px; height: 73px; border: 0px dashed green;}

.header_navi_main_link {display: block; margin: 0; padding: 0; border: 0; height: 73px; float: left; border: 0px dashed blue;}

#header_navi_main span.distance {width: 42px !important; height: 73px; border: 0px dashed green;}

#header_navi_main_link1 {width: 113px!important;} #header_navi_main_link2 {width: 101px!important;} #header_navi_main_link3 {width: 123px!important;} #header_navi_main_link4 {width: 126px!important;} #header_navi_main_link5 {width: 148px!important;}

#header_navi_main_link6 {width: 155px!important;}

a:hover#header_navi_main_link1 {border-right: 4px dotted #FC3; border-left: 4px dotted #FC3; border-bottom: none; border-bottom: none; border-top: none; background-color: transparent;}

a:hover#header_navi_main_link2 {border-right: 4px dotted purple; border-left: 4px dotted purple; border-bottom: none; border-top: none; background-color: transparent;}

a:hover#header_navi_main_link3 {border-right: 4px dotted #1E90FF; border-left: 4px dotted #1E90FF; border-bottom: none; border-top: none; background-color: transparent;} 

a:hover#header_navi_main_link4 {border-right: 4px dotted orange; border-left: 4px dotted orange; border-bottom: none; border-top: none; background-color: transparent;}

a:hover#header_navi_main_link5 {border-right: 4px dotted #096; border-left: 4px dotted #096; border-bottom: none; border-top: none; background-color: transparent;} 

a:hover#header_navi_main_link6 {border-right: 4px dotted #E21A01; border-left: 4px dotted #E21A01; border-bottom: none; border-top: none; background-color: transparent;}



/*END header*/



/*#left {display: block; width: 270px; height: 485px; float:left; background-image: url(img/bg_left.giff); background-repeat: no-repeat; border: 1px dashed maroon;}*/

#left {display: block; width: 270px; height: 485px; float:left; background-repeat: no-repeat; border: 0px dashed maroon;}

#follow #left {display: block; width: 270px; height: 485px; float:left; background-repeat: no-repeat; border: 0px dashed maroon; height: auto;}

#left_image {display: block; margin: 50px 10px 12px 112px; border: 0px dashed lime; }


/*
#left_preview {display: block; width: 256px; height: 208px; float:left; background-image: url(img/bg_preview.gif); background-repeat: no-repeat; border: 0px dashed yellow;}

#left_preview_box {margin: 50px 10px 0 80px; width: 150px; height: 100px; border: 0px dashed lime; overflow: auto; font-size: 0.8em; color: #FFF; scrollbar-base-color: #C33; scrollbar-arrow-color: #FFF; scrollbar-3dlight-color: #FFF; scrollbar-darkshadow-color: #FFF; scrollbar-highlight-color: FFF;}

#left_preview_box p {margin-bottom: 0.8em;}
*/


#content {display: block; width: 514px; height: auto; float: right; border: 0px dashed green;}
#content {padding: 25px 76px 80px 0;}
#follow #content{display: block; width: 514px; height: auto; float: right; padding:  25px 76px 25px 0;}




#footer {display: block; background-image: url(img/bg_mailbox.gif); background-repeat: no-repeat; margin: 0 auto; width: 802px; height: 206px; border: 0px dashed red; float: left;}

#foo {position: absolute; margin: -37px 0 0 256px; border: 0px solid green; float:left;}



#footer form {padding-left: 300px; padding-top: 30px;}



#footer_mailbox {display: block; /*margin: 35px 60px 0px 305px;*/ margin: 0; height: auto; border: 0px dashed green;}

#footer_mailbox label {display: none; height: 1em; width: 150px; float: left;}

#footer_mailbox_name {width: 180px;}

#footer_mailbox_email {width: 180px;}

#footer_mailbox textarea {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: small; width: 370px; overflow: auto; scrollbar-base-color: #FC3;}

#footer_mailbox_send {margin: 4px 0 0 255px;}



#footer_follow {display: block; padding: 0 auto; width: 860px; height: 35px; border: 0px dashed red; float: left; text-align: center; background-image: url(img/bg_footer_follow.gif); background-repeat: no-repeat; background-position: bottom; padding-top: 30px; font-size: x-small; color: #000;}

#footer_follow a { font-size: x-small; color: #000;}

#footer_follow a:hover { font-size: x-small; color: #000; background-color: rgb(250,246,226);}



/*ABOFORMULAR*/

#aboform label {display: block; float: left; text-align: right; width: 135px;}

textarea#aboform_message {width: 320px;}



#left_price {display: block; width: 256px; height: 208px; float:left; background-image: url(img/bg_price.gif); background-repeat: no-repeat; border: 0px dashed yellow; margin-top: 170px;}

#left_price_box {margin: 120px 10px 0 80px; width: 150px; height: 100px; border: 0px dashed lime; overflow: auto; font-size: 0.8em; color: #FFF; text-align: center;}

#left_price_box p {margin-bottom: 0.8em;}

/*END abofromular*/


/* video liste */
div.container {
	width: 100%;
	border: 1px solid black;
}

div.container div.thumb{
	width: 110px;
	margin-right: 10px;
	float: left;
}
div.container div.description{
	float: left;
}